:root{--bg:#f6f8fc;--surface:#fff;--border:#e7ebf3;--text:#161a24;--muted:#5e677c;--faint:#9aa2b4;--brand:#2d6bff;--grad:linear-gradient(98deg,#2d6bff,#16bdd6);--emerald:#10b981;--rose:#f0506e;--amber:#f59e0b}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}a{color:var(--brand)}.shell{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--surface);border-right:1px solid var(--border);padding:18px 0;flex-shrink:0}.brand{font-weight:800;font-size:16px;padding:0 20px 14px;display:flex;align-items:center;gap:9px}.brand .mark{width:30px;height:30px;border-radius:8px;background:var(--grad);display:grid;place-items:center;color:#fff;font-weight:800}.nav{display:block;width:100%;text-align:left;padding:9px 20px;border:0;background:none;color:var(--muted);font-size:13.5px;font-weight:550;cursor:pointer}.nav:hover{background:#f3f6fc;color:var(--text)}.nav.on{color:var(--brand);box-shadow:inset 3px 0 0 var(--brand);font-weight:650}.main{flex:1 1;min-width:0}.topbar{height:58px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;align-items:center;padding:0 22px;gap:12px}.topbar h1{font-size:16px;margin:0}.content{padding:22px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px}.grid{display:grid;grid-gap:14px;gap:14px}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.kpi .v{font-size:26px;font-weight:750;margin-top:6px}.kpi .l{color:var(--muted);font-size:12px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:8px;font-weight:600;font-size:13px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.btn:hover{border-color:var(--faint)}.btn-p{background:var(--grad);border:0;color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.field{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;font-size:13.5px;outline:none}.field:focus{border-color:var(--brand)}label{display:block;font-size:12px;color:var(--muted);margin:10px 0 4px;font-weight:600}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);padding:9px 12px}td,th{border-bottom:1px solid var(--border)}td{padding:10px 12px}.badge{display:inline-block;padding:2px 9px;border-radius:7px;font-size:11.5px;font-weight:650}.row{display:flex;align-items:center;gap:10px}.muted{color:var(--muted)}.center{min-height:100vh;display:grid;place-items:center}.auth{width:360px}.err{color:var(--rose)}.err,.ok{font-size:13px;margin-top:8px}.ok{color:var(--emerald)}