:root{--brand-50:#faf5f1;--brand-100:#f5ede7;--brand-200:#e4d3c6;--brand-300:#c9a88f;--brand-400:#a0714e;--brand-500:#855233;--brand-600:#6b4028;--brand-700:#55321f;--brand-800:#3f2517;--brand-900:#2a1810;--canvas:#faf8f6;--surface:#fff;--surface-2:#f4f1ee;--surface-hover:#efeae5;--border:#e7e1db;--border-strong:#d5ccc3;--text:#2a211c;--text-secondary:#6b615a;--text-muted:#9a8f86;--text-on-brand:#fff;--success:#2e7d5b;--success-bg:#e8f3ee;--warning:#b7791f;--warning-bg:#fbf2e0;--danger:#b4443a;--danger-bg:#fbebe9;--info:#3a6ea5;--info-bg:#e9f0f7;--gold:#c9a227;--gold-bg:#faf3dc;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--shadow-xs:0 1px 2px #2a211c0f;--shadow-sm:0 2px 6px #2a211c12;--shadow-md:0 6px 16px #2a211c17;--shadow-lg:0 16px 40px #2a211c1f;--shadow-brand:0 4px 14px #6b402838;--font-sans:"Inter var", -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.5rem;--dur-instant:90ms;--dur-fast:.16s;--dur-base:.24s;--dur-slow:.32s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--ease-enter:cubic-bezier(.16, 1, .3, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--canvas);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}.tabular-nums{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);min-height:44px;font:inherit;font-weight:550;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), transform var(--dur-instant) var(--ease-standard);border:1px solid #0000;padding:10px 18px;display:inline-flex}.btn:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.btn:disabled{cursor:not-allowed}.btn-primary{background:var(--brand-600);color:var(--text-on-brand);box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){background:var(--brand-500)}.btn-primary:active:not(:disabled){background:var(--brand-700);box-shadow:var(--shadow-xs);transform:translateY(1px)}.btn-primary:disabled{background:var(--brand-300);box-shadow:none}.btn-secondary{background:var(--surface);color:var(--brand-600);border-color:var(--brand-200)}.btn-secondary:hover:not(:disabled){background:var(--brand-50)}.btn-secondary:active:not(:disabled){background:var(--brand-100)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-hover)}.field{gap:var(--space-1);display:grid}.field label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:600}.field input{font:inherit;font-size:var(--text-base);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);min-height:44px;transition:border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);padding:10px 12px}.field input:focus-visible{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100);outline:none}.field .hint{font-size:var(--text-xs);color:var(--text-muted)}.field .error{font-size:var(--text-xs);color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.badge{font-size:var(--text-xs);border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 9px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-neutral{background:var(--surface-2);color:var(--text-secondary)}.page-enter{animation:page-enter var(--dur-base) var(--ease-enter) both}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}table.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}table.data-table th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}table.data-table td{padding:var(--space-3);border-bottom:1px solid var(--border);vertical-align:middle}table.data-table tr:last-child td{border-bottom:none}.toggle{border-radius:var(--radius-full);background:var(--border-strong);cursor:pointer;width:40px;height:24px;transition:background-color var(--dur-fast) var(--ease-standard);border:none;flex-shrink:0;position:relative}.toggle[data-on=true]{background:var(--brand-600)}.toggle:after{content:"";width:18px;height:18px;transition:transform var(--dur-fast) var(--ease-standard);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle[data-on=true]:after{transform:translate(16px)}.login-screen{background:var(--canvas);min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.login-card{width:100%;max-width:380px}.login-brand{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);display:flex}.login-mark{border-radius:var(--radius-md);background:var(--brand-600);color:#fff;place-items:center;width:2.2rem;height:2.2rem;display:grid}.login-brand b{font-size:1.2rem}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:var(--space-4) var(--space-3)}.sidebar-brand{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-6);display:flex}.sidebar-mark{border-radius:var(--radius-sm);background:var(--brand-600);color:#fff;place-items:center;width:1.9rem;height:1.9rem;font-size:.95rem;display:grid}.sidebar-nav{gap:2px;display:grid;position:relative}.sidebar-link{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);transition:background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);padding:10px 12px;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{background:var(--surface-hover)}.sidebar-link.active{background:var(--brand-100);color:var(--brand-600);font-weight:600}.sidebar-indicator{border-radius:var(--radius-full);background:var(--brand-600);width:3px;position:absolute;top:6px;bottom:6px;left:-12px}.sidebar-icon{text-align:center;width:1.2rem}.shell-main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);height:60px;padding:0 var(--space-6);justify-content:space-between;align-items:center;display:flex}.topbar-user{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.shell-content{padding:var(--space-6)}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.loading-screen{min-height:100vh;color:var(--text-secondary);place-items:center;display:grid}@media (width<=640px){.shell{grid-template-columns:1fr}.sidebar{display:none}.form-grid{grid-template-columns:1fr}}