:root{--bg:#f4f7fb;--panel:#fff;--text:#14213d;--muted:#6b7891;--line:#e5eaf2;--brand:#3458e6;--brand2:#6d5dfc;--danger:#d94055;--shadow:0 10px 35px rgba(29,43,76,.07)}[data-theme=dark]{--bg:#101520;--panel:#192131;--text:#edf2ff;--muted:#9da9bf;--line:#2a3548;--shadow:0 12px 35px rgba(0,0,0,.2)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:68px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(24px,calc((100% - 1220px)/2));gap:38px;position:sticky;top:0;z-index:10}.brand{font-size:21px;font-weight:800;letter-spacing:-.8px}.brand span{color:var(--brand)}nav{display:flex;gap:26px}nav a{color:var(--muted);font-weight:600}nav a:hover{color:var(--brand)}.user{margin-left:auto;display:flex;align-items:center;gap:14px}.user form{margin:0}.link,.theme,.menu-toggle{border:0;background:none;color:var(--muted);cursor:pointer}.theme{font-size:20px}.menu-toggle{display:none;font-size:20px}.container{max-width:1220px;margin:0 auto;padding:40px 24px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.page-head h1{font-size:30px;margin:2px 0;letter-spacing:-1px}.eyebrow{font-size:11px;color:var(--brand);font-weight:800;letter-spacing:1.5px;margin:0}.muted{color:var(--muted);margin:3px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric,.panel,.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.metric{padding:20px}.metric span,.metric small{display:block;color:var(--muted)}.metric strong{display:block;font-size:25px;margin:10px 0 2px}.metric.danger strong{color:var(--danger)}.panel{padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel h2{margin:0;font-size:18px}.btn{border:1px solid var(--line);border-radius:9px;padding:10px 15px;font:inherit;font-weight:700;cursor:pointer;display:inline-block}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:white;border:0}.btn.ghost{background:var(--panel)}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}th,td{padding:14px 10px;border-bottom:1px solid var(--line)}tbody tr:last-child td{border-bottom:0}.badge{padding:4px 9px;border-radius:20px;background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand);font-size:12px;font-weight:700}.health{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.health.green{background:#20b982}.health.yellow{background:#f0b429}.health.red{background:#ef5261}.progress{width:90px;height:5px;background:var(--line);display:inline-block;border-radius:9px;margin-right:8px;overflow:hidden}.progress i{height:100%;display:block;background:var(--brand)}.empty{text-align:center;color:var(--muted);padding:36px}.block{display:block;color:var(--muted)}.pagination{display:flex;gap:6px;justify-content:flex-end;margin-top:18px}.pagination a{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;border:1px solid var(--line)}.pagination .active{background:var(--brand);color:white}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label,.stack label{font-weight:650;color:var(--muted)}input,select{width:100%;margin-top:6px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:9px;padding:11px 12px;font:inherit}.span-2{grid-column:span 2}.actions{text-align:right}.alert{padding:13px 16px;border-radius:9px;margin:0 0 18px}.alert.error{background:#fff0f2;color:#a9283b;border:1px solid #ffd3da}.auth-shell{min-height:100vh;display:grid;place-items:center}.auth-card{width:min(420px,100%);padding:36px}.auth-card h1{text-align:center;margin-bottom:4px}.auth-card>.muted{text-align:center;margin-bottom:24px}.auth-mark{margin:auto;width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-size:24px;font-weight:800}.stack{display:grid;gap:17px}.stack .btn{margin-top:5px}.state{text-align:center;padding:12vh 0}.state>strong{font-size:80px;color:var(--brand);line-height:1}.state h1{font-size:28px;margin:12px}.state .btn{margin-top:22px}@media(max-width:800px){.metrics{grid-template-columns:1fr 1fr}.topbar{padding:0 18px;gap:16px}.menu-toggle{display:block}.topbar nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--panel);padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}.topbar nav.open{display:flex}.user>span{display:none}.table-wrap{overflow:auto}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}}@media(max-width:480px){.container{padding:26px 15px}.metrics{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:16px;flex-direction:column}.panel{padding:15px}}