:root{--bg:#f7f7fb;--surface:#fff;--text:#1d1f23;--muted:#6b7280;--primary:#2563eb;--primary-contrast:#fff;--border:#e5e7eb;--danger:#ef4444;--warning:#f59e0b;--success:#10b981;--shadow:0 8px 20px rgba(0,0,0,.06);}.theme-dark{--bg:#0f1216;--surface:#151a21;--text:#e5e7eb;--muted:#9aa1aa;--primary:#60a5fa;--primary-contrast:#0b1020;--border:#242a33;--danger:#f87171;--warning:#fbbf24;--success:#34d399;--shadow:0 8px 22px rgba(0,0,0,.35);}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.brand{margin:0;font-size:1.25rem}.brand span{color:var(--primary)}.topbar .actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.input{border:1px solid var(--border);background:transparent;color:var(--text);padding:.55rem .7rem;border-radius:.6rem;min-width:210px}.layout{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 56px)}.sidebar{border-right:1px solid var(--border);background:var(--surface);padding:.75rem}.sidebar nav{display:flex;flex-direction:column;gap:.25rem}.nav-link{display:flex;gap:.5rem;align-items:center;padding:.6rem .75rem;border-radius:.6rem;border:1px solid transparent}.nav-link.active{background:rgba(37,99,235,.12);border-color:var(--border)}.content{padding:1rem}.btn{background:var(--primary);color:var(--primary-contrast);border:none;border-radius:.6rem;padding:.55rem .8rem;cursor:pointer}.btn.subtle{background:transparent;border:1px solid var(--border);color:var(--text)}.btn.danger{background:var(--danger)}.btn.success{background:var(--success)}.icon-btn{background:transparent;border:1px solid var(--border);border-radius:.6rem;padding:.45rem .6rem;cursor:pointer;color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;box-shadow:var(--shadow);padding:1rem}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.65rem .6rem;border-bottom:1px solid var(--border);text-align:left}.table th{color:var(--muted);font-weight:600;font-size:.9rem}.badge{display:inline-block;padding:.2rem .5rem;border-radius:.5rem;border:1px solid var(--border);font-size:.8rem}.badge.success{background:rgba(16,185,129,.12)}.badge.warning{background:rgba(245,158,11,.14)}.badge.danger{background:rgba(239,68,68,.14)}.footer{text-align:center;color:var(--muted);padding:1rem 0}.grid{display:grid;gap:1rem}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.right{margin-left:auto}@media (max-width:720px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;inset:56px auto 0 0;width:80%;max-width:320px;transform:translateX(-100%);transition:transform .2s ease}.sidebar.open{transform:translateX(0)}.topbar .input{display:none}}.modal{display:none}.modal.open{display:block}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.3)}.modal-dialog{position:fixed;inset:0;margin:auto;max-width:680px;width:calc(100% - 2rem);background:var(--surface);border:1px solid var(--border);border-radius:1rem;box-shadow:var(--shadow);max-height:86vh;overflow:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border)}.modal-body{padding:1rem}