:root{--u: min(calc(100vw / 1357), calc(100vh / 871));--e-out: cubic-bezier(.16, 1, .3, 1);--e-soft: cubic-bezier(.22, .61, .36, 1);--e-pen: cubic-bezier(.37, .01, .2, 1);--sidebar-w: calc(64 * var(--u));--content-left: calc(104 * var(--u));--radius-lg: calc(20 * var(--u));--radius-md: calc(14 * var(--u));--radius-sm: calc(10 * var(--u));--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Inter Tight", "Inter", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}[data-font=inter],:root:not([data-font]){--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Inter Tight", "Inter", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}[data-font=plex]{--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "IBM Plex Sans Display", "IBM Plex Sans", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}[data-font=jakarta]{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Plus Jakarta Sans", "Inter", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}:root,[data-theme=ocean]{color-scheme:dark;--ink: #ffffff;--ink-soft: rgba(255, 255, 255, .95);--ink-muted: rgba(226, 240, 255, .78);--ink-faint: rgba(200, 220, 245, .55);--ink-on-accent: #ffffff;--bg-deep: #020b2e;--brand-300: #90e0ef;--brand-400: #48cae4;--brand-500: #0096c7;--brand-600: #0077b6;--brand-800: #023e8a;--brand-900: #03045e;--danger: #ff8a8a;--success: #6ee7a0;--warning: #fcd34d;--panel: rgba(3, 18, 48, .62);--panel-strong: rgba(2, 14, 40, .78);--panel-soft: rgba(5, 28, 64, .48);--glass: var(--panel);--glass-strong: var(--panel-strong);--glass-line: rgba(144, 224, 239, .28);--glass-line-soft: rgba(144, 224, 239, .16);--glass-fill: linear-gradient(180deg, rgba(8, 36, 84, .72) 0%, rgba(3, 22, 56, .78) 40%, rgba(2, 16, 44, .82) 100%);--glass-highlight: rgba(144, 224, 239, .12);--glass-sheen: rgba(144, 224, 239, .06);--sidebar-fill: linear-gradient(180deg, rgba(8, 36, 84, .82) 0%, rgba(3, 22, 56, .88) 50%, rgba(2, 14, 40, .92) 100%);--sidebar-border: rgba(144, 224, 239, .2);--row-alt: rgba(255, 255, 255, .035);--row-hover: rgba(72, 202, 228, .1);--body-canvas: radial-gradient(ellipse 50% 40% at 82% 8%, rgba(72, 202, 228, .12), transparent 55%), radial-gradient(ellipse 45% 35% at 8% 90%, rgba(0, 119, 182, .16), transparent 55%), linear-gradient(148deg, #01061a 0%, #020b2e 24%, #02153d 48%, #022a62 72%, #023e8a 88%, #012456 100%);--vignette: linear-gradient(100deg, rgba(1, 6, 20, .55) 0%, rgba(1, 8, 28, .22) 40%, transparent 72%), linear-gradient(0deg, rgba(1, 6, 20, .62) 0%, transparent 32%), radial-gradient(ellipse 95% 75% at 50% 40%, transparent 30%, rgba(1, 6, 20, .55) 100%);--watermark-opacity: .05;--watermark-filter: saturate(.7) brightness(1.25);--surface: rgba(3, 24, 56, .72);--surface-raised: linear-gradient(180deg, rgba(8, 32, 72, .9), rgba(2, 14, 40, .92));--surface-raised-hover: linear-gradient(180deg, rgba(10, 42, 90, .95), rgba(3, 20, 52, .95));--surface-inset: rgba(1, 10, 28, .35);--surface-inset-soft: rgba(1, 10, 28, .28);--field-border: rgba(144, 224, 239, .32);--field-focus: rgba(72, 202, 228, .7);--field-focus-ring: rgba(72, 202, 228, .2);--option-ink: #0f172a;--table-head-bg: #021a40;--table-head-ink: #90e0ef;--table-border: rgba(144, 224, 239, .12);--table-sticky-bg: rgba(3, 22, 56, .95);--nav-ink: rgba(255, 255, 255, .88);--nav-hover-bg: rgba(72, 202, 228, .18);--nav-hover-border: rgba(144, 224, 239, .25);--nav-active-bg: rgba(0, 119, 182, .42);--nav-active-border: rgba(144, 224, 239, .4);--nav-active-ring: rgba(72, 202, 228, .12);--nav-pip: #ffffff;--nav-pip-glow: rgba(255, 255, 255, .55);--btn-primary-fill: linear-gradient(180deg, #00a8db 0%, #0096c7 40%, #0077b6 100%);--btn-primary-fill-hover: linear-gradient(180deg, #48cae4 0%, #00b4e0 40%, #0096c7 100%);--btn-primary-border: rgba(144, 224, 239, .65);--btn-primary-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 1px 0 rgba(1, 8, 28, .35);--btn-secondary-fill: linear-gradient(180deg, rgba(10, 42, 90, .95), rgba(4, 22, 52, .95));--btn-secondary-fill-hover: linear-gradient(180deg, rgba(0, 119, 182, .55), rgba(2, 62, 138, .75));--btn-secondary-border: rgba(144, 224, 239, .32);--btn-ghost-hover: rgba(255, 255, 255, .1);--btn-danger-fill: linear-gradient(180deg, #dc2626, #b91c1c);--btn-danger-fill-hover: linear-gradient(180deg, #ef4444, #dc2626);--btn-danger-border: rgba(255, 138, 138, .55);--select-border: rgba(144, 224, 239, .35);--select-bg: linear-gradient(180deg, #062a55 0%, #021430 100%);--select-shadow: 0 12px 32px rgba(0, 0, 0, .45);--select-option-bg: rgba(0, 119, 182, .45);--select-option-ink: rgba(255, 255, 255, .92);--select-option-selected: #caf0f8;--select-caret: #90e0ef;--badge-neutral-bg: rgba(255, 255, 255, .1);--badge-success-bg: rgba(20, 128, 61, .45);--badge-success-ink: #bbf7d0;--badge-success-border: rgba(110, 231, 160, .45);--badge-warning-bg: rgba(180, 83, 9, .45);--badge-warning-ink: #fde68a;--badge-warning-border: rgba(252, 211, 77, .45);--badge-danger-bg: rgba(185, 28, 28, .45);--badge-danger-ink: #fecaca;--badge-danger-border: rgba(255, 138, 138, .45);--badge-info-bg: rgba(0, 119, 182, .45);--badge-info-ink: #caf0f8;--badge-info-border: rgba(72, 202, 228, .55);--modal-backdrop: rgba(3, 8, 14, .55);--toast-fill: linear-gradient(180deg, rgba(8, 36, 84, .92), rgba(2, 16, 44, .96));--toast-shadow: 0 12px 32px rgba(0, 0, 0, .35);--focus-ring: rgba(255, 255, 255, .9);--scrollbar: rgba(255, 255, 255, .25);--chart-0: #48cae4;--chart-1: #0077b6;--chart-2: #90e0ef;--chart-3: #023e8a;--chart-4: #ade8f4;--chart-placeholder: dashed rgba(144, 224, 239, .35);--chart-placeholder-bg: linear-gradient(180deg, rgba(0, 119, 182, .15), rgba(1, 10, 28, .4));--plate-bg: linear-gradient(160deg, rgba(255, 255, 255, .22), rgba(2, 40, 90, .55));--plate-border: rgba(72, 202, 228, .45);--logo-plate-bg: linear-gradient(160deg, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, .08) 55%, rgba(2, 16, 44, .35) 100%);--logo-plate-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 8px 20px rgba(2, 12, 40, .4);--brand-plate-bg: rgba(2, 40, 90, .75);--brand-plate-border: rgba(72, 202, 228, .4);--form-error-bg: rgba(255, 138, 138, .12);--form-error-border: rgba(255, 138, 138, .4);--form-notice-bg: rgba(110, 231, 160, .1);--form-notice-border: rgba(110, 231, 160, .35);--error-ring: rgba(255, 138, 138, .15);--error-border: rgba(255, 138, 138, .65);--spinner-track: rgba(72, 202, 228, .15);--spinner-head: var(--brand-400);--skeleton-a: rgba(255, 255, 255, .04);--skeleton-b: rgba(72, 202, 228, .12);--shadow-deep: rgba(0, 0, 0, .4)}[data-theme=dark]{color-scheme:dark;--ink: #f1f5f9;--ink-soft: rgba(241, 245, 249, .94);--ink-muted: rgba(203, 213, 225, .78);--ink-faint: rgba(148, 163, 184, .6);--ink-on-accent: #f8fafc;--bg-deep: #0b1220;--brand-300: #a5b4fc;--brand-400: #818cf8;--brand-500: #6366f1;--brand-600: #4f46e5;--brand-800: #312e81;--brand-900: #1e1b4b;--danger: #fca5a5;--success: #86efac;--warning: #fcd34d;--panel: rgba(15, 23, 42, .78);--panel-strong: rgba(15, 23, 42, .92);--panel-soft: rgba(30, 41, 59, .55);--glass: var(--panel);--glass-strong: var(--panel-strong);--glass-line: rgba(148, 163, 184, .22);--glass-line-soft: rgba(148, 163, 184, .12);--glass-fill: linear-gradient(180deg, rgba(30, 41, 59, .78) 0%, rgba(15, 23, 42, .88) 100%);--glass-highlight: rgba(226, 232, 240, .08);--glass-sheen: rgba(165, 180, 252, .04);--sidebar-fill: linear-gradient(180deg, rgba(30, 41, 59, .9) 0%, rgba(15, 23, 42, .96) 100%);--sidebar-border: rgba(148, 163, 184, .18);--row-alt: rgba(255, 255, 255, .025);--row-hover: rgba(129, 140, 248, .12);--body-canvas: radial-gradient(ellipse 55% 40% at 85% 10%, rgba(99, 102, 241, .12), transparent 55%), radial-gradient(ellipse 45% 35% at 10% 90%, rgba(51, 65, 85, .35), transparent 55%), linear-gradient(160deg, #020617 0%, #0b1220 35%, #0f172a 70%, #111827 100%);--vignette: linear-gradient(100deg, rgba(2, 6, 23, .5) 0%, rgba(2, 6, 23, .2) 40%, transparent 72%), linear-gradient(0deg, rgba(2, 6, 23, .55) 0%, transparent 32%), radial-gradient(ellipse 95% 75% at 50% 40%, transparent 30%, rgba(2, 6, 23, .5) 100%);--watermark-opacity: .04;--watermark-filter: grayscale(.3) brightness(1.1);--surface: rgba(15, 23, 42, .8);--surface-raised: linear-gradient(180deg, rgba(30, 41, 59, .92), rgba(15, 23, 42, .95));--surface-raised-hover: linear-gradient(180deg, rgba(51, 65, 85, .95), rgba(30, 41, 59, .98));--surface-inset: rgba(2, 6, 23, .35);--surface-inset-soft: rgba(2, 6, 23, .28);--field-border: rgba(148, 163, 184, .28);--field-focus: rgba(129, 140, 248, .75);--field-focus-ring: rgba(129, 140, 248, .2);--option-ink: #0f172a;--table-head-bg: #1e293b;--table-head-ink: #a5b4fc;--table-border: rgba(148, 163, 184, .12);--table-sticky-bg: rgba(15, 23, 42, .96);--nav-ink: rgba(241, 245, 249, .88);--nav-hover-bg: rgba(129, 140, 248, .16);--nav-hover-border: rgba(165, 180, 252, .25);--nav-active-bg: rgba(79, 70, 229, .4);--nav-active-border: rgba(165, 180, 252, .4);--nav-active-ring: rgba(129, 140, 248, .12);--nav-pip: #c7d2fe;--nav-pip-glow: rgba(199, 210, 254, .5);--btn-primary-fill: linear-gradient(180deg, #6366f1 0%, #4f46e5 50%, #4338ca 100%);--btn-primary-fill-hover: linear-gradient(180deg, #818cf8 0%, #6366f1 50%, #4f46e5 100%);--btn-primary-border: rgba(165, 180, 252, .55);--btn-primary-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 0 rgba(2, 6, 23, .4);--btn-secondary-fill: linear-gradient(180deg, rgba(51, 65, 85, .95), rgba(30, 41, 59, .98));--btn-secondary-fill-hover: linear-gradient(180deg, rgba(79, 70, 229, .4), rgba(49, 46, 129, .55));--btn-secondary-border: rgba(148, 163, 184, .28);--btn-ghost-hover: rgba(255, 255, 255, .08);--btn-danger-fill: linear-gradient(180deg, #dc2626, #b91c1c);--btn-danger-fill-hover: linear-gradient(180deg, #ef4444, #dc2626);--btn-danger-border: rgba(252, 165, 165, .5);--select-border: rgba(148, 163, 184, .3);--select-bg: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);--select-shadow: 0 12px 32px rgba(0, 0, 0, .45);--select-option-bg: rgba(79, 70, 229, .4);--select-option-ink: rgba(241, 245, 249, .92);--select-option-selected: #c7d2fe;--select-caret: #a5b4fc;--badge-neutral-bg: rgba(148, 163, 184, .12);--badge-success-bg: rgba(22, 101, 52, .4);--badge-success-ink: #bbf7d0;--badge-success-border: rgba(134, 239, 172, .4);--badge-warning-bg: rgba(146, 64, 14, .4);--badge-warning-ink: #fde68a;--badge-warning-border: rgba(252, 211, 77, .4);--badge-danger-bg: rgba(153, 27, 27, .4);--badge-danger-ink: #fecaca;--badge-danger-border: rgba(252, 165, 165, .4);--badge-info-bg: rgba(67, 56, 202, .4);--badge-info-ink: #c7d2fe;--badge-info-border: rgba(165, 180, 252, .45);--modal-backdrop: rgba(2, 6, 23, .6);--toast-fill: linear-gradient(180deg, rgba(30, 41, 59, .95), rgba(15, 23, 42, .98));--toast-shadow: 0 12px 32px rgba(0, 0, 0, .4);--focus-ring: rgba(226, 232, 240, .9);--scrollbar: rgba(148, 163, 184, .3);--chart-0: #818cf8;--chart-1: #6366f1;--chart-2: #a5b4fc;--chart-3: #312e81;--chart-4: #c7d2fe;--chart-placeholder: dashed rgba(148, 163, 184, .3);--chart-placeholder-bg: linear-gradient(180deg, rgba(99, 102, 241, .12), rgba(2, 6, 23, .35));--plate-bg: linear-gradient(160deg, rgba(226, 232, 240, .16), rgba(30, 41, 59, .7));--plate-border: rgba(165, 180, 252, .4);--logo-plate-bg: linear-gradient(160deg, rgba(226, 232, 240, .18) 0%, rgba(226, 232, 240, .06) 55%, rgba(15, 23, 42, .45) 100%);--logo-plate-shadow: inset 0 1px 0 rgba(226, 232, 240, .3), 0 8px 20px rgba(2, 6, 23, .4);--brand-plate-bg: rgba(30, 41, 59, .8);--brand-plate-border: rgba(165, 180, 252, .35);--form-error-bg: rgba(252, 165, 165, .1);--form-error-border: rgba(252, 165, 165, .35);--form-notice-bg: rgba(134, 239, 172, .08);--form-notice-border: rgba(134, 239, 172, .3);--error-ring: rgba(252, 165, 165, .15);--error-border: rgba(252, 165, 165, .55);--spinner-track: rgba(129, 140, 248, .15);--spinner-head: var(--brand-400);--skeleton-a: rgba(148, 163, 184, .08);--skeleton-b: rgba(129, 140, 248, .14);--shadow-deep: rgba(0, 0, 0, .45)}[data-theme=light]{color-scheme:light;--ink: #0f172a;--ink-soft: #1e293b;--ink-muted: #475569;--ink-faint: #64748b;--ink-on-accent: #ffffff;--bg-deep: #e8eef6;--brand-300: #7dd3fc;--brand-400: #38bdf8;--brand-500: #0ea5e9;--brand-600: #0284c7;--brand-800: #075985;--brand-900: #0c4a6e;--danger: #b91c1c;--success: #047857;--warning: #b45309;--panel: rgba(255, 255, 255, .78);--panel-strong: rgba(255, 255, 255, .92);--panel-soft: rgba(241, 245, 249, .7);--glass: var(--panel);--glass-strong: var(--panel-strong);--glass-line: rgba(15, 40, 80, .14);--glass-line-soft: rgba(15, 40, 80, .08);--glass-fill: linear-gradient(180deg, rgba(255, 255, 255, .88) 0%, rgba(248, 250, 252, .92) 100%);--glass-highlight: rgba(255, 255, 255, .85);--glass-sheen: rgba(14, 165, 233, .05);--sidebar-fill: linear-gradient(180deg, rgba(255, 255, 255, .92) 0%, rgba(241, 245, 249, .96) 100%);--sidebar-border: rgba(15, 40, 80, .12);--row-alt: rgba(15, 23, 42, .03);--row-hover: rgba(2, 132, 199, .1);--body-canvas: radial-gradient(ellipse 50% 40% at 85% 8%, rgba(56, 189, 248, .16), transparent 55%), radial-gradient(ellipse 45% 35% at 8% 90%, rgba(2, 132, 199, .12), transparent 55%), linear-gradient(150deg, #f8fafc 0%, #e2e8f0 30%, #dbeafe 60%, #e0f2fe 100%);--vignette: linear-gradient(100deg, rgba(15, 23, 42, .06) 0%, rgba(15, 23, 42, .02) 40%, transparent 72%), linear-gradient(0deg, rgba(15, 23, 42, .08) 0%, transparent 32%), radial-gradient(ellipse 95% 75% at 50% 40%, transparent 35%, rgba(15, 23, 42, .08) 100%);--watermark-opacity: .035;--watermark-filter: saturate(.3) brightness(.85);--surface: rgba(255, 255, 255, .85);--surface-raised: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(248, 250, 252, .98));--surface-raised-hover: linear-gradient(180deg, rgba(224, 242, 254, .95), rgba(240, 249, 255, .98));--surface-inset: rgba(241, 245, 249, .65);--surface-inset-soft: rgba(241, 245, 249, .5);--field-border: rgba(15, 40, 80, .18);--field-focus: rgba(2, 132, 199, .55);--field-focus-ring: rgba(2, 132, 199, .18);--option-ink: #0f172a;--table-head-bg: #f1f5f9;--table-head-ink: #0c4a6e;--table-border: rgba(15, 40, 80, .1);--table-sticky-bg: rgba(248, 250, 252, .97);--nav-ink: #334155;--nav-hover-bg: rgba(2, 132, 199, .12);--nav-hover-border: rgba(14, 165, 233, .28);--nav-active-bg: rgba(2, 132, 199, .16);--nav-active-border: rgba(2, 132, 199, .35);--nav-active-ring: rgba(14, 165, 233, .12);--nav-pip: #0284c7;--nav-pip-glow: rgba(2, 132, 199, .35);--btn-primary-fill: linear-gradient(180deg, #0ea5e9 0%, #0284c7 50%, #0369a1 100%);--btn-primary-fill-hover: linear-gradient(180deg, #38bdf8 0%, #0ea5e9 50%, #0284c7 100%);--btn-primary-border: rgba(2, 132, 199, .45);--btn-primary-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 1px 2px rgba(15, 23, 42, .12);--btn-secondary-fill: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(241, 245, 249, .98));--btn-secondary-fill-hover: linear-gradient(180deg, rgba(224, 242, 254, .95), rgba(186, 230, 253, .9));--btn-secondary-border: rgba(15, 40, 80, .16);--btn-ghost-hover: rgba(15, 23, 42, .06);--btn-danger-fill: linear-gradient(180deg, #dc2626, #b91c1c);--btn-danger-fill-hover: linear-gradient(180deg, #ef4444, #dc2626);--btn-danger-border: rgba(185, 28, 28, .35);--select-border: rgba(15, 40, 80, .16);--select-bg: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);--select-shadow: 0 12px 28px rgba(15, 23, 42, .12);--select-option-bg: rgba(2, 132, 199, .12);--select-option-ink: #1e293b;--select-option-selected: #0c4a6e;--select-caret: #0284c7;--badge-neutral-bg: rgba(15, 23, 42, .06);--badge-success-bg: rgba(4, 120, 87, .12);--badge-success-ink: #065f46;--badge-success-border: rgba(5, 150, 105, .3);--badge-warning-bg: rgba(180, 83, 9, .12);--badge-warning-ink: #92400e;--badge-warning-border: rgba(217, 119, 6, .3);--badge-danger-bg: rgba(185, 28, 28, .1);--badge-danger-ink: #991b1b;--badge-danger-border: rgba(220, 38, 38, .3);--badge-info-bg: rgba(2, 132, 199, .12);--badge-info-ink: #0c4a6e;--badge-info-border: rgba(14, 165, 233, .35);--modal-backdrop: rgba(15, 23, 42, .28);--toast-fill: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .98));--toast-shadow: 0 12px 32px rgba(15, 23, 42, .14);--focus-ring: rgba(2, 132, 199, .55);--scrollbar: rgba(15, 23, 42, .22);--chart-0: #0284c7;--chart-1: #0369a1;--chart-2: #38bdf8;--chart-3: #0c4a6e;--chart-4: #7dd3fc;--chart-placeholder: dashed rgba(15, 40, 80, .22);--chart-placeholder-bg: linear-gradient(180deg, rgba(14, 165, 233, .08), rgba(241, 245, 249, .5));--plate-bg: linear-gradient(160deg, rgba(255, 255, 255, .9), rgba(224, 242, 254, .8));--plate-border: rgba(14, 165, 233, .35);--logo-plate-bg: linear-gradient(160deg, rgba(255, 255, 255, .95) 0%, rgba(224, 242, 254, .75) 55%, rgba(186, 230, 253, .55) 100%);--logo-plate-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 8px 18px rgba(15, 23, 42, .12);--brand-plate-bg: rgba(224, 242, 254, .8);--brand-plate-border: rgba(14, 165, 233, .3);--form-error-bg: rgba(220, 38, 38, .08);--form-error-border: rgba(220, 38, 38, .28);--form-notice-bg: rgba(5, 150, 105, .1);--form-notice-border: rgba(5, 150, 105, .28);--error-ring: rgba(220, 38, 38, .12);--error-border: rgba(220, 38, 38, .45);--spinner-track: rgba(2, 132, 199, .15);--spinner-head: var(--brand-500);--skeleton-a: rgba(15, 23, 42, .05);--skeleton-b: rgba(14, 165, 233, .12);--shadow-deep: rgba(15, 23, 42, .12)}[data-theme=light] .nav-item:hover,[data-theme=light] .nav-item.active,[data-theme=light] .tab:hover,[data-theme=light] .tab.active,[data-theme=light] .empty-state strong,[data-theme=light] .auth-brand-row,[data-theme=light] .toast,[data-theme=light] .field input,[data-theme=light] .field select,[data-theme=light] .field textarea,[data-theme=light] .glass-input,[data-theme=light] .tool,[data-theme=light] .select-trigger,[data-theme=light] .select-option,[data-theme=light] .btn-secondary,[data-theme=light] .btn-ghost:hover:not(:disabled),[data-theme=light] .btn-primary,[data-theme=light] .btn-danger,[data-theme=light] .auth-links a:hover,[data-theme=light] .field-password-toggle:hover{color:var(--ink)}[data-theme=light] .btn-primary,[data-theme=light] .btn-danger,[data-theme=light] .nav-item.active,[data-theme=light] .badge-success,[data-theme=light] .badge-warning,[data-theme=light] .badge-danger,[data-theme=light] .badge-info{color:var(--ink-on-accent)}[data-theme=light] .badge-success{color:var(--badge-success-ink)}[data-theme=light] .badge-warning{color:var(--badge-warning-ink)}[data-theme=light] .badge-danger{color:var(--badge-danger-ink)}[data-theme=light] .badge-info{color:var(--badge-info-ink)}[data-theme=light] .field select option,[data-theme=light] select option{color:#0f172a}[data-theme=light] .table-wrap thead th{background:var(--table-head-bg)}[data-theme=light] .select-list{background:var(--select-bg)}[data-theme=light] .data-table th{background:var(--table-head-bg);color:var(--table-head-ink)}[data-theme=light] .glass:after{opacity:.5}[data-theme=light] .logo-plate img{filter:none}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);background-color:var(--bg-deep);background-image:var(--body-canvas);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;font-family:var(--font-sans);font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:var(--vignette)}body:after{content:"";position:fixed;left:50%;top:50%;width:min(48vw,520px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;z-index:0;background-image:url(/assets/gss-icon-circle.png);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:var(--watermark-opacity);filter:var(--watermark-filter);animation:watermarkIn 1.4s var(--e-out) .15s both}@keyframes watermarkIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.94)}to{opacity:var(--watermark-opacity);transform:translate(-50%,-50%) scale(1)}}#root{position:relative;z-index:1}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.app-shell{display:flex;height:100%;min-height:100%;padding:calc(14 * var(--u)) calc(16 * var(--u)) calc(10 * var(--u));gap:calc(16 * var(--u));animation:riseIn .7s var(--e-out) backwards}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(14 * var(--u));height:100%;overflow:hidden}.app-content{flex:1;min-height:0;overflow:auto;padding-right:calc(4 * var(--u));scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}.glass{position:relative;background:var(--glass-fill);backdrop-filter:blur(calc(18 * var(--u))) saturate(125%);-webkit-backdrop-filter:blur(calc(18 * var(--u))) saturate(125%);border:1px solid var(--glass-line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:inset 0 1px 0 var(--glass-highlight)}.glass:after{content:"";position:absolute;top:0;bottom:0;left:0;width:38%;pointer-events:none;background:linear-gradient(100deg,transparent 0%,var(--glass-sheen) 50%,transparent 100%);transform:translate3d(-150%,0,0) skew(-18deg);animation:sheen 1.15s var(--e-soft) 2.4s 1 both}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:calc(14 * var(--u)) 0 calc(12 * var(--u));background:var(--sidebar-fill);border:1px solid var(--sidebar-border);border-radius:calc(22 * var(--u));box-shadow:inset 0 1px 0 var(--glass-highlight);animation:slideL .92s var(--e-out) .05s both}.sidebar-brand{width:calc(40 * var(--u));height:calc(40 * var(--u));display:grid;place-items:center;animation:popIn .7s var(--e-out) .26s both}.sidebar-brand .logo-plate{width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:calc(12 * var(--u));background:var(--plate-bg);border-color:var(--plate-border);box-shadow:inset 0 1px 0 var(--glass-highlight),0 6px 16px #020c2859}.sidebar-brand .logo-plate img{width:calc(30 * var(--u));height:calc(30 * var(--u))}.sidebar-nav{margin-top:calc(32 * var(--u));display:flex;flex-direction:column;align-items:center;gap:calc(20 * var(--u));flex:1;width:100%;position:relative}.nav-item{position:relative;width:calc(34 * var(--u));height:calc(34 * var(--u));border-radius:calc(11 * var(--u));display:grid;place-items:center;color:var(--nav-ink);border:1px solid transparent;transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease;animation:riseIn .6s var(--e-out) both}.nav-item:nth-child(1){animation-delay:.36s}.nav-item:nth-child(2){animation-delay:.41s}.nav-item:nth-child(3){animation-delay:.46s}.nav-item:nth-child(4){animation-delay:.51s}.nav-item:nth-child(5){animation-delay:.56s}.nav-item:nth-child(6){animation-delay:.61s}.nav-item:nth-child(7){animation-delay:.66s}.nav-item:nth-child(8){animation-delay:.71s}.nav-item:nth-child(9){animation-delay:.76s}.nav-item:nth-child(10){animation-delay:.81s}.nav-item:hover{color:var(--ink);background:var(--nav-hover-bg);border-color:var(--nav-hover-border);transform:translateY(calc(-1 * var(--u)))}.nav-item.active{color:var(--ink-on-accent);background:var(--nav-active-bg);border-color:var(--nav-active-border);box-shadow:inset 0 0 0 1px var(--nav-active-ring)}.nav-item.active:before{content:"";position:absolute;left:calc(-12 * var(--u));top:50%;width:calc(5 * var(--u));height:calc(29 * var(--u));margin-top:calc(-14.5 * var(--u));border-radius:calc(3 * var(--u));background:var(--nav-pip);box-shadow:0 0 calc(10 * var(--u)) var(--nav-pip-glow);animation:growY .5s var(--e-out) .68s both;transform-origin:center}.nav-item svg{width:calc(18 * var(--u));height:calc(18 * var(--u))}.sidebar-footer{width:calc(34 * var(--u));animation:riseIn .6s var(--e-out) .7s both}.sidebar-footer .btn{width:100%;height:calc(36 * var(--u));min-height:calc(36 * var(--u));padding:0;border-radius:calc(12 * var(--u))}.topbar{min-height:calc(48 * var(--u));display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--u));padding:calc(6 * var(--u)) calc(12 * var(--u));animation:riseIn .7s var(--e-out) .14s backwards}.topbar-left .hello{font-size:calc(13 * var(--u));font-weight:400;color:var(--ink-soft);animation:riseIn .7s var(--e-out) .14s both}.topbar-left .who{margin-top:calc(4 * var(--u));font-family:var(--font-display);font-size:calc(19.5 * var(--u));font-weight:600;letter-spacing:calc(-.35 * var(--u));animation:riseIn .8s var(--e-out) .22s both}.topbar-title{font-family:var(--font-display);font-size:calc(22 * var(--u));font-weight:500;letter-spacing:calc(-.3 * var(--u));animation:riseIn .7s var(--e-out) .18s both}.topbar-actions{display:flex;align-items:center;gap:calc(8 * var(--u))}.tool{width:calc(34 * var(--u));height:calc(34 * var(--u));border-radius:999px;border:1px solid var(--glass-line);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease;animation:popIn .58s var(--e-out) both}.tool:nth-child(1){animation-delay:.3s}.tool:nth-child(2){animation-delay:.365s}.tool:nth-child(3){animation-delay:.43s}.tool:nth-child(4){animation-delay:.495s}.tool:hover{background:var(--nav-active-bg);border-color:var(--nav-active-border)}.tool svg{width:calc(15 * var(--u));height:calc(15 * var(--u))}.user-chip{display:flex;align-items:center;gap:calc(8 * var(--u));height:calc(32 * var(--u));padding:0 calc(10 * var(--u)) 0 calc(3 * var(--u));border-radius:999px;border:1px solid var(--glass-line);background:var(--surface);animation:popIn .58s var(--e-out) .495s both}.user-avatar{width:calc(24 * var(--u));height:calc(24 * var(--u));border-radius:999px;background:var(--badge-info-bg);border:1px solid var(--badge-info-border);display:grid;place-items:center;font-size:calc(10 * var(--u));font-weight:700}.user-meta{display:flex;flex-direction:column;line-height:1.15;min-width:0}.user-meta strong{font-size:calc(12 * var(--u));font-weight:600;white-space:nowrap}.user-meta span{font-size:calc(10.5 * var(--u));color:var(--ink-muted)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(12 * var(--u));margin-bottom:calc(12 * var(--u));animation:wipeRight .8s var(--e-out) .44s both}.page-header h1{margin:0;font-family:var(--font-display);font-size:calc(24 * var(--u));font-weight:500;letter-spacing:calc(-.4 * var(--u));line-height:1.15}.page-header p{margin:calc(6 * var(--u)) 0 0;color:var(--ink-muted);font-size:calc(13 * var(--u));max-width:calc(560 * var(--u))}.page-actions{display:flex;flex-wrap:wrap;gap:calc(8 * var(--u));align-items:center}.skeleton-note{display:inline-flex;align-items:center;gap:calc(5 * var(--u));height:calc(28 * var(--u));padding:0 calc(12 * var(--u));border-radius:999px;border:1px solid var(--badge-info-border);background:var(--badge-info-bg);color:var(--table-head-ink);font-size:calc(11.5 * var(--u));font-weight:600;letter-spacing:.02em}.stack-v{display:flex;flex-direction:column;gap:calc(14 * var(--u))}.split-2{display:grid;grid-template-columns:1fr 1fr;gap:calc(14 * var(--u))}.card{animation:slideR .95s var(--e-out) backwards}.card:nth-of-type(1){animation-delay:.8s}.card:nth-of-type(2){animation-delay:.92s}.card:nth-of-type(3){animation-delay:1.03s}.card:nth-of-type(4){animation-delay:1.14s}.card-header{display:flex;align-items:center;justify-content:space-between;gap:calc(10 * var(--u));padding:calc(14 * var(--u)) calc(16 * var(--u)) calc(12 * var(--u));border-bottom:1px solid var(--glass-line-soft)}.card-header h2,.card-header h3{margin:0;font-size:calc(13.5 * var(--u));font-weight:600;letter-spacing:.01em;line-height:1.35;padding-top:calc(1 * var(--u))}.card-body{padding:calc(14 * var(--u)) calc(16 * var(--u))}.card-body.tight{padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(7 * var(--u));min-height:calc(36 * var(--u));padding:0 calc(16 * var(--u));border-radius:calc(11 * var(--u));border:1px solid transparent;background:transparent;cursor:pointer;font-size:calc(13 * var(--u));font-weight:600;letter-spacing:.01em;white-space:nowrap;transition:background .16s ease,border-color .16s ease,transform .16s ease,color .16s ease,box-shadow .16s ease}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn-primary{background:var(--btn-primary-fill);border-color:var(--btn-primary-border);color:var(--ink-on-accent);box-shadow:var(--btn-primary-shadow)}.btn-primary:hover:not(:disabled){background:var(--btn-primary-fill-hover);border-color:var(--btn-primary-border);box-shadow:inset 0 1px 0 var(--glass-highlight),0 0 0 1px var(--nav-active-ring)}.btn-secondary{background:var(--btn-secondary-fill);border-color:var(--btn-secondary-border);color:var(--ink);box-shadow:inset 0 1px 0 var(--glass-highlight)}.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-fill-hover);border-color:var(--nav-active-border)}.btn-ghost{color:var(--ink-muted);border-color:transparent;min-height:calc(32 * var(--u));padding:0 calc(12 * var(--u))}.btn-ghost:hover:not(:disabled){color:var(--ink);background:var(--btn-ghost-hover)}.btn-danger{background:var(--btn-danger-fill);border-color:var(--btn-danger-border);color:var(--ink-on-accent);box-shadow:inset 0 1px 0 var(--glass-highlight)}.btn-danger:hover:not(:disabled){background:var(--btn-danger-fill-hover);border-color:var(--btn-danger-border)}.btn-sm{min-height:calc(28 * var(--u));padding:0 calc(10 * var(--u));font-size:calc(11.5 * var(--u));border-radius:calc(9 * var(--u));font-weight:600}.auth-form .btn{width:100%;min-height:calc(40 * var(--u));font-size:calc(13.5 * var(--u));font-weight:650;border-radius:calc(12 * var(--u))}.select{position:relative;width:100%;min-width:0}.select-trigger{width:100%;min-height:calc(34 * var(--u));display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--u));padding:0 calc(10 * var(--u)) 0 calc(12 * var(--u));border-radius:calc(10 * var(--u));border:1px solid var(--field-border);background:var(--surface-raised);color:var(--ink);cursor:pointer;font-size:calc(13 * var(--u));font-weight:500;text-align:left;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.select-trigger:hover:not(:disabled){border-color:var(--nav-hover-border);background:var(--surface-raised-hover)}.select.is-open .select-trigger,.select-trigger:focus-visible{border-color:var(--field-focus);box-shadow:0 0 0 calc(3 * var(--u)) var(--field-focus-ring);outline:none}.select-trigger:disabled{opacity:.5;cursor:not-allowed}.select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-value.is-placeholder{color:var(--ink-faint);font-weight:500}.select-caret{flex-shrink:0;color:var(--select-caret);transition:transform .15s ease}.select.is-open .select-caret{transform:rotate(180deg)}.select-list{position:absolute;z-index:40;top:calc(100% + 4 * var(--u));left:0;right:0;margin:0;padding:calc(4 * var(--u));list-style:none;max-height:calc(220 * var(--u));overflow:auto;border-radius:calc(12 * var(--u));border:1px solid var(--select-border);background:var(--select-bg);box-shadow:var(--select-shadow)}.select-option{padding:calc(8 * var(--u)) calc(10 * var(--u));border-radius:calc(8 * var(--u));color:var(--select-option-ink);font-size:calc(12.5 * var(--u));cursor:pointer}.select-option.is-active{background:var(--select-option-bg)}.select-option.is-selected{color:var(--select-option-selected);font-weight:650;box-shadow:inset 2px 0 0 var(--brand-400)}.role-select-wrap{position:relative;width:calc(108 * var(--u))}.role-select .select-trigger{min-height:calc(26 * var(--u));padding:0 calc(8 * var(--u)) 0 calc(10 * var(--u));font-size:calc(11.5 * var(--u));font-weight:600;border-radius:999px}.role-select .select-list{left:auto;right:0;min-width:calc(140 * var(--u));width:max-content}.field{display:flex;flex-direction:column;gap:calc(6 * var(--u));min-width:0}.field label{font-size:calc(11.5 * var(--u));font-weight:600;color:var(--ink-muted);letter-spacing:.02em}.field input,.field select,.field textarea,.glass-input{width:100%;min-height:calc(34 * var(--u));padding:calc(6 * var(--u)) calc(12 * var(--u));border-radius:calc(10 * var(--u));border:1px solid var(--field-border);background:var(--surface-raised);color:var(--ink);outline:none}.field textarea{min-height:calc(88 * var(--u));resize:vertical}.field input::placeholder,.field textarea::placeholder,.glass-input::placeholder{color:var(--ink-faint)}.field input:focus,.field select:focus,.field textarea:focus,.glass-input:focus{border-color:var(--field-focus);box-shadow:0 0 0 calc(3 * var(--u)) var(--field-focus-ring)}.field select option,select option{color:var(--option-ink)}.filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(140 * var(--u)),1fr));gap:calc(10 * var(--u));padding:calc(12 * var(--u)) calc(14 * var(--u));border-bottom:1px solid var(--glass-line-soft);background:var(--surface-inset)}.filter-bar-actions{grid-column:1 / -1;display:flex;gap:calc(8 * var(--u));justify-content:flex-end}.filter-bar-compact{grid-template-columns:minmax(calc(220 * var(--u)),320px) 1fr;align-items:end}.filter-bar-compact .filter-bar-actions{grid-column:auto;align-self:end;padding-bottom:calc(2 * var(--u))}.filter-bar-inline{grid-template-columns:repeat(5,minmax(calc(150 * var(--u)),1fr)) auto;align-items:end}.filter-bar-inline .filter-bar-actions{grid-column:auto;align-self:end;padding-bottom:calc(2 * var(--u))}@media (max-width: 1100px){.filter-bar-inline{grid-template-columns:repeat(auto-fit,minmax(calc(150 * var(--u)),1fr))}.filter-bar-inline .filter-bar-actions{grid-column:1 / -1;align-self:auto;padding-bottom:0}}.table-block{display:flex;flex-direction:column;min-height:0}.table-pager{display:flex;align-items:center;justify-content:flex-end;gap:calc(12 * var(--u));flex-wrap:wrap;padding:calc(10 * var(--u)) calc(14 * var(--u));border-top:1px solid var(--glass-line-soft);background:var(--surface-inset-soft)}.pager-size{display:inline-flex;align-items:center;gap:calc(6 * var(--u));font-size:calc(11.5 * var(--u));color:var(--ink-muted);font-weight:600}.pager-size select{min-height:calc(28 * var(--u));border-radius:calc(8 * var(--u));border:1px solid var(--field-border);background:var(--surface-raised);color:var(--ink);padding:0 calc(8 * var(--u))}.pager-nav{display:inline-flex;align-items:center;gap:calc(8 * var(--u))}.pager-page{font-size:calc(12 * var(--u));color:var(--ink-muted);font-weight:600;min-width:calc(48 * var(--u));text-align:center}.table-wrap thead th{position:sticky;top:0;z-index:2;background:var(--table-sticky-bg)}.table-wrap{width:100%;overflow:auto;max-height:calc(420 * var(--u))}table.data-table{width:100%;border-collapse:collapse;font-size:calc(12.5 * var(--u))}.data-table th,.data-table td{padding:calc(9 * var(--u)) calc(12 * var(--u));border-bottom:1px solid var(--table-border);text-align:left;vertical-align:middle;white-space:nowrap}.data-table th{position:sticky;top:0;background:var(--table-head-bg);color:var(--table-head-ink);font-size:calc(11 * var(--u));font-weight:700;letter-spacing:.05em;text-transform:uppercase;z-index:1}.data-table tbody tr:nth-child(2n){background:var(--row-alt)}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:var(--row-hover)}.data-table th.num,.data-table td.num{text-align:right;font-variant-numeric:tabular-nums}.data-table th:last-child,.data-table td:last-child{width:1%}.badge{display:inline-flex;align-items:center;gap:calc(4 * var(--u));padding:calc(2 * var(--u)) calc(8 * var(--u));border-radius:999px;font-size:calc(11 * var(--u));font-weight:600;border:1px solid transparent}.badge-neutral{background:var(--badge-neutral-bg);color:var(--ink-muted);border-color:var(--glass-line-soft)}.badge-success{background:var(--badge-success-bg);color:var(--badge-success-ink);border-color:var(--badge-success-border)}.badge-warning{background:var(--badge-warning-bg);color:var(--badge-warning-ink);border-color:var(--badge-warning-border)}.badge-danger{background:var(--badge-danger-bg);color:var(--badge-danger-ink);border-color:var(--badge-danger-border)}.badge-info{background:var(--badge-info-bg);color:var(--badge-info-ink);border-color:var(--badge-info-border)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(150 * var(--u)),1fr));gap:calc(12 * var(--u));margin-bottom:calc(4 * var(--u))}.stat-card{padding:calc(12 * var(--u)) calc(14 * var(--u));animation:riseIn .7s var(--e-out) both}.stat-card:nth-child(1){animation-delay:1.04s}.stat-card:nth-child(2){animation-delay:1.12s}.stat-card:nth-child(3){animation-delay:1.2s}.stat-card:nth-child(4){animation-delay:1.28s}.stat-card:nth-child(5){animation-delay:1.36s}@media (prefers-reduced-motion: no-preference){.analytics-sync .stat-card,.analytics-sync .card{animation:none}}.stat-card .label{color:var(--ink-muted);font-size:calc(11.5 * var(--u));font-weight:600}.stat-card .value{margin-top:calc(4 * var(--u));font-family:var(--font-display);font-size:calc(24 * var(--u));font-weight:500;letter-spacing:calc(-.6 * var(--u));font-variant-numeric:tabular-nums}.stat-card .hint{margin-top:calc(2 * var(--u));font-size:calc(11 * var(--u));color:var(--ink-faint)}.tabs{display:flex;gap:calc(4 * var(--u));padding:calc(4 * var(--u)) calc(12 * var(--u));border-bottom:1px solid var(--glass-line-soft)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:calc(10 * var(--u)) calc(12 * var(--u));font-size:calc(12.5 * var(--u));font-weight:600;color:var(--ink-muted);cursor:pointer;border-bottom:2px solid transparent;border-radius:calc(8 * var(--u)) calc(8 * var(--u)) 0 0}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);border-bottom-color:var(--brand-400);background:var(--nav-hover-bg)}.empty-state{padding:calc(36 * var(--u)) calc(16 * var(--u));text-align:center;color:var(--ink-muted);font-size:calc(12.5 * var(--u))}.empty-state strong{display:block;color:var(--ink);margin-bottom:calc(4 * var(--u));font-size:calc(14 * var(--u))}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop);-webkit-backdrop-filter:blur(calc(8 * var(--u)));backdrop-filter:blur(calc(8 * var(--u)));display:grid;place-items:center;z-index:50;padding:calc(24 * var(--u));animation:fadeIn .25s ease both}.modal{width:min(calc(560 * var(--u)),100%);max-width:100%;max-height:min(88vh,calc(720 * var(--u)));overflow:clip;display:flex;flex-direction:column;animation:popIn .55s var(--e-out) both}.modal:after{display:none}.modal.wide{width:min(calc(860 * var(--u)),100%)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:calc(10 * var(--u));flex-shrink:0;padding:calc(12 * var(--u)) calc(16 * var(--u));border-bottom:1px solid var(--glass-line-soft)}.modal-header h3{margin:0;font-family:var(--font-display);font-size:calc(16 * var(--u));font-weight:500;line-height:1.35}.modal-body{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:calc(14 * var(--u)) calc(16 * var(--u));scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}.modal-footer{display:flex;flex-shrink:0;justify-content:flex-end;gap:calc(8 * var(--u));padding:calc(12 * var(--u)) calc(16 * var(--u));border-top:1px solid var(--glass-line-soft)}.row-actions{display:flex;gap:calc(6 * var(--u));justify-content:flex-end}.chart-placeholder{min-height:calc(260 * var(--u));border-radius:var(--radius-md);border:1px dashed var(--chart-placeholder);background:var(--chart-placeholder-bg),repeating-linear-gradient(90deg,transparent,transparent calc(39 * var(--u)),var(--glass-line-soft) calc(40 * var(--u)));display:grid;place-items:center;color:var(--ink-muted);font-size:calc(12.5 * var(--u));text-align:center;padding:calc(16 * var(--u))}.auth-layout{height:100%;display:grid;grid-template-columns:1.05fr .95fr;animation:fadeIn .5s ease both}.auth-hero{display:flex;flex-direction:column;justify-content:flex-end;padding:calc(48 * var(--u));gap:calc(20 * var(--u))}.auth-hero .chip{display:inline-flex;align-self:flex-start;height:calc(30 * var(--u));align-items:center;padding:0 calc(12 * var(--u));border-radius:999px;border:1px solid var(--glass-line);background:var(--badge-neutral-bg);-webkit-backdrop-filter:blur(calc(16 * var(--u)));backdrop-filter:blur(calc(16 * var(--u)));font-size:calc(11.5 * var(--u));font-weight:600;letter-spacing:.04em;text-transform:uppercase;animation:wipeRight .8s var(--e-out) .44s both}.auth-hero h1{margin:0;max-width:calc(520 * var(--u));font-family:var(--font-display);font-size:calc(42 * var(--u));font-weight:500;line-height:calc(52 * var(--u));letter-spacing:calc(-.8 * var(--u))}.auth-hero h1 .ln{display:block;overflow:hidden}.auth-hero h1 .ln>span{display:block;animation:lineUp 1.05s var(--e-out) both}.auth-hero h1 .ln:nth-child(1)>span{animation-delay:.56s}.auth-hero h1 .ln:nth-child(2)>span{animation-delay:.67s}.auth-hero p{margin:0;max-width:calc(460 * var(--u));font-size:calc(14.5 * var(--u));line-height:calc(23 * var(--u));font-weight:500;letter-spacing:calc(-.25 * var(--u));color:var(--ink-soft);animation:wipeDown .9s var(--e-soft) .9s both}.auth-hero .brand-line{display:flex;align-items:center;gap:calc(8 * var(--u));font-size:calc(12 * var(--u));color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase}.auth-panel{display:grid;place-items:center;padding:calc(32 * var(--u))}.auth-card{width:min(calc(400 * var(--u)),100%);padding:calc(22 * var(--u));animation:slideR .95s var(--e-out) .8s both}.auth-card h2{margin:0 0 calc(4 * var(--u));font-family:var(--font-display);font-size:calc(24 * var(--u));font-weight:500;letter-spacing:calc(-.4 * var(--u))}.auth-card .subtitle{margin:0 0 calc(16 * var(--u));color:var(--ink-muted);font-size:calc(12.5 * var(--u))}.auth-form{display:flex;flex-direction:column;gap:calc(12 * var(--u))}.auth-links{margin-top:calc(14 * var(--u));display:flex;justify-content:space-between;gap:calc(8 * var(--u));font-size:calc(12.5 * var(--u))}.auth-links a{color:var(--brand-300);font-weight:600}.auth-links a:hover{color:var(--ink)}@keyframes riseIn{0%{opacity:0;transform:translateY(calc(14 * var(--u)))}to{opacity:1;transform:none}}@keyframes slideL{0%{opacity:0;transform:translate(calc(-26 * var(--u)))}to{opacity:1;transform:none}}@keyframes slideR{0%{opacity:0;transform:translate(calc(30 * var(--u))) scale(.985)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes growY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes lineUp{0%{transform:translateY(115%)}to{transform:none}}@keyframes wipeDown{0%{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes wipeRight{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes sheen{0%{transform:translate3d(-150%,0,0) skew(-18deg)}to{transform:translate3d(260%,0,0) skew(-18deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:focus-visible{outline:calc(2 * var(--u)) solid var(--focus-ring);outline-offset:calc(2 * var(--u))}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.glass:after{display:none}body:after{opacity:.07}}@media (max-width: 960px){:root{--u: min(calc(100vw / 430), 1.15px)}body{overflow:auto}.app-shell{flex-direction:column;height:auto;min-height:100%;padding-bottom:calc(80 * var(--u))}.sidebar{position:fixed;left:calc(10 * var(--u));right:calc(10 * var(--u));bottom:calc(10 * var(--u));top:auto;width:auto;height:calc(64 * var(--u));flex-direction:row;padding:0 calc(8 * var(--u));z-index:40;border-radius:calc(20 * var(--u));animation:riseIn .7s var(--e-out) both}.sidebar-brand,.sidebar-footer{display:none}.sidebar-nav{margin:0;flex-direction:row;justify-content:space-around;align-items:center;gap:0;overflow-x:auto}.nav-item.active:before{display:none}.nav-item{width:calc(40 * var(--u));height:calc(40 * var(--u))}.app-main{height:auto;overflow:visible}.app-content{overflow:visible}.split-2,.auth-layout{grid-template-columns:1fr}.auth-hero{display:none}.topbar{flex-wrap:wrap}}@media (max-width: 420px){:root{--u: calc(100vw / 430)}}.auth-brand-row{display:flex;align-items:center;gap:calc(10 * var(--u));margin-bottom:calc(12 * var(--u));color:var(--ink)}.auth-brand-sub{margin-top:calc(2 * var(--u));font-size:calc(11 * var(--u));color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase}.brand-line{display:flex;align-items:center;gap:calc(8 * var(--u));font-size:calc(12 * var(--u));color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase}.logo-plate{display:grid;place-items:center;flex-shrink:0;width:calc(44 * var(--u));height:calc(44 * var(--u));border-radius:calc(12 * var(--u));background:var(--logo-plate-bg);border:1px solid var(--glass-line);box-shadow:var(--logo-plate-shadow)}.logo-plate img{display:block;width:calc(34 * var(--u));height:calc(34 * var(--u));border-radius:0;box-shadow:none;filter:saturate(1.05) contrast(1.08) brightness(1.06)}.logo-plate-sm{width:calc(36 * var(--u));height:calc(36 * var(--u));border-radius:calc(10 * var(--u))}.logo-plate-sm img{width:calc(28 * var(--u));height:calc(28 * var(--u))}.brand-line .logo-plate{width:calc(26 * var(--u));height:calc(26 * var(--u));border-radius:calc(7 * var(--u));background:var(--brand-plate-bg);border-color:var(--brand-plate-border);box-shadow:inset 0 1px 0 var(--glass-highlight)}.brand-line .logo-plate img{width:calc(20 * var(--u));height:calc(20 * var(--u))}.form-error{margin:0;display:flex;align-items:center;gap:calc(8 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u));border-radius:calc(10 * var(--u));border:1px solid var(--form-error-border);background:var(--form-error-bg);color:var(--danger);font-size:calc(12.5 * var(--u));line-height:1.45;font-weight:500}.form-notice{margin:0;padding:calc(10 * var(--u)) calc(12 * var(--u));border-radius:calc(10 * var(--u));border:1px solid var(--form-notice-border);background:var(--form-notice-bg);color:var(--success);font-size:calc(12.5 * var(--u));line-height:1.45;font-weight:500}.field-error{color:var(--danger);font-size:calc(11.5 * var(--u));font-weight:500}.field.has-error input,.field.has-error .select-trigger{border-color:var(--error-border);box-shadow:0 0 0 calc(3 * var(--u)) var(--error-ring)}.field-password{position:relative}.field-password input{padding-right:calc(40 * var(--u))}.field-password-toggle{position:absolute;right:calc(6 * var(--u));bottom:calc(5 * var(--u));width:calc(28 * var(--u));height:calc(28 * var(--u));border-radius:999px;border:1px solid transparent;background:transparent;color:var(--ink-muted);display:grid;place-items:center;cursor:pointer;transition:color .15s ease,background .15s ease}.field-password-toggle:hover{color:var(--ink);background:var(--nav-hover-bg)}.field-password-toggle svg{width:calc(15 * var(--u));height:calc(15 * var(--u))}.toast-region{position:fixed;right:calc(18 * var(--u));bottom:calc(18 * var(--u));z-index:80;display:flex;flex-direction:column;gap:calc(10 * var(--u));width:min(calc(340 * var(--u)),calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:calc(10 * var(--u));padding:calc(12 * var(--u)) calc(14 * var(--u));border-radius:calc(14 * var(--u));border:1px solid var(--glass-line);background:var(--toast-fill);-webkit-backdrop-filter:blur(calc(16 * var(--u))) saturate(120%);backdrop-filter:blur(calc(16 * var(--u))) saturate(120%);box-shadow:var(--toast-shadow);animation:riseIn .35s var(--e-out) both;font-size:calc(12.5 * var(--u));line-height:1.4;color:var(--ink)}.toast-success{border-color:var(--badge-success-border);box-shadow:var(--toast-shadow),inset 0 0 0 1px var(--form-notice-bg)}.toast-error{border-color:var(--badge-danger-border)}.toast-info{border-color:var(--badge-info-border)}.toast-title{font-weight:650;margin-bottom:2px}.toast-desc{color:var(--ink-muted);font-weight:500}.toast-close{margin-left:auto;flex-shrink:0;width:calc(24 * var(--u));height:calc(24 * var(--u));border-radius:999px;border:none;background:transparent;color:var(--ink-muted);cursor:pointer;font-size:calc(14 * var(--u));line-height:1}.toast-close:hover{color:var(--ink);background:var(--btn-ghost-hover)}.loading-splash{display:grid;place-items:center;min-height:calc(280 * var(--u));padding:calc(32 * var(--u))}.loading-splash.compact{min-height:calc(160 * var(--u));padding:calc(20 * var(--u))}.loading-splash-inner{display:flex;flex-direction:column;align-items:center;gap:calc(14 * var(--u))}.loading-ring{position:relative;width:calc(64 * var(--u));height:calc(64 * var(--u));display:grid;place-items:center}.loading-ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:calc(2.5 * var(--u)) solid var(--spinner-track);border-top-color:var(--spinner-head);border-right-color:var(--brand-300);animation:spinRing .9s linear infinite}.loading-ring .logo-plate{width:calc(44 * var(--u));height:calc(44 * var(--u));border-radius:calc(12 * var(--u));box-shadow:none}.loading-ring .logo-plate img{width:calc(32 * var(--u));height:calc(32 * var(--u))}.loading-label{font-size:calc(12.5 * var(--u));font-weight:600;color:var(--ink-muted);letter-spacing:.04em}@keyframes spinRing{to{transform:rotate(360deg)}}.inline-spinner{display:inline-flex;align-items:center;gap:calc(8 * var(--u));color:var(--ink-muted);font-size:calc(12.5 * var(--u));font-weight:600}.inline-spinner-dot{width:calc(12 * var(--u));height:calc(12 * var(--u));border-radius:999px;border:calc(2 * var(--u)) solid var(--spinner-track);border-top-color:var(--spinner-head);animation:spinRing .75s linear infinite}.table-skeleton{display:flex;flex-direction:column;gap:calc(10 * var(--u));padding:calc(14 * var(--u))}.table-skeleton-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:calc(10 * var(--u))}.table-skeleton-cell{height:calc(18 * var(--u));border-radius:calc(6 * var(--u));background:linear-gradient(90deg,var(--skeleton-a) 0%,var(--skeleton-b) 45%,var(--skeleton-a) 100%);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion: reduce){.loading-ring:before,.inline-spinner-dot,.table-skeleton-cell,.analytics-chart-skeleton-bar{animation:none!important}}.analytics-chart-skeleton{display:flex;align-items:flex-end;gap:calc(10 * var(--u));min-height:calc(180 * var(--u))}.analytics-chart-skeleton-bar{flex:1;border-radius:calc(6 * var(--u));background:linear-gradient(180deg,var(--skeleton-b) 0%,var(--skeleton-a) 100%);animation:analyticsPulse 1.4s ease-in-out infinite alternate}@keyframes analyticsPulse{0%{opacity:.45}to{opacity:1}}.analytics-chart{width:100%;min-width:0}.analytics-chart svg{shape-rendering:geometricPrecision;text-rendering:optimizeLegibility;width:100%;height:auto;display:block}.analytics-hbar>div{backface-visibility:hidden}.appearance-scope{display:flex;gap:calc(4 * var(--u));padding:calc(4 * var(--u));margin-bottom:calc(12 * var(--u));border-radius:calc(12 * var(--u));border:1px solid var(--glass-line-soft);background:var(--surface-inset)}.appearance-scope button{flex:1;min-height:calc(30 * var(--u));border-radius:calc(9 * var(--u));border:1px solid transparent;background:transparent;color:var(--ink-muted);font-size:calc(12 * var(--u));font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.appearance-scope button.active{color:var(--ink);background:var(--nav-active-bg);border-color:var(--nav-active-border)}.appearance-hint{margin:0 0 calc(12 * var(--u));font-size:calc(12 * var(--u));color:var(--ink-muted);line-height:1.45}.appearance-section{margin-bottom:calc(14 * var(--u))}.appearance-label{font-size:calc(11.5 * var(--u));font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:calc(8 * var(--u))}.appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(10 * var(--u));overflow:hidden;border-radius:calc(12 * var(--u))}.appearance-grid.fonts{grid-template-columns:repeat(3,minmax(0,1fr))}.appearance-card{display:flex;flex-direction:column;gap:calc(4 * var(--u));padding:calc(10 * var(--u));border-radius:calc(12 * var(--u));border:1px solid var(--glass-line-soft);background:var(--surface-raised);cursor:pointer;text-align:left;color:var(--ink);min-width:0;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.appearance-card:hover:not(:disabled){border-color:var(--nav-hover-border);transform:translateY(calc(-1 * var(--u)))}.appearance-card.selected{border-color:var(--field-focus);box-shadow:0 0 0 calc(2 * var(--u)) var(--field-focus-ring)}.appearance-card:disabled{opacity:.6;cursor:wait}.appearance-swatch{display:block;width:100%;height:calc(44 * var(--u));border-radius:calc(8 * var(--u));border:1px solid var(--glass-line-soft);background-size:cover}.appearance-font-preview{display:grid;place-items:center;width:100%;height:calc(44 * var(--u));border-radius:calc(8 * var(--u));border:1px solid var(--glass-line-soft);background:var(--surface-inset);font-size:calc(22 * var(--u));font-weight:600;color:var(--ink)}.appearance-card-title{font-size:calc(12.5 * var(--u));font-weight:650}.appearance-card-blurb{font-size:calc(11 * var(--u));color:var(--ink-faint)}.appearance-footer-row{display:flex;justify-content:flex-end;margin-top:calc(4 * var(--u))}.admin-appearance-card{margin-bottom:calc(14 * var(--u))}