:root{--bg:oklch(100% 0 0);--surface:oklch(97% .002 0);--surface-2:oklch(94% .003 0);--ink:oklch(20% .005 0);--muted:oklch(48% .006 0);--border:oklch(90% .003 0);--primary:oklch(42% .15 5);--primary-hover:oklch(36% .16 5);--accent:oklch(50% .12 220);--success:oklch(50% .13 145);--warning:oklch(65% .15 85);--danger:oklch(50% .19 25);--danger-hover:oklch(44% .19 25);--on-color:oklch(100% 0 0);--shadow-floating:0 8px 24px oklch(0% 0 0/.16);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sidebar-w:15rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:oklch(9% 0 0);--surface:oklch(15% .002 0);--surface-2:oklch(20% .003 0);--ink:oklch(95% .003 0);--muted:oklch(68% .006 0);--border:oklch(26% .003 0);--primary:oklch(58% .16 5);--primary-hover:oklch(64% .16 5);--accent:oklch(68% .13 220);--success:oklch(68% .14 145);--warning:oklch(78% .15 85);--danger:oklch(65% .2 25);--danger-hover:oklch(70% .2 25);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:oklch(9% 0 0);--surface:oklch(15% .002 0);--surface-2:oklch(20% .003 0);--ink:oklch(95% .003 0);--muted:oklch(68% .006 0);--border:oklch(26% .003 0);--primary:oklch(58% .16 5);--primary-hover:oklch(64% .16 5);--accent:oklch(68% .13 220);--success:oklch(68% .14 145);--warning:oklch(78% .15 85);--danger:oklch(65% .2 25);--danger-hover:oklch(70% .2 25);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:.9375rem;line-height:1.55}h1,h2,h3{margin:0 0 var(--space-md);text-wrap:balance;font-weight:600;line-height:1.25}h1{letter-spacing:-.01em;font-size:1.75rem}h2{font-size:1.125rem}p{margin:0 0 var(--space-md)}a{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn{align-items:center;gap:var(--space-xs);font:inherit;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--on-color)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-ghost{color:var(--ink);border-color:var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:var(--danger);color:var(--on-color)}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-sm{padding:.3rem .7rem;font-size:.8125rem}.field{gap:var(--space-xs);margin-bottom:var(--space-md);flex-direction:column;display:flex}.field-label{color:var(--muted);font-size:.8125rem;font-weight:500}.field-row{gap:var(--space-md);flex-wrap:wrap;display:flex}input[type=text],input[type=number],input[type=email],input[type=search],input[type=time],input[type=date],input[type=datetime-local],input[type=color],select,textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .65rem;font-size:.9375rem}textarea{resize:vertical;min-height:5rem}input:focus,select:focus,textarea:focus{border-color:var(--primary)}.form-error{color:var(--danger);font-size:.875rem}.panel{background:var(--surface);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);border:1px solid #0000}:root[data-theme=dark] .panel{border-color:var(--border)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .panel{border-color:var(--border)}}.table-wrap{margin-bottom:var(--space-lg);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9375rem}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:.6rem .75rem;font-size:.8125rem;font-weight:500}td{border-top:1px solid var(--border);vertical-align:middle;padding:.6rem .75rem}tr.zebra:nth-child(2n) td{background:var(--surface)}.badge{border-radius:var(--radius-full);color:var(--on-color);background:var(--muted);align-items:center;gap:.3em;padding:.2rem .65rem;font-size:.8125rem;font-weight:500;display:inline-flex}.badge-success{background:var(--success)}.badge-warning{background:var(--warning);color:oklch(20% .02 85)}.badge-danger{background:var(--danger)}.badge-neutral{background:var(--surface-2);color:var(--muted)}.empty-state{color:var(--muted);padding:var(--space-lg);text-align:center}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:var(--space-lg) var(--space-md);gap:var(--space-lg);flex-direction:column;display:flex}.sidebar-brand{align-items:center;gap:var(--space-sm);padding:0 var(--space-sm);font-size:1.05rem;font-weight:600;display:flex}.sidebar-nav{gap:var(--space-xs);flex-direction:column;display:flex}.nav-item{align-items:center;gap:var(--space-sm);padding:.55rem var(--space-sm);border-radius:var(--radius-sm);color:var(--muted);border-left:3px solid #0000;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .15s ease-out,color .15s ease-out;display:flex}.nav-item svg{flex-shrink:0}.nav-item:hover{background:var(--surface-2);color:var(--ink)}.nav-item.active{color:var(--primary);border-left-color:var(--primary);background:var(--surface-2)}.sidebar-footer{gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border);flex-direction:column;margin-top:auto;display:flex}.main-area{flex-direction:column;min-width:0;display:flex}.topbar{padding:var(--space-md);border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;display:none}.content{padding:var(--space-xl);flex:1}.user-chip{align-items:center;gap:var(--space-sm);color:var(--muted);font-size:.875rem;display:flex}.theme-toggle{border-radius:var(--radius-sm);border:1px solid var(--border);width:2.25rem;height:2.25rem;color:var(--ink);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{background:var(--surface-2)}.toast-stack{z-index:1000;gap:var(--space-sm);flex-direction:column;max-width:20rem;display:flex;position:fixed;top:1rem;right:1rem}.toast{background:var(--ink);color:var(--bg);border-radius:var(--radius-md);box-shadow:var(--shadow-floating);padding:.75rem 2rem .75rem 1rem;animation:.2s cubic-bezier(.16,1,.3,1) toast-in;position:relative}.toast strong{margin-bottom:.25rem;display:block}.toast p{opacity:.85;margin:0;font-size:.875rem}.toast-dismiss{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1;position:absolute;top:.5rem;right:.5rem}.toast-dismiss:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}@media (width<=768px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.sidebar.open{z-index:900;box-shadow:var(--shadow-floating);display:flex;position:fixed;inset:0 25% 0 0}.topbar{display:flex}}