:root{--bg:#f3f5f9;--surface:#fff;--surface-2:#eef3fb;--text:#0f172a;--muted:#64748b;--border:#d8e1ef;--primary:#2563eb}:root[data-theme=dark]{--bg:#0b1220;--surface:#121a2b;--surface-2:#1b2438;--text:#e6edf8;--muted:#94a3b8;--border:#263247;--primary:#3b82f6}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}.layout{min-height:100%;display:flex}.sidebar{border-right:1px solid var(--border);background:var(--surface);width:240px;padding:16px}.content{flex:1;padding:20px}.topbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 1px 2px #00000008}.grid{gap:12px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}button,input,select{font:inherit}.input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:10px 12px}.btn{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 14px}.btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;padding:10px;font-size:13px}.muted{color:var(--muted)}@media (width<=900px){.layout{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--border);width:100%}.grid-2{grid-template-columns:1fr}}