:root{--bg: #FFFFFF;--surface: #FAFAFA;--surface-elevated: #F5F5F5;--surface-inset: #F0F0F2;--surface-secondary: #F5F5F5;--border: #E5E5E7;--border-strong: #D4D4D7;--text-primary: #05070C;--text-secondary: #5A5A62;--text-tertiary: #8E8E96;--icon-muted: #8E8E96;--inverse-bg: #05070C;--inverse-fg: #FFFFFF;--hover-overlay: rgba(0,0,0,.04);--active-overlay: rgba(0,0,0,.08);--bg-hover: rgba(0,0,0,.04);--bg-selected: rgba(31,78,140,.08);--bg-muted: #F5F5F5;--border-focus: #1F4E8C;--accent-primary: #1F4E8C;--accent-hover: #1A4276;--accent-active: #15355F;--accent-soft: rgba(31,78,140,.1);--backdrop: rgba(5,7,12,.45);--focus-ring: 0 0 0 3px rgba(31,78,140,.35);--success: #16A34A;--success-soft: rgba(22,163,74,.1);--success-bg: rgba(22,163,74,.1);--success-border: rgba(22,163,74,.38);--warning: #D97706;--warning-soft: rgba(217,119,6,.1);--warning-bg: rgba(217,119,6,.12);--warning-border: rgba(217,119,6,.4);--error: #DC2626;--error-soft: rgba(220,38,38,.1);--error-bg: rgba(220,38,38,.1);--error-border: rgba(220,38,38,.4);--danger: #DC2626;--danger-bg: rgba(220,38,38,.1);--danger-border: rgba(220,38,38,.4);--info: #2563EB;--info-soft: rgba(37,99,235,.1);--info-bg: rgba(37,99,235,.1);--info-border: rgba(37,99,235,.38);--neutral: #6B7280;--neutral-bg: rgba(107,114,128,.1);--neutral-border: rgba(107,114,128,.32);--color-error: var(--error);--color-success: var(--success);--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--line-height-tight: 1.25;--line-height-normal: 1.5;--font-weight-medium: 500;--font-weight-semibold: 600;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(5,7,12,.06);--shadow-md: 0 4px 12px rgba(5,7,12,.1);--shadow-dropdown: 0 4px 12px rgba(5,7,12,.1);--shadow-menu: 0 4px 12px rgba(5,7,12,.1);--shadow-modal: 0 16px 48px rgba(5,7,12,.18);--shadow-focus: 0 0 0 3px rgba(31,78,140,.35);--topbar-height: 56px;--sidebar-width: 232px;--sidebar-expanded-width: 232px;--sidebar-collapsed-width: 56px;--admin-sidebar-width: 200px;--page-gutter: 24px;--card-padding: 20px;--table-row-height: 44px;--admin-sidebar-bg: #0A0A0C;--admin-sidebar-fg: #FFFFFF;--admin-sidebar-fg-muted: rgba(255,255,255,.62);--admin-sidebar-fg-faint: rgba(255,255,255,.4);--admin-sidebar-active-bg: rgba(255,255,255,.08);--admin-sidebar-active-border: #FFFFFF;--admin-sidebar-border: rgba(255,255,255,.14);--bg-page: var(--bg);--bg-shell: var(--bg);--bg-sidebar: var(--bg);--bg-topbar: var(--bg);--bg-surface: var(--surface);--bg-surface-raised: var(--surface-elevated);--bg-surface-inset: var(--surface-inset);--border-subtle: var(--border);--text-muted: var(--text-tertiary);--text-inverse: var(--inverse-fg)}[data-theme=dark]{--bg: #05070C;--surface: #0E0E12;--surface-elevated: #17171B;--surface-inset: #0A0A0E;--surface-secondary: #17171B;--border: #1F1F25;--border-strong: #2F2F35;--text-primary: #F5F5F5;--text-secondary: #A0A0A8;--text-tertiary: #62626C;--icon-muted: #62626C;--hover-overlay: rgba(255,255,255,.05);--active-overlay: rgba(255,255,255,.09);--bg-hover: rgba(255,255,255,.05);--bg-selected: rgba(91,141,239,.16);--bg-muted: #17171B;--border-focus: #5B8DEF;--accent-primary: #5B8DEF;--accent-hover: #7AA5F5;--accent-active: #4A7BD8;--accent-soft: rgba(91,141,239,.16);--backdrop: rgba(0,0,0,.6);--focus-ring: 0 0 0 3px rgba(91,141,239,.45);--success: #22C55E;--success-soft: rgba(34,197,94,.16);--success-bg: rgba(34,197,94,.16);--success-border: rgba(34,197,94,.42);--warning: #F59E0B;--warning-soft: rgba(245,158,11,.16);--warning-bg: rgba(245,158,11,.16);--warning-border: rgba(245,158,11,.44);--error: #EF4444;--error-soft: rgba(239,68,68,.16);--error-bg: rgba(239,68,68,.16);--error-border: rgba(239,68,68,.44);--danger: #EF4444;--danger-bg: rgba(239,68,68,.16);--danger-border: rgba(239,68,68,.44);--info: #3B82F6;--info-soft: rgba(59,130,246,.16);--info-bg: rgba(59,130,246,.16);--info-border: rgba(59,130,246,.42);--neutral: #9CA3AF;--neutral-bg: rgba(156,163,175,.14);--neutral-border: rgba(156,163,175,.34);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-dropdown: 0 4px 12px rgba(0,0,0,.5);--shadow-menu: 0 4px 12px rgba(0,0,0,.55);--shadow-modal: 0 16px 48px rgba(0,0,0,.6);--shadow-focus: 0 0 0 3px rgba(91,141,239,.45);--admin-sidebar-bg: #0A0A0E;--admin-sidebar-active-bg: rgba(255,255,255,.06);--admin-sidebar-border: rgba(255,255,255,.1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased}@media(prefers-reduced-motion:no-preference){*,:before,:after{transition:color .12s ease,background-color .12s ease,border-color .12s ease,box-shadow .15s ease,transform .15s ease,opacity .12s ease}}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.card-hover{transition:box-shadow .15s ease,transform .15s ease}.card-hover:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-hover{transition:opacity .12s ease}.btn-hover:hover{opacity:.85}@keyframes mz-pulse{0%,to{opacity:1}50%{opacity:.4}}.mz-pulse{animation:mz-pulse 1.5s ease-in-out infinite}@keyframes mz-spin{to{transform:rotate(360deg)}}.mz-spin{animation:mz-spin .6s linear infinite}