:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,#020617,#111827);color:#e2e8f0;line-height:1.5;--app-bg: linear-gradient(180deg, #020617 0%, #111827 100%);--text-primary: #e2e8f0;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--panel-bg: rgba(15, 23, 42, .88);--panel-border: rgba(148, 163, 184, .2);--shadow-color: rgba(2, 6, 23, .35);--surface-bg: rgba(30, 41, 59, .92);--surface-border: rgba(148, 163, 184, .18);--input-bg: rgba(15, 23, 42, .65);--input-border: rgba(148, 163, 184, .24);--primary-bg: #38bdf8;--primary-text: #082f49;--accent-soft: rgba(56, 189, 248, .16);--accent-text: #7dd3fc}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}body{background:var(--app-bg);color:var(--text-primary)}button,input,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{width:min(100%,960px);margin:0 auto;padding:24px 16px 48px}.hero-card,.panel-card,.notice-card{border:1px solid var(--panel-border);border-radius:20px;background:var(--panel-bg);box-shadow:0 24px 64px var(--shadow-color)}.hero-card{padding:14px 16px}.hero-card--centered{text-align:center}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px}.panel-card,.notice-card{padding:20px}.eyebrow{display:inline-flex;margin-bottom:12px;padding:6px 10px;border-radius:999px;background:#38bdf824;color:#7dd3fc;font-size:.9rem}h1,h2,p{margin:0}h1{font-size:clamp(1.35rem,3.2vw,1.9rem);line-height:1.15}h2{font-size:1.05rem;margin-bottom:14px}.subtitle{margin-top:12px;color:var(--text-secondary);max-width:50rem}.hero-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;color:var(--text-muted)}.info-list,.summary-list{list-style:none;display:grid;gap:12px;margin:0;padding:0}.info-list li,.summary-list li{display:flex;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.16)}.info-list li:last-child,.summary-list li:last-child{border-bottom:0;padding-bottom:0}.info-list span,.summary-list span,.field-hint{color:var(--text-muted)}.info-list strong,.summary-list strong{text-align:right;color:var(--text-primary)}.info-list strong,.summary-list strong,.field-hint{overflow-wrap:anywhere;word-break:break-word}.info-list li>span,.summary-list li>span{min-width:0}.info-list li>strong,.summary-list li>strong{min-width:0;max-width:62%}.scenario-actions,.screen-actions,.catalog-grid{display:grid;gap:12px;margin-top:20px}.file-field,.text-field{display:grid;gap:10px;margin-top:20px}.file-field input,.text-field textarea,.text-field input,.text-field select{width:100%;padding:14px 16px;border:1px solid var(--input-border);border-radius:14px;background:var(--input-bg);color:var(--text-primary)}.primary-button,.secondary-button,.ghost-button,.catalog-card{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 16px;border-radius:14px;border:1px solid transparent;transition:.2s ease;text-decoration:none}.primary-button{margin-top:20px;background:var(--primary-bg);color:var(--primary-text);font-weight:700}.secondary-button,.catalog-card{background:color-mix(in srgb,var(--primary-bg) 18%,var(--surface-bg));color:var(--text-primary);border-color:color-mix(in srgb,var(--primary-bg) 34%,var(--surface-border))}.catalog-card{align-items:flex-start;text-align:left;flex-direction:column;min-height:76px;border-width:2px;position:relative;padding:8px;gap:4px}.catalog-card:after{content:"›";position:absolute;right:14px;top:10px;color:var(--text-muted);font-size:18px}.catalog-card:hover{border-color:color-mix(in srgb,var(--primary-bg) 55%,var(--surface-border));transform:translateY(-1px)}.catalog-card:active{transform:translateY(0);opacity:.95}.catalog-card--selected{border-color:var(--primary-bg);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary-bg) 70%,transparent);background:color-mix(in srgb,var(--primary-bg) 10%,var(--surface-bg))}.ghost-button{background:transparent;color:var(--text-secondary);border-color:var(--surface-border)}button:disabled{opacity:.6;cursor:not-allowed}.status-badge{margin:20px auto 8px;display:inline-flex;padding:10px 16px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-weight:700;text-transform:lowercase}.status-badge--error{background:#ef444429;color:#fecaca}.result-image{display:block;width:100%;max-width:100%;max-height:min(28vh,240px);object-fit:contain;object-position:center;margin-top:20px;padding:4px;border-radius:20px;border:1px solid var(--surface-border);background:#020617}.salon-banner{display:block;width:100%;max-height:112px;object-fit:cover;border-radius:14px;border:1px solid var(--surface-border);margin-bottom:12px;background:#020617}.salon-banner--logo{object-fit:contain;padding:6px}@media (max-width: 420px){.result-image{max-height:min(26vh,220px)}}@media (min-width: 768px){.scenario-actions{grid-template-columns:repeat(3,1fr)}.screen-actions,.catalog-grid{grid-template-columns:repeat(2,1fr)}}.hero-card--catalog{padding-bottom:120px}.sticky-cta{position:sticky;bottom:16px;margin-top:-88px;padding:14px;border:1px solid rgba(148,163,184,.2);border-radius:18px;background:#0f172af5;box-shadow:0 24px 64px #02061759;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;gap:12px}.sticky-cta__meta{display:grid;gap:4px}.sticky-cta__label{color:#94a3b8;font-size:.9rem}.sticky-cta__button{margin-top:0}.booking-card-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}.booking-card{width:100%;text-align:left;display:grid;gap:10px;padding:14px;border:1px solid var(--surface-border);border-radius:14px;background:color-mix(in srgb,var(--surface-bg) 85%,#020617);color:var(--text-primary)}.booking-card__top,.booking-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.booking-mode-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:600;background:#38bdf829;color:#bae6fd}.booking-mode-badge--callback_request{background:#f59e0b2e;color:#fde68a}.booking-mode-badge--self_contact{background:#22c55e2e;color:#bbf7d0}.booking-card__time,.booking-card__contact,.booking-card__more{color:var(--text-muted);font-size:.85rem}.booking-card__time{white-space:nowrap}.booking-card__name{margin:0;font-size:1rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.booking-card__contact{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.booking-card__more{flex-shrink:0}.bookings-skeleton{display:grid;gap:12px;margin-top:16px}.bookings-skeleton__card{height:86px;border-radius:14px;border:1px solid var(--surface-border);background:linear-gradient(90deg,#1e293bd9,#334155e6,#1e293bd9);background-size:220% 100%;animation:booking-skeleton-pulse 1.3s ease-in-out infinite}@keyframes booking-skeleton-pulse{0%{background-position:100% 50%}to{background-position:0 50%}}@media (min-width: 768px){.sticky-cta{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}}.branding-card__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.branding-logo{width:56px;height:56px;border-radius:14px;object-fit:cover;border:1px solid var(--surface-border)}.logo-crop-preview{width:min(220px,100%);aspect-ratio:1 / 1;overflow:hidden;border-radius:14px;border:1px solid var(--surface-border);background:#020617}.logo-crop-preview__image{width:100%;height:100%;object-fit:cover;transform-origin:center center}.catalog-card__image{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:10px;border:1px solid var(--surface-border);margin-bottom:4px}.catalog-card small{color:var(--text-muted)}.catalog-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.catalog-card__zoom{border:none;background:transparent;color:var(--text-muted);text-decoration:underline;padding:0;cursor:pointer}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:18px;background:#020617e0}.image-lightbox__image{width:min(92vw,720px);max-height:88vh;object-fit:contain;border-radius:14px;border:1px solid var(--surface-border);background:#020617}.catalog-preview-card{display:grid;gap:8px;padding:8px;border:1px solid var(--surface-border);border-radius:14px;background:color-mix(in srgb,var(--surface-bg) 86%,var(--primary-bg))}.step-tabs{margin-top:16px;display:grid;gap:8px}.catalog-dropzone{border:2px dashed var(--surface-border);border-radius:14px;padding:16px;color:var(--text-secondary);background:color-mix(in srgb,var(--surface-bg) 85%,var(--primary-bg))}.catalog-dropzone--active{border-color:var(--primary-bg);background:color-mix(in srgb,var(--primary-bg) 16%,var(--surface-bg))}.step-indicator{display:block;margin-bottom:8px;text-align:right;font-size:.82rem;color:var(--text-muted)}.form-message{margin-top:12px;font-size:.95rem}.form-message--error{color:#fca5a5}.form-message--success{color:#86efac}.admin-shell{display:grid;gap:16px}.admin-grid{align-items:start}.admin-toolbar{display:grid;gap:12px;margin-top:20px}.hero-actions,.field-stack,.list-stack,.switch-grid{display:grid;gap:12px}.field-label{display:grid;gap:8px;color:var(--text-secondary)}.field-label input,.field-label select,.field-label textarea{width:100%;padding:12px 14px;border:1px solid var(--input-border);border-radius:14px;background:var(--input-bg);color:var(--text-primary)}.switch-row{display:flex;align-items:center;gap:10px;color:#f8fafc}.list-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.16)}.list-row:last-child{border-bottom:0}.success-text{color:#86efac;margin-top:12px}.error-text{color:#fca5a5;margin-top:12px}[data-theme-mode=light]{--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--panel-border: rgba(15, 23, 42, .18);--surface-border: rgba(15, 23, 42, .16);--input-bg: rgba(248, 250, 252, .96);--input-border: rgba(15, 23, 42, .2)}[data-theme-preset=default],.theme-preset-default{--app-bg: linear-gradient(180deg, #020617 0%, #111827 100%);--panel-bg: rgba(15, 23, 42, .88);--surface-bg: rgba(30, 41, 59, .92);--primary-bg: #38bdf8;--primary-text: #082f49;--accent-soft: rgba(56, 189, 248, .16);--accent-text: #7dd3fc}[data-theme-preset=midnight],.theme-preset-midnight{--app-bg: linear-gradient(180deg, #020617 0%, #0f172a 55%, #1e293b 100%);--panel-bg: rgba(15, 23, 42, .92);--surface-bg: rgba(15, 23, 42, .82);--primary-bg: #7c3aed;--primary-text: #f5f3ff;--accent-soft: rgba(124, 58, 237, .18);--accent-text: #c4b5fd}[data-theme-preset=ink],.theme-preset-ink{--app-bg: linear-gradient(180deg, #09090b 0%, #18181b 55%, #27272a 100%);--panel-bg: rgba(24, 24, 27, .92);--surface-bg: rgba(39, 39, 42, .92);--primary-bg: #f59e0b;--primary-text: #1c1917;--accent-soft: rgba(245, 158, 11, .18);--accent-text: #fcd34d}.ui-card{border:1px solid var(--panel-border);border-radius:20px;background:var(--panel-bg);box-shadow:0 24px 64px var(--shadow-color)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 16px;border-radius:14px;border:1px solid transparent;transition:.2s ease;text-decoration:none}.ui-button:hover{border-color:color-mix(in srgb,var(--primary-bg) 45%,var(--surface-border))}.ui-button:active{transform:translateY(1px)}.ui-button--default{background:var(--primary-bg);color:var(--primary-text);font-weight:700;border-color:color-mix(in srgb,var(--primary-bg) 72%,#ffffff 28%);box-shadow:0 10px 24px color-mix(in srgb,var(--primary-bg) 32%,transparent)}.ui-button--secondary{background:var(--menu-bg, color-mix(in srgb, var(--primary-bg) 38%, var(--surface-bg)));color:var(--text-primary);border-color:var(--menu-border, color-mix(in srgb, var(--primary-bg) 52%, var(--surface-border)))}.ui-button--ghost{background:transparent;color:var(--text-secondary);border-color:var(--surface-border)}.ui-button--destructive{background:#7f1d1d;color:#fee2e2;border-color:#ef4444}.ui-input{width:100%;padding:12px 14px;border:1px solid var(--input-border);border-radius:14px;background:var(--input-bg);color:var(--text-primary)}.ui-textarea{min-height:110px;resize:vertical}.ui-badge{margin:20px auto 8px;display:inline-flex;padding:10px 16px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-weight:700;text-transform:lowercase}.ui-badge--error{background:#ef444429;color:#fecaca}.ui-badge--success{background:#22c55e29;color:#86efac}.ui-switch{width:16px;height:16px;accent-color:var(--primary-bg)}.ui-alert{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--surface-border);background:var(--surface-bg);color:var(--text-secondary)}.ui-alert--error{border-color:#ef444459;color:#fecaca}.ui-alert--success{border-color:#22c55e59;color:#86efac}.ui-table{width:100%;border-collapse:collapse;margin-top:12px}.ui-table th,.ui-table td{text-align:left;padding:10px 8px;border-bottom:1px solid rgba(148,163,184,.16)}@media (min-width: 768px){.admin-toolbar{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.switch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.compact-brand-card{padding:12px}.branding-logo--round{width:72px;height:72px;border-radius:999px}.stepper{display:grid;gap:8px;margin-bottom:12px}.stepper__meta{display:flex;justify-content:space-between;gap:8px;color:var(--text-muted);font-size:.85rem}.stepper__meta strong{color:var(--text-secondary)}.stepper__bar{height:6px;border-radius:999px;background:#94a3b833;overflow:hidden}.stepper__bar>span{display:block;height:100%;background:var(--primary-bg)}.theme-preset-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.theme-preset-tile{border:1px solid var(--surface-border);background:var(--surface-bg);color:var(--text-primary);border-radius:12px;padding:12px;text-transform:capitalize}.theme-preset-tile--selected{border-color:var(--primary-bg);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary-bg) 70%,transparent)}.image-cropper{display:grid;gap:10px}.image-cropper__viewport{width:min(320px,100%);margin:0 auto;overflow:hidden;border:1px solid var(--surface-border);background:#020617;position:relative}.image-cropper__viewport--circle{aspect-ratio:1 / 1;border-radius:20px}.image-cropper__viewport--wide{aspect-ratio:3 / 1;border-radius:14px}.image-cropper__image{width:100%;height:100%;object-fit:cover;transform-origin:center}.image-cropper__mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:2px dashed rgba(255,255,255,.5);border-radius:inherit}.cropper-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#020617d1;display:grid;align-items:center;padding:16px}.cropper-modal__card{width:min(520px,100%);margin:0 auto;border:1px solid var(--panel-border);border-radius:18px;background:var(--panel-bg);padding:14px}.image-cropper__viewport{touch-action:none}.salon-banner-strip{height:52px;border-radius:12px;border:1px solid var(--surface-border);background-size:cover;background-position:center;margin-bottom:10px}.salon-brand-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.salon-brand-logo{width:56px;height:56px;border-radius:999px;object-fit:cover;border:1px solid var(--surface-border);background:#020617}.salon-brand-logo--fallback{display:grid;place-items:center;font-weight:700;color:var(--accent-text);background:color-mix(in srgb,var(--primary-bg) 24%,var(--surface-bg))}.salon-brand-copy .subtitle{margin-top:4px}