:root{--sc-bg: #08090b;--sc-bg-raised: #0e1013;--sc-surface: #14171c;--sc-surface-hover: #1b1f26;--sc-surface-active: #252b34;--sc-inset: #050607;--sc-text: #f4f6f8;--sc-text-muted: #a9b2bf;--sc-text-subtle: #737d8b;--sc-text-inverse: #08090b;--sc-accent: #1a90cc;--sc-accent-hover: #2aa3e0;--sc-accent-active: #157cb0;--sc-accent-soft: rgba(26, 144, 204, .14);--sc-accent-ring: rgba(26, 144, 204, .4);--sc-on-accent: #ffffff;--sc-success: #3fb27f;--sc-success-soft: rgba(63, 178, 127, .14);--sc-warn: #e0a33e;--sc-warn-soft: rgba(224, 163, 62, .14);--sc-danger: #e9514c;--sc-danger-soft: rgba(233, 81, 76, .14);--sc-info: #7c8cf8;--sc-info-soft: rgba(124, 140, 248, .14);--sc-border: rgba(255, 255, 255, .09);--sc-border-strong: rgba(255, 255, 255, .16);--sc-border-accent: rgba(26, 144, 204, .45);--sc-white: #ffffff;--sc-black: #000000;--sc-scrim: rgba(4, 5, 7, .72);--sc-scrim-soft: rgba(4, 5, 7, .4);--sc-grid-line: rgba(255, 255, 255, .035);--sc-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--sc-font-mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", "Menlo", "Consolas", monospace;--sc-text-xs: .75rem;--sc-text-sm: .8125rem;--sc-text-base: .9375rem;--sc-text-md: 1.0625rem;--sc-text-lg: 1.25rem;--sc-text-xl: clamp(1.375rem, 1.2rem + .7vw, 1.625rem);--sc-text-2xl: clamp(1.625rem, 1.35rem + 1.2vw, 2.125rem);--sc-text-3xl: clamp(2rem, 1.5rem + 2.2vw, 3rem);--sc-text-4xl: clamp(2.5rem, 1.7rem + 3.4vw, 4rem);--sc-leading-tight: 1.15;--sc-leading-snug: 1.35;--sc-leading-normal: 1.6;--sc-leading-relaxed: 1.75;--sc-tracking-tight: -.02em;--sc-tracking-wide: .04em;--sc-tracking-caps: .09em;--sc-space-1: .25rem;--sc-space-2: .5rem;--sc-space-3: .75rem;--sc-space-4: 1rem;--sc-space-5: 1.5rem;--sc-space-6: 2rem;--sc-space-7: 3rem;--sc-space-8: 4rem;--sc-space-9: 6rem;--sc-space-10: 8rem;--sc-radius-sm: 6px;--sc-radius-md: 10px;--sc-radius-lg: 16px;--sc-radius-xl: 24px;--sc-radius-full: 999px;--sc-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--sc-shadow-md: 0 8px 24px -8px rgba(0, 0, 0, .6);--sc-shadow-lg: 0 24px 60px -20px rgba(0, 0, 0, .75);--sc-glow: 0 0 0 1px var(--sc-border-accent), 0 12px 40px -12px var(--sc-accent-ring);--sc-ease: cubic-bezier(.4, 0, .2, 1);--sc-ease-out: cubic-bezier(.16, 1, .3, 1);--sc-dur-fast: .12s;--sc-dur-base: .2s;--sc-dur-slow: .42s;--sc-container: 1120px;--sc-container-narrow: 760px;--sc-container-wide: 1360px;--sc-header-height: 60px;color-scheme:dark}:root[data-theme=light]{--sc-bg: #f5f7fa;--sc-bg-raised: #ffffff;--sc-surface: #ffffff;--sc-surface-hover: #edf1f5;--sc-surface-active: #e3e9ef;--sc-inset: #eef2f6;--sc-text: #18202a;--sc-text-muted: #566273;--sc-text-subtle: #788596;--sc-text-inverse: #ffffff;--sc-accent-soft: rgba(26, 144, 204, .12);--sc-accent-ring: rgba(26, 144, 204, .3);--sc-success-soft: rgba(36, 139, 94, .12);--sc-warn-soft: rgba(177, 113, 18, .12);--sc-danger-soft: rgba(201, 55, 50, .1);--sc-info-soft: rgba(82, 100, 205, .11);--sc-border: rgba(20, 31, 44, .11);--sc-border-strong: rgba(20, 31, 44, .2);--sc-grid-line: rgba(20, 31, 44, .05);--sc-scrim: rgba(20, 31, 44, .56);--sc-scrim-soft: rgba(20, 31, 44, .28);--sc-shadow-sm: 0 1px 2px rgba(20, 31, 44, .12);--sc-shadow-md: 0 8px 24px -8px rgba(20, 31, 44, .2);--sc-shadow-lg: 0 24px 60px -20px rgba(20, 31, 44, .28);color-scheme:light}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--sc-header-height) + var(--sc-space-5))}body{background:var(--sc-bg);color:var(--sc-text);font-family:var(--sc-font-sans);font-size:var(--sc-text-base);line-height:var(--sc-leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}img,svg,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5{line-height:var(--sc-leading-tight);letter-spacing:var(--sc-tracking-tight);font-weight:620;text-wrap:balance}h1{font-size:var(--sc-text-4xl)}h2{font-size:var(--sc-text-2xl)}h3{font-size:var(--sc-text-xl)}h4{font-size:var(--sc-text-md)}p{text-wrap:pretty}a{color:var(--sc-accent);text-decoration:none;transition:color var(--sc-dur-fast) var(--sc-ease)}a:hover{color:var(--sc-accent-hover)}:focus-visible{outline:2px solid var(--sc-accent);outline-offset:2px;border-radius:var(--sc-radius-sm)}::selection{background:var(--sc-accent-soft)}code,kbd,pre,samp{font-family:var(--sc-font-mono);font-size:.9em}:not(pre)>code{background:var(--sc-surface);border:1px solid var(--sc-border);border-radius:var(--sc-radius-sm);padding:.1em .36em;color:var(--sc-text);white-space:nowrap}pre{background:var(--sc-inset);border:1px solid var(--sc-border);border-radius:var(--sc-radius-md);padding:var(--sc-space-4);overflow-x:auto;font-size:var(--sc-text-sm);line-height:var(--sc-leading-snug)}hr{border:0;border-top:1px solid var(--sc-border)}table{border-collapse:collapse;width:100%}.sc-container{width:100%;max-width:var(--sc-container);margin-inline:auto;padding-inline:var(--sc-space-5)}.sc-container--narrow{max-width:var(--sc-container-narrow)}.sc-container--wide{max-width:var(--sc-container-wide)}.sc-section{padding-block:var(--sc-space-9)}.sc-stack>*+*{margin-top:var(--sc-space-4)}.sc-eyebrow{display:inline-flex;align-items:center;gap:var(--sc-space-2);font-size:var(--sc-text-xs);font-weight:600;letter-spacing:var(--sc-tracking-caps);text-transform:uppercase;color:var(--sc-accent)}.sc-lead{font-size:var(--sc-text-md);color:var(--sc-text-muted);line-height:var(--sc-leading-relaxed)}.sc-muted{color:var(--sc-text-muted)}.sc-subtle{color:var(--sc-text-subtle)}.sc-mono{font-family:var(--sc-font-mono)}.sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sc-space-2);padding:.6rem 1.05rem;border:1px solid transparent;border-radius:var(--sc-radius-md);background:var(--sc-accent);color:var(--sc-on-accent);font-size:var(--sc-text-base);font-weight:560;cursor:pointer;white-space:nowrap;transition:background var(--sc-dur-fast) var(--sc-ease),border-color var(--sc-dur-fast) var(--sc-ease),transform var(--sc-dur-fast) var(--sc-ease)}.sc-btn:hover{background:var(--sc-accent-hover);color:var(--sc-on-accent)}.sc-btn:active{background:var(--sc-accent-active);transform:translateY(1px)}.sc-btn[disabled],.sc-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.sc-btn--secondary{background:var(--sc-surface);border-color:var(--sc-border-strong);color:var(--sc-text)}.sc-btn--secondary:hover{background:var(--sc-surface-hover);color:var(--sc-text)}.sc-btn--ghost{background:transparent;color:var(--sc-text-muted)}.sc-btn--ghost:hover{background:var(--sc-surface);color:var(--sc-text)}.sc-btn--danger{background:transparent;border-color:var(--sc-danger);color:var(--sc-danger)}.sc-btn--danger:hover{background:var(--sc-danger-soft);color:var(--sc-danger)}.sc-btn--lg{padding:.8rem 1.4rem;font-size:var(--sc-text-md)}.sc-btn--sm{padding:.35rem .7rem;font-size:var(--sc-text-sm);border-radius:var(--sc-radius-sm)}.sc-card{background:var(--sc-surface);border:1px solid var(--sc-border);border-radius:var(--sc-radius-lg);padding:var(--sc-space-5)}.sc-card--flush{padding:0;overflow:hidden}.sc-badge{display:inline-flex;align-items:center;gap:var(--sc-space-1);padding:.15rem .5rem;border-radius:var(--sc-radius-full);font-size:var(--sc-text-xs);font-weight:600;letter-spacing:.01em;background:var(--sc-surface-active);color:var(--sc-text-muted);white-space:nowrap}.sc-badge--accent{background:var(--sc-accent-soft);color:var(--sc-accent)}.sc-badge--success{background:var(--sc-success-soft);color:var(--sc-success)}.sc-badge--warn{background:var(--sc-warn-soft);color:var(--sc-warn)}.sc-badge--danger{background:var(--sc-danger-soft);color:var(--sc-danger)}.sc-badge--info{background:var(--sc-info-soft);color:var(--sc-info)}.sc-field{display:block}.sc-label{display:block;font-size:var(--sc-text-sm);font-weight:560;margin-bottom:var(--sc-space-2)}.sc-hint{display:block;font-size:var(--sc-text-xs);color:var(--sc-text-subtle);margin-top:var(--sc-space-2);line-height:var(--sc-leading-snug)}.sc-error{display:block;font-size:var(--sc-text-xs);color:var(--sc-danger);margin-top:var(--sc-space-2)}.sc-input,.sc-select,.sc-textarea{width:100%;padding:.55rem .7rem;background:var(--sc-inset);border:1px solid var(--sc-border-strong);border-radius:var(--sc-radius-md);color:var(--sc-text);transition:border-color var(--sc-dur-fast) var(--sc-ease)}.sc-input::placeholder,.sc-textarea::placeholder{color:var(--sc-text-subtle)}.sc-input:hover,.sc-select:hover,.sc-textarea:hover{border-color:var(--sc-border-accent)}.sc-prose{line-height:var(--sc-leading-relaxed);color:var(--sc-text-muted)}.sc-prose>*+*{margin-top:var(--sc-space-4)}.sc-prose h2{margin-top:var(--sc-space-7);color:var(--sc-text);scroll-margin-top:calc(var(--sc-header-height) + var(--sc-space-5))}.sc-prose h3,.sc-prose h4{margin-top:var(--sc-space-5);color:var(--sc-text);scroll-margin-top:calc(var(--sc-header-height) + var(--sc-space-5))}.sc-prose ul,.sc-prose ol{padding-left:var(--sc-space-5)}.sc-prose li+li{margin-top:var(--sc-space-2)}.sc-prose strong{color:var(--sc-text);font-weight:620}.sc-prose blockquote{border-left:2px solid var(--sc-border-accent);padding-left:var(--sc-space-4);color:var(--sc-text-muted)}.sc-prose table{font-size:var(--sc-text-sm);display:block;overflow-x:auto}.sc-prose th{text-align:left;font-weight:600;color:var(--sc-text);border-bottom:1px solid var(--sc-border-strong);padding:var(--sc-space-2) var(--sc-space-3);white-space:nowrap}.sc-prose td{border-bottom:1px solid var(--sc-border);padding:var(--sc-space-2) var(--sc-space-3);vertical-align:top}.sc-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sc-skip-link{position:absolute;left:var(--sc-space-4);top:calc(-1 * var(--sc-space-10));z-index:100;padding:var(--sc-space-2) var(--sc-space-4);background:var(--sc-accent);color:var(--sc-on-accent);border-radius:var(--sc-radius-md);transition:top var(--sc-dur-base) var(--sc-ease)}.sc-skip-link:focus-visible{top:var(--sc-space-4);color:var(--sc-on-accent)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.shell__sidebar{border-right:1px solid var(--sc-border);background:var(--sc-bg-raised);display:flex;flex-direction:column;gap:var(--sc-space-5);padding:var(--sc-space-4);position:sticky;top:0;height:100vh}.shell__main{min-width:0;display:flex;flex-direction:column}.brand{display:inline-flex;align-items:center;gap:var(--sc-space-2);color:var(--sc-text);font-weight:640;letter-spacing:var(--sc-tracking-tight);padding:var(--sc-space-2)}.brand:hover{color:var(--sc-text)}.brand svg{width:22px;height:22px;color:var(--sc-accent)}.nav{display:grid;gap:2px;font-size:var(--sc-text-sm)}.nav a{display:flex;align-items:center;gap:var(--sc-space-3);padding:var(--sc-space-2) var(--sc-space-3);border-radius:var(--sc-radius-sm);color:var(--sc-text-muted);font-weight:520}.nav a:hover{background:var(--sc-surface);color:var(--sc-text)}.nav a[aria-current=page]{background:var(--sc-accent-soft);color:var(--sc-accent)}.nav svg{width:16px;height:16px;flex:none}.sc-btn svg{width:1.05em;height:1.05em;flex:none}.sc-btn--sm svg{width:1em;height:1em}.sidebar__foot{margin-top:auto;display:grid;gap:var(--sc-space-3);font-size:var(--sc-text-sm)}.sidebar__user{padding:var(--sc-space-3);border:1px solid var(--sc-border);border-radius:var(--sc-radius-md);background:var(--sc-surface)}.sidebar__user strong{display:block;font-size:var(--sc-text-sm);overflow:hidden;text-overflow:ellipsis}.sidebar__user span{display:block;font-size:var(--sc-text-xs);color:var(--sc-text-subtle);overflow:hidden;text-overflow:ellipsis}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--sc-space-4);min-height:var(--sc-header-height);padding:var(--sc-space-3) var(--sc-space-6);border-bottom:1px solid var(--sc-border);background:color-mix(in srgb,var(--sc-bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar h1{font-size:var(--sc-text-lg);font-weight:620}.topbar__right{display:flex;align-items:center;gap:var(--sc-space-3);margin-left:auto}.balance{display:flex;align-items:baseline;gap:var(--sc-space-2);padding:var(--sc-space-2) var(--sc-space-4);border:1px solid var(--sc-border);border-radius:var(--sc-radius-full);background:var(--sc-surface);font-size:var(--sc-text-sm);white-space:nowrap}.balance strong{font-variant-numeric:tabular-nums;font-size:var(--sc-text-base)}.balance--low{border-color:var(--sc-warn);color:var(--sc-warn)}.mode-switch{display:inline-flex;padding:2px;border:1px solid var(--sc-border);border-radius:var(--sc-radius-full);background:var(--sc-inset)}.mode-switch button{border:0;background:transparent;color:var(--sc-text-subtle);font-size:var(--sc-text-xs);font-weight:620;padding:.2rem .7rem;border-radius:var(--sc-radius-full);cursor:pointer;text-transform:uppercase;letter-spacing:var(--sc-tracking-wide)}.mode-switch button[aria-pressed=true]{background:var(--sc-surface-active);color:var(--sc-text)}.page{padding:var(--sc-space-6);display:grid;gap:var(--sc-space-6);align-content:start;max-width:1180px;width:100%}.page__intro{color:var(--sc-text-muted);max-width:76ch;font-size:var(--sc-text-sm);line-height:var(--sc-leading-relaxed)}.appearance-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sc-space-4)}.appearance-option{display:grid;gap:var(--sc-space-2);padding:var(--sc-space-4);border:1px solid var(--sc-border);border-radius:var(--sc-radius-lg);background:var(--sc-bg-raised);color:var(--sc-text);text-align:left;cursor:pointer}.appearance-option:hover{border-color:var(--sc-border-strong);background:var(--sc-surface-hover)}.appearance-option[aria-checked=true]{border-color:var(--sc-accent);box-shadow:var(--sc-glow)}.appearance-option>span:last-child{color:var(--sc-text-muted);font-size:var(--sc-text-sm)}.appearance-swatch{height:72px;border:1px solid var(--sc-border-strong);border-radius:var(--sc-radius-md);background:var(--sc-inset)}.appearance-swatch--light{background:var(--sc-white)}.appearance-swatch--dark{background:var(--sc-black)}.appearance-swatch--auto{background:linear-gradient(115deg,var(--sc-white) 0 49%,var(--sc-black) 51% 100%)}.panel{background:var(--sc-surface);border:1px solid var(--sc-border);border-radius:var(--sc-radius-lg)}.panel__head{display:flex;align-items:center;gap:var(--sc-space-4);flex-wrap:wrap;padding:var(--sc-space-4) var(--sc-space-5);border-bottom:1px solid var(--sc-border)}.panel__head h2{font-size:var(--sc-text-md)}.panel__head p{font-size:var(--sc-text-sm);color:var(--sc-text-subtle);margin-top:2px}.panel__actions{margin-left:auto;display:flex;gap:var(--sc-space-2);flex-wrap:wrap}.panel__body{padding:var(--sc-space-5)}.panel__body--flush{padding:0}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sc-space-4)}.kpi{background:var(--sc-surface);border:1px solid var(--sc-border);border-radius:var(--sc-radius-lg);padding:var(--sc-space-4) var(--sc-space-5)}.kpi__label{font-size:var(--sc-text-xs);text-transform:uppercase;letter-spacing:var(--sc-tracking-caps);color:var(--sc-text-subtle)}.kpi__value{margin-top:var(--sc-space-2);font-size:var(--sc-text-2xl);font-weight:640;letter-spacing:var(--sc-tracking-tight);font-variant-numeric:tabular-nums}.kpi__hint{margin-top:var(--sc-space-1);font-size:var(--sc-text-xs);color:var(--sc-text-subtle)}@media (max-width: 1000px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.chart{display:block;width:100%;height:auto;overflow:visible}.chart__grid{stroke:var(--sc-border);stroke-width:1}.chart__bar{fill:var(--sc-surface-active)}.chart__bar--completed{fill:var(--sc-accent)}.chart__label{fill:var(--sc-text-subtle);font-size:9px;font-family:var(--sc-font-sans)}.chart__legend{display:flex;gap:var(--sc-space-4);font-size:var(--sc-text-xs);color:var(--sc-text-subtle);margin-top:var(--sc-space-3)}.chart__legend span{display:inline-flex;align-items:center;gap:var(--sc-space-2)}.swatch{width:10px;height:10px;border-radius:2px;background:var(--sc-surface-active)}.swatch--accent{background:var(--sc-accent)}.breakdown{display:grid;gap:var(--sc-space-3);font-size:var(--sc-text-sm)}.breakdown__row{display:grid;grid-template-columns:90px 1fr 44px;align-items:center;gap:var(--sc-space-3)}.breakdown__track{height:8px;border-radius:var(--sc-radius-full);background:var(--sc-inset);overflow:hidden}.breakdown__fill{display:block;height:100%;min-width:2px;border-radius:var(--sc-radius-full);background:var(--sc-accent)}.breakdown__count{text-align:right;font-variant-numeric:tabular-nums;color:var(--sc-text-muted)}.table{width:100%;font-size:var(--sc-text-sm)}.table th{text-align:left;font-weight:600;color:var(--sc-text-subtle);font-size:var(--sc-text-xs);text-transform:uppercase;letter-spacing:var(--sc-tracking-caps);padding:var(--sc-space-3) var(--sc-space-5);border-bottom:1px solid var(--sc-border);white-space:nowrap}.table td{padding:var(--sc-space-3) var(--sc-space-5);border-bottom:1px solid var(--sc-border);color:var(--sc-text-muted);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:var(--sc-bg-raised)}.table td.num{font-variant-numeric:tabular-nums;text-align:right}.table tr[data-revoked=true] td{opacity:.55}.table-scroll{overflow-x:auto}.mono{font-family:var(--sc-font-mono);font-size:var(--sc-text-xs);color:var(--sc-text);word-break:break-all}.form-grid{display:grid;gap:var(--sc-space-5)}.form-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 700px){.form-grid--2{grid-template-columns:1fr}}.inline-form{display:flex;gap:var(--sc-space-3);flex-wrap:wrap;align-items:flex-start}.inline-form .sc-field{flex:1 1 220px}.check{display:flex;align-items:flex-start;gap:var(--sc-space-3);font-size:var(--sc-text-sm);cursor:pointer}.check input{margin-top:3px;accent-color:var(--sc-accent);width:16px;height:16px;flex:none}.check span small{display:block;color:var(--sc-text-subtle);font-size:var(--sc-text-xs);line-height:var(--sc-leading-snug)}.fieldset{border:1px solid var(--sc-border);border-radius:var(--sc-radius-md);padding:var(--sc-space-4);display:grid;gap:var(--sc-space-4)}.fieldset>legend{padding-inline:var(--sc-space-2);font-size:var(--sc-text-xs);text-transform:uppercase;letter-spacing:var(--sc-tracking-caps);color:var(--sc-text-subtle)}.color-row{display:flex;gap:var(--sc-space-3);align-items:center}.color-row input[type=color]{width:42px;height:38px;padding:2px;border:1px solid var(--sc-border-strong);border-radius:var(--sc-radius-md);background:var(--sc-inset);cursor:pointer;flex:none}.auth{min-height:100vh;display:grid;place-items:center;padding:var(--sc-space-5)}.auth__card{width:100%;max-width:420px;background:var(--sc-surface);border:1px solid var(--sc-border);border-radius:var(--sc-radius-lg);padding:var(--sc-space-6);box-shadow:var(--sc-shadow-lg)}.auth__card h1{font-size:var(--sc-text-xl)}.auth__card>p{margin-top:var(--sc-space-2);color:var(--sc-text-muted);font-size:var(--sc-text-sm)}.auth__form{display:grid;gap:var(--sc-space-4);margin-top:var(--sc-space-5)}.auth__alt{margin-top:var(--sc-space-5);padding-top:var(--sc-space-4);border-top:1px solid var(--sc-border);font-size:var(--sc-text-sm);color:var(--sc-text-muted);text-align:center}.auth__demo{margin-top:var(--sc-space-4);padding:var(--sc-space-3) var(--sc-space-4);border:1px dashed var(--sc-border-accent);border-radius:var(--sc-radius-md);background:var(--sc-accent-soft);font-size:var(--sc-text-xs);color:var(--sc-text-muted);line-height:var(--sc-leading-snug)}.alert{padding:var(--sc-space-3) var(--sc-space-4);border-radius:var(--sc-radius-md);font-size:var(--sc-text-sm);border:1px solid transparent}.alert--error{border-color:var(--sc-danger);background:var(--sc-danger-soft);color:var(--sc-danger)}.alert--warn{border-color:var(--sc-warn);background:var(--sc-warn-soft);color:var(--sc-warn)}.alert--info{border-color:var(--sc-border-accent);background:var(--sc-accent-soft);color:var(--sc-text-muted)}.alert--success{border-color:var(--sc-success);background:var(--sc-success-soft);color:var(--sc-success)}.toasts{position:fixed;right:var(--sc-space-5);bottom:var(--sc-space-5);z-index:80;display:grid;gap:var(--sc-space-2);max-width:380px}.toast{padding:var(--sc-space-3) var(--sc-space-4);border-radius:var(--sc-radius-md);border:1px solid var(--sc-border-strong);background:var(--sc-surface-hover);box-shadow:var(--sc-shadow-md);font-size:var(--sc-text-sm)}.toast--success{border-color:var(--sc-success);color:var(--sc-success)}.toast--error{border-color:var(--sc-danger);color:var(--sc-danger)}.empty{padding:var(--sc-space-7) var(--sc-space-5);text-align:center;color:var(--sc-text-subtle);font-size:var(--sc-text-sm)}.empty strong{display:block;color:var(--sc-text);font-size:var(--sc-text-md);margin-bottom:var(--sc-space-2)}.empty p{max-width:52ch;margin-inline:auto;line-height:var(--sc-leading-relaxed)}.skeleton{height:1em;border-radius:var(--sc-radius-sm);background:var(--sc-surface-hover);animation:pulse 1.2s var(--sc-ease) infinite}@keyframes pulse{50%{opacity:.45}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:var(--sc-space-5);background:var(--sc-scrim)}.modal{width:100%;max-width:520px;background:var(--sc-bg-raised);border:1px solid var(--sc-border-strong);border-radius:var(--sc-radius-lg);box-shadow:var(--sc-shadow-lg)}.modal__head{padding:var(--sc-space-5) var(--sc-space-5) 0}.modal__head h2{font-size:var(--sc-text-md)}.modal__head p{margin-top:var(--sc-space-2);color:var(--sc-text-muted);font-size:var(--sc-text-sm);line-height:var(--sc-leading-relaxed)}.modal__body{padding:var(--sc-space-5);display:grid;gap:var(--sc-space-4)}.modal__foot{display:flex;justify-content:flex-end;gap:var(--sc-space-3);padding:0 var(--sc-space-5) var(--sc-space-5)}.secret{display:flex;gap:var(--sc-space-2);align-items:center;padding:var(--sc-space-3);border:1px solid var(--sc-border-strong);border-radius:var(--sc-radius-md);background:var(--sc-inset)}.secret code{flex:1;background:none;border:0;padding:0;white-space:nowrap;overflow-x:auto;font-size:var(--sc-text-xs)}.studio-tabs{display:flex;align-items:center;gap:var(--sc-space-3)}.studio-tabs__list{display:flex;gap:var(--sc-space-2);flex:1;min-width:0;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.studio-tabs__new{flex:none}.pchip{display:inline-flex;align-items:center;gap:var(--sc-space-2);padding:var(--sc-space-2) var(--sc-space-4);border:1px solid var(--sc-border);border-radius:var(--sc-radius-full);background:var(--sc-surface);color:var(--sc-text-muted);cursor:pointer;font-size:var(--sc-text-sm);white-space:nowrap;transition:border-color var(--sc-dur-fast) var(--sc-ease),background var(--sc-dur-fast) var(--sc-ease),color var(--sc-dur-fast) var(--sc-ease)}.pchip:hover{border-color:var(--sc-border-strong);background:var(--sc-surface-hover);color:var(--sc-text)}.pchip[aria-current=true]{border-color:var(--sc-border-accent);background:var(--sc-accent-soft);color:var(--sc-accent);box-shadow:inset 0 0 0 1px var(--sc-border-accent)}.pchip__star{color:var(--sc-warn);font-size:.85em}.pchip__name{font-weight:620}.pchip__loc{color:var(--sc-text-subtle);font-size:var(--sc-text-xs)}.pchip[aria-current=true] .pchip__loc{color:color-mix(in srgb,var(--sc-accent) 70%,transparent)}.studio-card{background:var(--sc-surface);border:1px solid var(--sc-border-strong);border-radius:var(--sc-radius-lg);box-shadow:var(--sc-shadow-md);overflow:hidden}.studio-card__head{display:flex;align-items:center;gap:var(--sc-space-4);flex-wrap:wrap;padding:var(--sc-space-4) var(--sc-space-5);border-bottom:1px solid var(--sc-border);background:var(--sc-bg-raised)}.studio-card__title{display:flex;align-items:center;gap:var(--sc-space-3);flex:1;min-width:200px}.studio-name{flex:0 1 auto;min-width:0;max-width:100%;padding:var(--sc-space-1) var(--sc-space-2);margin:calc(-1 * var(--sc-space-1)) calc(-1 * var(--sc-space-2));background:transparent;border:1px solid transparent;border-radius:var(--sc-radius-sm);color:var(--sc-text);font-size:var(--sc-text-lg);font-weight:640;letter-spacing:var(--sc-tracking-tight)}.studio-name:hover{border-color:var(--sc-border)}.studio-name:focus-visible{outline:none;border-color:var(--sc-border-accent);background:var(--sc-inset)}.idchip{display:inline-flex;align-items:center;gap:var(--sc-space-2);padding:var(--sc-space-1) var(--sc-space-2);border:1px solid var(--sc-border);border-radius:var(--sc-radius-sm);background:var(--sc-inset);color:var(--sc-text-subtle);cursor:pointer;flex:none}.idchip:hover{color:var(--sc-text);border-color:var(--sc-border-strong)}.idchip code{font-family:var(--sc-font-mono);font-size:var(--sc-text-xs);background:none;border:0;padding:0;color:inherit}.idchip svg{width:13px;height:13px}.studio-card__actions{display:flex;align-items:center;gap:var(--sc-space-2);flex-wrap:wrap}.studio-card__error{flex-basis:100%}.icon-danger:hover{color:var(--sc-danger);background:var(--sc-danger-soft)}.studio-section{padding:var(--sc-space-5);display:grid;gap:var(--sc-space-5);border-bottom:1px solid var(--sc-border)}.studio-section__head{display:flex;align-items:center;gap:var(--sc-space-3)}.studio-section__head h3{font-size:var(--sc-text-md);font-weight:620}.studio-section__icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:var(--sc-radius-md);background:var(--sc-accent-soft);color:var(--sc-accent)}.studio-section__icon svg{width:17px;height:17px}.accent-field{display:flex;gap:var(--sc-space-3);align-items:center}.accent-field__swatch{width:44px;height:40px;padding:3px;border:1px solid var(--sc-border-strong);border-radius:var(--sc-radius-md);background:var(--sc-inset);cursor:pointer;flex:none}.swatches{display:flex;flex-wrap:wrap;gap:var(--sc-space-2);margin-top:var(--sc-space-3)}.swatch-chip{width:24px;height:24px;border-radius:var(--sc-radius-full);border:2px solid var(--sc-border-strong);cursor:pointer;padding:0;transition:transform var(--sc-dur-fast) var(--sc-ease)}.swatch-chip:hover{transform:scale(1.12)}.swatch-chip[aria-pressed=true]{border-color:var(--sc-text);box-shadow:0 0 0 2px var(--sc-surface)}.slider{display:flex;align-items:center;gap:var(--sc-space-4)}.slider input[type=range]{flex:1;min-width:0;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--sc-radius-full);background:linear-gradient(to right,var(--sc-accent) 0 var(--slider-pct, 50%),var(--sc-inset) var(--slider-pct, 50%) 100%);cursor:pointer}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:var(--sc-radius-full);background:var(--sc-text);border:3px solid var(--sc-surface);box-shadow:var(--sc-shadow-sm)}.slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:var(--sc-radius-full);background:var(--sc-text);border:3px solid var(--sc-surface)}.slider__value{flex:none;min-width:44px;text-align:right;font-variant-numeric:tabular-nums;font-weight:620;color:var(--sc-text)}.switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sc-space-3)}@media (max-width: 620px){.switches{grid-template-columns:1fr}}.switch{position:relative;display:flex;align-items:center;gap:var(--sc-space-3);padding:var(--sc-space-3) var(--sc-space-4);border:1px solid var(--sc-border);border-radius:var(--sc-radius-md);background:var(--sc-bg-raised);cursor:pointer;transition:border-color var(--sc-dur-fast) var(--sc-ease)}.switch:hover{border-color:var(--sc-border-strong)}.switch input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.switch__track{position:relative;flex:none;width:38px;height:22px;border-radius:var(--sc-radius-full);background:var(--sc-surface-active);transition:background var(--sc-dur-base) var(--sc-ease)}.switch__track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:var(--sc-radius-full);background:var(--sc-white);box-shadow:var(--sc-shadow-sm);transition:transform var(--sc-dur-base) var(--sc-ease-out)}.switch input:checked+.switch__track{background:var(--sc-accent)}.switch input:checked+.switch__track:after{transform:translate(16px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--sc-accent);outline-offset:2px}.switch__text{display:grid;font-size:var(--sc-text-sm);font-weight:560;line-height:var(--sc-leading-snug)}.switch__text small{color:var(--sc-text-subtle);font-size:var(--sc-text-xs);font-weight:400}.save-bar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:var(--sc-space-4);flex-wrap:wrap;padding:var(--sc-space-4) var(--sc-space-5);background:color-mix(in srgb,var(--sc-bg-raised) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--sc-border)}.save-bar__status{font-size:var(--sc-text-sm);color:var(--sc-text-subtle)}.save-bar__status--dirty{color:var(--sc-warn);font-weight:560}.save-bar__actions{display:flex;gap:var(--sc-space-2);flex-wrap:wrap;margin-left:auto}.profile-actions,.form-actions{display:flex;flex-wrap:wrap;gap:var(--sc-space-2)}.studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,340px);gap:var(--sc-space-6);align-items:start}@media (max-width: 1000px){.studio{grid-template-columns:1fr}}.preview-col{position:sticky;top:calc(var(--sc-header-height) + var(--sc-space-5));display:grid;gap:var(--sc-space-4);justify-items:center}.preview-frame{width:100%;display:grid;justify-items:center;gap:var(--sc-space-4);padding:var(--sc-space-6) var(--sc-space-5);border:1px solid var(--sc-border);border-radius:var(--sc-radius-lg);background:radial-gradient(circle at 50% 0%,var(--sc-accent-soft),transparent 70%),var(--sc-bg-raised)}.preview-actions{display:grid;justify-items:center;gap:var(--sc-space-2);width:100%}.preview-actions .sc-btn{width:100%}.phone{--phone-accent: var(--sc-accent);--phone-radius: 10px;position:relative;width:min(100%,292px);aspect-ratio:9 / 19;border-radius:38px;border:10px solid var(--sc-surface-active);background:var(--sc-black);box-shadow:var(--sc-shadow-lg),inset 0 0 0 1px var(--sc-border-strong);overflow:hidden;display:flex;flex-direction:column}.phone__notch{position:absolute;z-index:2;top:7px;left:50%;width:30%;height:17px;transform:translate(-50%);border-radius:var(--sc-radius-full);background:var(--sc-black)}.phone__cam{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}.phone__cam-top{position:absolute;z-index:3;inset:0 0 auto 0;display:flex;align-items:center;gap:var(--sc-space-2);padding:var(--sc-space-5) var(--sc-space-3) var(--sc-space-4);color:var(--sc-white);font-size:10px;background:linear-gradient(var(--sc-scrim),transparent)}.phone__cam-back{font-size:17px;line-height:1}.phone__cam-brand{flex:1;text-align:center;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone__cam-brand img{max-height:16px;margin:0 auto}.phone__cam-count{font-variant-numeric:tabular-nums;opacity:.85}.phone__cam-tools{position:absolute;z-index:3;top:40px;right:var(--sc-space-3);display:grid;gap:var(--sc-space-2)}.phone__tool{width:26px;height:26px;border-radius:var(--sc-radius-full);background:var(--sc-scrim);color:var(--sc-white);display:grid;place-items:center;font-size:11px}.phone__viewport{position:relative;flex:1;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--sc-white) 9%,transparent),transparent 62%),var(--sc-inset)}.phone__doc{width:62%;aspect-ratio:210 / 297;border-radius:3px;display:grid;align-content:start;gap:8%;padding:14%;background:color-mix(in srgb,var(--sc-white) 94%,transparent);transform:perspective(600px) rotateX(6deg) rotate(-2deg);box-shadow:var(--sc-shadow-md)}.phone__doc span{display:block;height:4px;border-radius:var(--sc-radius-full);background:color-mix(in srgb,var(--sc-black) 15%,transparent)}.phone__doc span:first-child{width:58%;height:10px;background:color-mix(in srgb,var(--phone-accent) 65%,transparent)}.phone__doc span:nth-child(3){width:78%}.phone__doc{position:relative}.phone__watermark{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none}.phone__watermark>div{position:absolute;background-repeat:repeat}.phone__frame{position:absolute;top:20%;right:15%;bottom:20%;left:15%;border:2px solid var(--phone-accent);border-radius:var(--phone-radius);box-shadow:0 0 0 9999px var(--sc-scrim-soft)}.phone__hint{position:absolute;bottom:var(--sc-space-4);left:50%;transform:translate(-50%);padding:.2rem .6rem;border-radius:var(--sc-radius-full);background:var(--sc-scrim);color:var(--sc-white);font-size:10px;white-space:nowrap}.phone__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--sc-space-4);background:var(--sc-scrim)}.phone__gallery{justify-self:start;width:26px;height:26px;border-radius:6px;border:1px solid color-mix(in srgb,var(--sc-white) 45%,transparent);background:color-mix(in srgb,var(--sc-white) 12%,transparent)}.phone__send{justify-self:end;color:var(--sc-white);font-size:11px;font-weight:600}.phone__shutter{justify-self:center;width:44px;height:44px;border-radius:var(--sc-radius-full);border:3px solid var(--sc-white);background:var(--phone-accent);flex:none}.phone__done{flex:1;display:grid;place-items:center;align-content:center;gap:var(--sc-space-3);padding:var(--sc-space-5);text-align:center;color:var(--sc-black);background:var(--sc-white)}.phone__done img{max-width:88px;max-height:88px}.phone__tick{width:52px;height:52px;border-radius:var(--sc-radius-full);background:var(--phone-accent);display:grid;place-items:center}.phone__tick svg{width:26px;height:26px;color:var(--sc-white)}.phone__done p{font-size:var(--sc-text-xs);line-height:var(--sc-leading-snug)}.phone__done small{color:color-mix(in srgb,var(--sc-black) 58%,transparent);font-size:10px}.phone__done-button{min-width:120px;padding:var(--sc-space-2) var(--sc-space-4);border-radius:var(--phone-radius);background:var(--phone-accent);color:var(--sc-white);font-size:var(--sc-text-xs);font-weight:700}.preview-tabs{display:inline-flex;padding:2px;border:1px solid var(--sc-border);border-radius:var(--sc-radius-full);background:var(--sc-inset)}.preview-tabs button{border:0;background:transparent;color:var(--sc-text-subtle);font-size:var(--sc-text-xs);font-weight:600;padding:.2rem .7rem;border-radius:var(--sc-radius-full);cursor:pointer}.preview-tabs button[aria-selected=true]{background:var(--sc-surface-active);color:var(--sc-text)}.segmented{display:inline-flex;align-self:flex-start;padding:2px;border:1px solid var(--sc-border);border-radius:var(--sc-radius-full);background:var(--sc-inset)}.segmented button{border:0;background:transparent;color:var(--sc-text-subtle);font-size:var(--sc-text-sm);font-weight:600;padding:.35rem .9rem;border-radius:var(--sc-radius-full);cursor:pointer}.segmented button[aria-checked=true]{background:var(--sc-surface-active);color:var(--sc-text)}.segmented button:focus-visible{outline:2px solid var(--sc-accent);outline-offset:1px}.preview-note{max-width:28ch;margin:0;color:var(--sc-text-subtle);font-size:var(--sc-text-xs);text-align:center}.qr-handoff{display:grid;justify-items:center;gap:var(--sc-space-3);text-align:center}.qr-handoff img{width:min(100%,260px);padding:var(--sc-space-3);border-radius:var(--sc-radius-md);background:var(--sc-white)}.qr-handoff span{color:var(--sc-text-muted);font-size:var(--sc-text-sm)}.row-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--sc-space-2);flex-wrap:nowrap}.delivery-detail-row td{padding:0;background:var(--sc-bg-raised)}.delivery-detail-row:hover td{background:var(--sc-bg-raised)}.delivery-payload{margin:0;max-height:260px;overflow:auto;font-size:var(--sc-text-xs)}.attempts{display:grid;gap:var(--sc-space-2);font-size:var(--sc-text-xs);color:var(--sc-text-muted)}.attempts li{list-style:none;display:flex;gap:var(--sc-space-3);flex-wrap:wrap}@media (max-width: 860px){.shell{grid-template-columns:1fr}.shell__sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--sc-border)}.nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto}.sidebar__foot{margin-top:0}.page{padding:var(--sc-space-5) var(--sc-space-4)}}