:root{--background:#f7f4ed;--panel:#fffcf7;--ink:#172019;--muted:#667168;--line:#dde1da;--accent:#f26b2d;--side:#10231a;--ok:#087443;--bad:#b42318;--warn:#a15c07;--shadow:0 18px 50px #17201912}*{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:44px;color:var(--ink);background:#fff;border-radius:12px;padding:0 11px}button,select{transition:border-color .16s,background-color .16s,transform .16s}button:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #f26b2d47}.shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--side);color:#f8faf8;border-right:1px solid #202521;height:100vh;padding:22px 16px;position:sticky;top:0}.brand{align-items:center;gap:10px;margin-bottom:26px;font-size:18px;font-weight:800;display:flex}.brand img{object-fit:contain;width:38px;height:38px}.brand span{gap:1px;display:grid}.brand small{color:#93a299;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.nav{gap:4px;display:grid}.nav button{color:#d9dedb;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:43px;padding:0 11px;display:flex}.nav button.active,.nav button:hover{color:#fff;background:#1d392a;border-color:#33533e}.main{min-width:0;padding:28px clamp(20px,3vw,44px)}.topbar,.topbar-actions{align-items:center;gap:14px;display:flex}.topbar{justify-content:space-between;margin-bottom:18px}.title h1{letter-spacing:-.04em;margin:0;font-size:clamp(26px,3vw,36px)}.title p{color:var(--muted);margin:4px 0 0}.button,.icon-button{border:1px solid var(--line);background:var(--panel);min-height:40px;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.button:not(:disabled):hover,.icon-button:not(:disabled):hover{border-color:#b9c1ba;transform:translateY(-1px)}.button.primary:not(:disabled):hover{background:#db5620;border-color:#db5620}.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);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px;display:grid;overflow:hidden}.metric{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:100px;padding:20px}.metric span{color:var(--muted);text-transform:uppercase;font-size:12px}.metric strong{letter-spacing:-.04em;margin-top:8px;font-size:30px;display:block}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;margin-bottom:20px;overflow:hidden}.panel-header{border-bottom:1px solid var(--line);align-items:center;min-height:58px;padding:0 20px;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;letter-spacing:.06em;z-index:1;background:#faf8f2;font-size:12px;position:sticky;top:0}.status{min-height:24px;color:var(--muted);background:#eef1eb;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{background:linear-gradient(120deg, #10231af5, #10231ae6), var(--side);place-items:center;min-height:100vh;padding:28px;display:grid}.login-panel{border:1px solid var(--line);background:var(--panel);border-radius:24px;width:min(420px,100%);padding:36px;box-shadow:0 30px 100px #00000047}.login-panel img{object-fit:contain;width:58px;height:58px}.eyebrow{color:#b84619;letter-spacing:.12em;margin-top:24px;font-size:11px;font-weight:900;display:block}.login-panel h1{letter-spacing:-.05em;margin:8px 0;font-size:36px}.login-panel p{color:var(--muted);margin:0 0 22px;line-height:1.55}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{z-index:20;height:auto;padding:12px 14px;position:sticky;overflow:hidden}.brand{margin-bottom:10px}.nav{padding-bottom:3px;display:flex;overflow-x:auto}.nav button{flex:none;width:auto}.metric-strip{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}