:root{--color-bg:#fff;--color-bg-subtle:#f7f8fa;--color-bg-muted:#eef0f3;--color-surface:#fff;--color-surface-hover:#f7f8fa;--color-border:#d8dce3;--color-border-strong:#b0b6c0;--color-text:#1a1d23;--color-text-secondary:#5a6170;--color-text-muted:#8a92a0;--color-text-inverse:#fff;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-accent-subtle:#eff6ff;--color-accent-border:#bfdbfe;--color-focus:#2563eb;--color-success:#15803d;--color-success-subtle:#f0fdf4;--color-warning:#b45309;--color-warning-subtle:#fffbeb;--color-danger:#b91c1c;--color-danger-subtle:#fef2f2;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--touch-target-min:44px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-full:9999px;--shadow-sm:0 1px 2px #1a1d230f;--shadow-md:0 2px 8px #1a1d2314;--shadow-lg:0 4px 16px #1a1d231a;--sidebar-width:260px;--sidebar-collapsed-width:64px;--topbar-height:56px;--content-max-width:1280px;--transition-fast:.12s ease;--transition-normal:.2s ease;--z-sidebar:100;--z-topbar:90;--z-overlay:200;--z-modal:300}@media (prefers-color-scheme:dark){:root{--color-bg:#1a1d23;--color-bg-subtle:#22262e;--color-bg-muted:#2a2f38;--color-surface:#22262e;--color-surface-hover:#2a2f38;--color-border:#3a4150;--color-border-strong:#4a5260;--color-text:#e8eaed;--color-text-secondary:#a8b0bc;--color-text-muted:#6a7280;--color-text-inverse:#1a1d23;--color-accent:#3b82f6;--color-accent-hover:#60a5fa;--color-accent-subtle:#1e3a5f;--color-accent-border:#2563eb;--color-success-subtle:#142a1e;--color-warning-subtle:#2a1f0e;--color-danger-subtle:#2a1414;--shadow-sm:0 1px 2px #0003;--shadow-md:0 2px 8px #00000040;--shadow-lg:0 4px 16px #0000004d}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh}#root{min-height:100vh}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-subtle)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--color-accent);color:var(--color-text-inverse);padding:var(--space-3) var(--space-4);border-radius:0 0 var(--radius-md) 0;z-index:var(--z-overlay);font-weight:var(--font-weight-semibold);position:absolute;top:-100px;left:0}.skip-link:focus{color:var(--color-text-inverse);text-decoration:none;top:0}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:background var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;border:1px solid #0000;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-accent);color:var(--color-text-inverse)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn--ghost{color:var(--color-text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-bg-muted);color:var(--color-text)}.btn--danger{background:var(--color-danger);color:var(--color-text-inverse)}.btn--danger:hover:not(:disabled){background:#991b1b}.btn--sm{min-height:36px;padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card--padded{padding:var(--space-6)}.card__header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.card__body{padding:var(--space-6)}.card__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);justify-content:flex-end;gap:var(--space-3);display:flex}.input,.select,.textarea{width:100%;min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);display:block}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--color-focus);outline-offset:-1px;border-color:var(--color-accent)}.input::placeholder{color:var(--color-text-muted)}.textarea{resize:vertical;min-height:96px}.field{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.field__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.field__error{font-size:var(--font-size-xs);color:var(--color-danger)}.badge{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background:var(--color-bg-muted);color:var(--color-text-secondary);align-items:center;display:inline-flex}.badge--accent{background:var(--color-accent-subtle);color:var(--color-accent)}.badge--success{background:var(--color-success-subtle);color:var(--color-success)}.badge--warning{background:var(--color-warning-subtle);color:var(--color-warning)}.badge--danger{background:var(--color-danger-subtle);color:var(--color-danger)}.table{border-collapse:collapse;width:100%}.table thead th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);white-space:nowrap}.table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-surface-hover)}.table tbody tr:last-child td{border-bottom:none}.table--clickable tbody tr{cursor:pointer}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-muted)}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;grid-template-areas:"sidebar topbar""sidebar content";min-height:100vh;display:grid}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);height:100vh;z-index:var(--z-sidebar);flex-direction:column;grid-area:sidebar;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__brand{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);height:var(--topbar-height);border-bottom:1px solid var(--color-border);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);flex-shrink:0;display:flex}.sidebar__brand-mark{background:var(--color-accent);width:32px;height:32px;color:var(--color-text-inverse);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);justify-content:center;align-items:center;display:inline-flex}.sidebar__nav{padding:var(--space-4) var(--space-2);gap:var(--space-4);flex-direction:column;flex:1;display:flex}.nav-group__label{padding:0 var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1)}.nav-group__toggle{cursor:pointer;text-align:left;border-radius:var(--radius-md);background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;font-family:inherit;display:flex}.nav-group__toggle:hover{color:var(--color-text-secondary)}.nav-group__chevron{font-size:var(--font-size-xs)}.nav-group__items{flex-direction:column;gap:2px;display:flex}.nav-item{align-items:center;gap:var(--space-3);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-base);transition:background var(--transition-fast), color var(--transition-fast);text-decoration:none;display:flex}.nav-item:hover{background:var(--color-bg-muted);color:var(--color-text);text-decoration:none}.nav-item--active{background:var(--color-accent-subtle);color:var(--color-accent);font-weight:var(--font-weight-medium)}.nav-item__icon{font-size:var(--font-size-lg);text-align:center;flex-shrink:0;width:24px}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 var(--space-6);z-index:var(--z-topbar);grid-area:topbar;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.topbar__actions{align-items:center;gap:var(--space-3);display:flex}.content{padding:var(--space-6);max-width:var(--content-max-width);grid-area:content;width:100%;overflow-x:auto}@media (width<=768px){.app-shell{grid-template-columns:1fr;grid-template-areas:"topbar""content"}.sidebar{width:var(--sidebar-width);transition:left var(--transition-normal);position:fixed;left:-100%}.sidebar--open{box-shadow:var(--shadow-lg);left:0}.sidebar__toggle{display:inline-flex!important}}.sidebar__toggle{min-height:var(--touch-target-min);min-width:var(--touch-target-min);border-radius:var(--radius-md);justify-content:center;align-items:center;display:none}.login-page{min-height:100vh;padding:var(--space-4);background:var(--color-bg-subtle);justify-content:center;align-items:center;display:flex}.login-page .card{width:100%;max-width:420px}