:root{--bg: #f4f6fa;--surface: #ffffff;--surface-2: #f0f2f6;--border: #e2e6ee;--text: #1a1f2c;--text-muted: #6b7480;--primary: #4f46e5;--primary-hover: #4338ca;--danger: #dc2626;--success: #16a34a;--shadow: 0 2px 8px rgba(20, 30, 60, .08)}:root[data-theme=dark]{--bg: #0f1115;--surface: #181b22;--surface-2: #1f232c;--border: #2a2f3a;--text: #e6e8ee;--text-muted: #9aa3b2;--primary: #818cf8;--primary-hover: #a5b0fb;--danger: #f87171;--success: #4ade80;--shadow: 0 2px 10px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;background:var(--bg);color:var(--text);transition:background .2s,color .2s}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}button{font-family:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.55rem .95rem;border-radius:8px;font-size:.92rem;transition:background .15s,border .15s,transform .05s}button:hover:not(:disabled){background:var(--surface-2)}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.primary:hover:not(:disabled){background:var(--primary-hover)}button.danger{color:var(--danger);border-color:var(--danger)}button.danger:hover:not(:disabled){background:#dc26261a}button.ghost{background:transparent;border-color:transparent}input,select,textarea{font-family:inherit;font-size:.92rem;width:100%;padding:.55rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:-1px}label{font-size:.85rem;color:var(--text-muted);margin-bottom:.25rem;display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow)}.row{display:flex;gap:.75rem}.col{display:flex;flex-direction:column}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.end{align-items:flex-end}.between{justify-content:space-between}.center{justify-content:center;align-items:center}.wrap{flex-wrap:wrap}.flex-1{flex:1}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-2{margin-bottom:1rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}table.data{width:100%;border-collapse:collapse;font-size:.9rem}table.data th,table.data td{padding:.7rem;text-align:left;border-bottom:1px solid var(--border)}table.data th{color:var(--text-muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}table.data tr:hover td{background:var(--surface-2)}.badge{display:inline-block;padding:.2rem .5rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:.75rem;color:var(--text-muted)}.alert{padding:.7rem .9rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.88rem}.alert.error{color:var(--danger);border-color:var(--danger);background:#dc262614}.alert.success{color:var(--success);border-color:var(--success);background:#16a34a14}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:26px;height:26px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}