:root{--background:#f6f7f8;--panel:#fff;--ink:#151816;--muted:#66736c;--line:#d9dfdc;--accent:#f26b2d;--side:#171b19;--ok:#087443;--bad:#b42318;--warn:#a15c07}*{box-sizing:border-box}body{background:var(--background);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}select{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#fff;border-radius:8px;padding:0 11px}.shell{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--side);color:#f8faf8;border-right:1px solid #202521;height:100vh;padding:18px 14px;position:sticky;top:0}.brand{align-items:center;gap:10px;margin-bottom:22px;font-size:18px;font-weight:800;display:flex}.brand img{object-fit:contain;width:30px;height:30px}.nav{gap:5px;display:grid}.nav button{color:#d9dedb;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 11px;display:flex}.nav button.active,.nav button:hover{color:#fff;background:#252b27;border-color:#3c443f}.main{min-width:0;padding:22px}.topbar,.topbar-actions{align-items:center;gap:14px;display:flex}.topbar{justify-content:space-between;margin-bottom:18px}.title h1{margin:0;font-size:24px}.title p{color:var(--muted);margin:4px 0 0}.button,.icon-button{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.icon-button{width:40px;padding:0}.metric-strip{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px;display:grid;overflow:hidden}.metric{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:82px;padding:14px}.metric span{color:var(--muted);text-transform:uppercase;font-size:12px}.metric strong{margin-top:8px;font-size:26px;display:block}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-bottom:16px;overflow:hidden}.panel-header{border-bottom:1px solid var(--line);align-items:center;min-height:50px;padding:0 15px;display:flex}.panel-header h2{margin:0;font-size:16px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:11px 12px;font-size:13px}th{color:var(--muted);text-transform:uppercase;font-size:12px}.status{min-height:24px;color:var(--muted);background:#eef1f3;border-radius:999px;align-items:center;padding:0 9px;font-size:12px;display:inline-flex}.status.active,.status.online,.status.in_session{color:var(--ok);background:#e4f6ec}.status.revoked,.status.suspended,.status.disabled{color:var(--bad);background:#fdebea}.notice,.empty-state{color:var(--muted);padding:14px}.notice{border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:16px}.notice.error{color:var(--bad);border-color:#ddb4ad}.ops-list{display:grid}.ops-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:14px 15px;display:flex}.ops-list div:last-child{border-bottom:0}.ops-list span{color:var(--muted)}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--line);background:#fff;border-radius:8px;width:min(420px,100%);padding:26px}.login-panel img{width:44px;height:44px}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.metric-strip{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch}}