@import "https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Hanken+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--font-display:"Spectral", Georgia, "Times New Roman", serif;--font-sans:"Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:4rem;--leading-tight:1.12;--leading-snug:1.3;--leading-normal:1.55;--tracking-tight:-.02em;--tracking-wide:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--n-0:oklch(100% 0 0);--n-50:oklch(97.5% .013 82);--n-100:oklch(95.5% .017 82);--n-200:oklch(91.5% .018 82);--n-300:oklch(85.5% .018 82);--n-400:oklch(70% .016 82);--n-500:oklch(57.5% .014 80);--n-600:oklch(47.5% .012 78);--n-700:oklch(38.5% .011 76);--n-800:oklch(27% .01 75);--n-900:oklch(19.5% .009 75);--n-950:oklch(14% .008 75);--success:oklch(58% .12 150);--warning:oklch(70% .13 75);--danger:oklch(56% .16 27);--info:oklch(58% .1 235);--shadow-xs:0 1px 2px oklch(20% .01 75/.06);--shadow-sm:0 1px 3px oklch(20% .01 75/.08), 0 1px 2px oklch(20% .01 75/.05);--shadow-md:0 4px 12px oklch(20% .01 75/.09), 0 2px 4px oklch(20% .01 75/.05);--shadow-lg:0 12px 32px oklch(20% .01 75/.12), 0 4px 8px oklch(20% .01 75/.06);--shadow-xl:0 24px 56px oklch(20% .01 75/.16);--ring:0 0 0 3px color-mix(in oklch, var(--accent) 35%, transparent);--transition:.16s cubic-bezier(.4, 0, .2, 1)}:root,[data-theme=light]{--bg:var(--n-50);--surface:var(--n-0);--surface-2:var(--n-100);--surface-3:var(--n-200);--border:var(--n-200);--border-strong:var(--n-300);--text:var(--n-900);--text-muted:var(--n-600);--text-subtle:var(--n-500);--text-inverse:var(--n-50);--success-soft:color-mix(in oklch, var(--success) 14%, var(--surface));--warning-soft:color-mix(in oklch, var(--warning) 18%, var(--surface));--danger-soft:color-mix(in oklch, var(--danger) 13%, var(--surface));--info-soft:color-mix(in oklch, var(--info) 13%, var(--surface))}[data-theme=dark]{--bg:var(--n-950);--surface:var(--n-900);--surface-2:var(--n-800);--surface-3:var(--n-700);--border:color-mix(in oklch, var(--n-700) 70%, transparent);--border-strong:var(--n-600);--text:var(--n-50);--text-muted:var(--n-300);--text-subtle:var(--n-400);--text-inverse:var(--n-950);--success-soft:color-mix(in oklch, var(--success) 22%, var(--surface));--warning-soft:color-mix(in oklch, var(--warning) 22%, var(--surface));--danger-soft:color-mix(in oklch, var(--danger) 22%, var(--surface));--info-soft:color-mix(in oklch, var(--info) 22%, var(--surface));--shadow-sm:0 1px 3px oklch(0% 0 0/.4);--shadow-md:0 4px 12px oklch(0% 0 0/.45);--shadow-lg:0 12px 32px oklch(0% 0 0/.5);--shadow-xl:0 24px 56px oklch(0% 0 0/.55)}:root,[data-brand=valk]{--accent:oklch(51.5% .098 150);--accent-hover:oklch(45% .098 150);--accent-contrast:var(--n-0);--accent-2:#bb9a61;--accent-2-contrast:var(--n-900)}[data-brand=biometha]{--accent:#f47c20;--accent-hover:#d96a12;--accent-contrast:var(--n-0);--accent-2:oklch(60% .105 145);--accent-2-contrast:var(--n-0)}[data-brand=calm]{--accent:oklch(55% .105 233);--accent-hover:oklch(49% .105 233);--accent-contrast:var(--n-0);--accent-2:oklch(80% .075 210);--accent-2-contrast:var(--n-900)}[data-brand=surf]{--accent:oklch(62% .175 240);--accent-hover:oklch(55% .175 240);--accent-contrast:var(--n-0);--accent-2:#b88a44;--accent-2-contrast:var(--n-0)}[data-brand=croissant]{--accent:oklch(54.5% .095 62);--accent-hover:oklch(47.5% .095 62);--accent-contrast:var(--n-0);--accent-2:oklch(88.5% .045 82);--accent-2-contrast:var(--n-900)}[data-theme=dark][data-brand=valk],[data-theme=dark]:root{--accent:oklch(66% .105 150);--accent-hover:oklch(72% .1 150)}[data-theme=dark][data-brand=biometha]{--accent:#f78b3a;--accent-hover:#ffa24f}[data-theme=dark][data-brand=calm]{--accent:oklch(68% .105 233);--accent-hover:oklch(74% .1 233)}[data-theme=dark][data-brand=surf]{--accent:oklch(72% .165 240);--accent-hover:oklch(78% .15 240)}[data-theme=dark][data-brand=croissant]{--accent:oklch(70% .09 64);--accent-hover:oklch(76% .085 64)}:root{--accent-soft:color-mix(in oklch, var(--accent) 14%, var(--surface));--accent-softer:color-mix(in oklch, var(--accent) 7%, var(--surface));--accent-border:color-mix(in oklch, var(--accent) 32%, var(--border));--accent-2-soft:color-mix(in oklch, var(--accent-2) 60%, var(--surface))}*,:before,:after{box-sizing:border-box}body.hs{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;transition:background var(--transition), color var(--transition);margin:0}.hs h1,.hs h2,.hs h3,.hs h4{font-family:var(--font-display);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text);margin:0}.t-display{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.t-h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.t-h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;line-height:var(--leading-snug)}.t-h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600}.t-h4{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600}.t-lead{font-size:var(--text-lg);color:var(--text-muted);line-height:var(--leading-normal)}.t-body{font-size:var(--text-base)}.t-small{font-size:var(--text-sm);color:var(--text-muted)}.t-eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--accent);font-weight:600}.t-mono{font-family:var(--font-mono);font-size:var(--text-sm)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);white-space:nowrap;padding:0 var(--space-5);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;height:42px;transition:background var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition), transform var(--transition);border:1px solid #0000;font-weight:600;line-height:1;display:inline-flex}.btn:active{transform:translateY(.5px)}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--accent-contrast)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-subtle)}.btn--soft{background:var(--accent-soft);color:var(--accent)}.btn--soft:hover:not(:disabled){background:color-mix(in oklch, var(--accent) 22%, var(--surface))}.btn--ghost{color:var(--text-muted);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn--danger{background:var(--danger);color:var(--n-0)}.btn--danger:hover:not(:disabled){background:color-mix(in oklch, var(--danger) 85%, black)}.btn--sm{height:34px;padding:0 var(--space-4);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn--lg{height:50px;padding:0 var(--space-6);font-size:var(--text-base)}.btn--icon{width:42px;padding:0}.btn--block{width:100%;display:flex}.field{gap:var(--space-2);flex-direction:column;display:flex}.label{font-size:var(--text-sm);color:var(--text);font-weight:600}.hint{font-size:var(--text-xs);color:var(--text-subtle)}.input,.select,.textarea{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:0 var(--space-3);height:42px;transition:border-color var(--transition), box-shadow var(--transition)}.textarea{height:auto;padding:var(--space-3);resize:vertical;min-height:96px;line-height:var(--leading-normal)}.input::placeholder,.textarea::placeholder{color:var(--text-subtle)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}.input:disabled{background:var(--surface-2);color:var(--text-subtle);cursor:not-allowed}.input--error{border-color:var(--danger)}.input--error:focus{box-shadow:0 0 0 3px color-mix(in oklch, var(--danger) 30%, transparent)}.error-text{font-size:var(--text-xs);color:var(--danger)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.check{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.toggle{cursor:pointer;width:42px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle .track{background:var(--surface-3);border-radius:var(--radius-full);transition:background var(--transition);position:absolute;inset:0}.toggle .track:before{content:"";background:var(--n-0);width:18px;height:18px;box-shadow:var(--shadow-sm);transition:transform var(--transition);border-radius:50%;position:absolute;top:3px;left:3px}.toggle input:checked+.track{background:var(--accent)}.toggle input:checked+.track:before{transform:translate(18px)}.toggle input:focus-visible+.track{box-shadow:var(--ring)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card__body{padding:var(--space-6)}.card__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.card__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);background:var(--surface-2)}.card--hover{transition:box-shadow var(--transition), transform var(--transition)}.card--hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.badge{align-items:center;gap:var(--space-1);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);height:24px;font-weight:600;line-height:1;display:inline-flex}.badge--accent{background:var(--accent-soft);color:var(--accent)}.badge--neutral{background:var(--surface-2);color:var(--text-muted)}.badge--success{background:var(--success-soft);color:color-mix(in oklch, var(--success) 75%, var(--text))}.badge--warning{background:var(--warning-soft);color:color-mix(in oklch, var(--warning) 60%, var(--text))}.badge--danger{background:var(--danger-soft);color:color-mix(in oklch, var(--danger) 80%, var(--text))}.dot{background:currentColor;border-radius:50%;width:6px;height:6px}.alert{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);font-size:var(--text-sm);align-items:flex-start;display:flex}.alert__icon{width:20px;height:20px;color:var(--n-0);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.alert--success{background:var(--success-soft);border-color:color-mix(in oklch, var(--success) 30%, transparent)}.alert--success .alert__icon{background:var(--success)}.alert--warning{background:var(--warning-soft);border-color:color-mix(in oklch, var(--warning) 35%, transparent)}.alert--warning .alert__icon{background:var(--warning)}.alert--danger{background:var(--danger-soft);border-color:color-mix(in oklch, var(--danger) 30%, transparent)}.alert--danger .alert__icon{background:var(--danger)}.alert--info{background:var(--info-soft);border-color:color-mix(in oklch, var(--info) 30%, transparent)}.alert--info .alert__icon{background:var(--info)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}table.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table thead th{text-align:left;color:var(--text-muted);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-3) var(--space-4);background:var(--surface-2);border-bottom:1px solid var(--border)}.table tbody td{padding:var(--space-4);border-bottom:1px solid var(--border);color:var(--text)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--transition)}.table tbody tr:hover{background:var(--accent-softer)}.topnav{align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-5);background:var(--surface);border-bottom:1px solid var(--border);display:flex}.topnav__links{gap:var(--space-1);margin-left:var(--space-4);display:flex}.navlink{font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background var(--transition), color var(--transition);font-weight:500;text-decoration:none}.navlink:hover{background:var(--surface-2);color:var(--text)}.navlink--active{color:var(--accent);background:var(--accent-soft)}.sidebar{gap:var(--space-1);padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.sideitem{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;transition:background var(--transition), color var(--transition);font-weight:500;text-decoration:none;display:flex}.sideitem:hover{background:var(--surface-2);color:var(--text)}.sideitem--active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sideitem .ico{flex:none;width:18px;height:18px}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:var(--space-6);z-index:50;background:oklch(15% .01 75/.45);place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:440px;overflow:hidden}.modal__body{padding:var(--space-6)}.modal__footer{gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);justify-content:flex-end;display:flex}.toast{align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);min-width:280px;display:flex}.toast__bar{border-radius:var(--radius-full);background:var(--accent);align-self:stretch;width:4px}.toast--success .toast__bar{background:var(--success)}.toast--danger .toast__bar{background:var(--danger)}.badge--gold{background:var(--accent-2-soft);color:color-mix(in oklch, var(--accent-2) 55%, var(--text))}.rating{align-items:center;gap:var(--space-3);display:inline-flex}.rating__score{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);color:var(--accent-contrast);background:var(--accent);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);line-height:1.2}.rating__label b{font-size:var(--text-sm);display:block}.rating__label span{font-size:var(--text-xs);color:var(--text-subtle)}.price{align-items:baseline;gap:var(--space-1);display:inline-flex}.price b{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600}.price span{font-size:var(--text-sm);color:var(--text-muted)}.img-ph{border-radius:var(--radius-lg);background-color:var(--surface-2);background-image:repeating-linear-gradient(135deg, transparent 0 11px, color-mix(in oklch, var(--text) 5%, transparent) 11px 12px);color:var(--text-subtle);font-family:var(--font-mono);font-size:var(--text-xs);text-align:center;padding:var(--space-4);place-items:center;display:grid;overflow:hidden}.bookingbar{gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4);flex-wrap:wrap;align-items:flex-end;display:flex}.bookingbar .field{gap:var(--space-1);flex:140px}.bookingbar .label{font-size:var(--text-xs);color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em}.swatch{border-radius:var(--radius-md);border:1px solid var(--border)}.divider{background:var(--border);border:none;height:1px;margin:0}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.app-main{flex-direction:column;min-width:0;display:flex}.app-content{padding:var(--space-8);width:100%;max-width:1180px;margin:0 auto}.brandbar{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-4);display:flex}.brandbar img{width:auto;height:30px}.brandbar .wordmark{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);color:var(--text);letter-spacing:var(--tracking-tight)}.sidebar{gap:var(--space-1);border-right:1px solid var(--border);background:var(--surface);flex-direction:column;display:flex}.sidebar .sideitem{align-items:center;gap:var(--space-3);display:flex}.sidebar .spacer{flex:1}.sidebar .side-foot{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-subtle)}.topbar{padding:var(--space-4) var(--space-8);border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;display:flex}.topbar h1{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text);margin:0}.topbar .sub{color:var(--text-muted);font-size:var(--text-sm)}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.kpi{padding:var(--space-5)}.kpi .kpi-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted)}.kpi .kpi-value{font-family:var(--font-mono);font-size:var(--text-2xl);color:var(--text);margin-top:var(--space-2);font-weight:600}.kpi .kpi-sub{font-size:var(--text-xs);color:var(--text-subtle);margin-top:var(--space-1)}.section-head{margin:var(--space-8) 0 var(--space-4);justify-content:space-between;align-items:center;display:flex}.section-head h2{font-family:var(--font-display);font-size:var(--text-xl);margin:0}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.right{text-align:right}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.grid-2,.form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.center-screen{min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.auth-card{width:100%;max-width:420px}.signal{align-items:center;gap:6px;display:inline-flex}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;overflow-x:auto}.sidebar .brandbar{display:none}.grid-2,.form-grid{grid-template-columns:1fr}}