:root{--ink:#eaf0f2;--muted:#91a2aa;--bg:#071012;--side:#0b1719;--panel:#102024;--line:#20363b;--acid:#bbf451;--blue:#73d6ff;--danger:#ff8a8a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -20%,#18383f 0,transparent 42%),var(--bg);color:var(--ink);min-height:100vh}a{color:inherit}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;background:color-mix(in srgb,var(--side) 94%,transparent);border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:750;margin:0 8px 26px}.brand b{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--acid);color:#122000}.brand span{letter-spacing:-.02em}nav{display:flex;flex-direction:column;gap:3px;overflow:auto}nav a{padding:9px 11px;border-radius:8px;text-decoration:none;color:var(--muted);font-size:14px}nav a:hover,nav a:focus-visible{background:#16292d;color:var(--ink);outline:none}.logout{margin-top:auto}.logout button,.pager{border:1px solid var(--line);background:transparent;color:var(--ink);padding:9px 12px;border-radius:8px;cursor:pointer}.content{padding:0 42px 64px;min-width:0}.topline{height:62px;border-bottom:1px solid var(--line);display:flex;justify-content:flex-end;align-items:center;color:var(--muted);font-size:12px;letter-spacing:.08em}.page-head{display:flex;justify-content:space-between;align-items:end;margin:42px 0 26px}.page-head h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;margin:4px 0}.page-head p{color:var(--muted);margin:0}.eyebrow{font-size:12px!important;text-transform:uppercase;letter-spacing:.16em;color:var(--acid)!important}.status{display:flex;gap:8px;align-items:center;color:var(--muted)}.status i{width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 16px var(--acid)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.metric,.panel{background:linear-gradient(145deg,#12262a,#0d1c1f);border:1px solid var(--line);box-shadow:0 22px 55px #0004}.metric{padding:22px;border-radius:14px}.metric span{color:var(--muted);font-size:13px}.metric strong{display:block;font-size:36px;margin-top:16px}.panel{border-radius:16px;overflow:hidden}.panel-head{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:17px}.panel-head span{font-size:12px;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px;background:#0c1a1d}th,td{padding:13px 16px;border-bottom:1px solid var(--line);max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tr:last-child td{border-bottom:0}.empty-cell{text-align:center;color:var(--muted);padding:50px}.pagination{padding:14px;display:flex;justify-content:flex-end;gap:8px}.pager{text-decoration:none}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);padding:40px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#13262a,#0a1517);box-shadow:0 30px 90px #0008}.login-card h1{font-size:38px;letter-spacing:-.045em;margin:8px 0 12px}.lede{color:var(--muted);line-height:1.6;margin-bottom:28px}.login-card form{display:grid;gap:16px}.login-card label{font-size:13px;color:var(--muted);display:grid;gap:7px}.login-card input{width:100%;border:1px solid var(--line);background:#071113;color:var(--ink);border-radius:9px;padding:12px;font:inherit}.login-card input:focus{outline:2px solid var(--blue);outline-offset:2px}.login-card button{margin-top:6px;background:var(--acid);color:#122000;border:0;border-radius:9px;padding:13px;font-weight:800;cursor:pointer}.alert{background:#3b2022;color:#ffc5c5;border:1px solid #6c3438;padding:11px;border-radius:8px}@media(max-width:900px){.app{grid-template-columns:1fr}aside{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}nav{display:grid;grid-template-columns:repeat(2,1fr);max-height:180px}.logout{margin-top:15px}.content{padding:0 18px 40px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.metrics{grid-template-columns:1fr}.page-head{align-items:start;flex-direction:column;gap:18px}.login-card{padding:26px}.login-card h1{font-size:32px}}@media(prefers-reduced-motion:no-preference){a,button,input{transition:background-color .16s,color .16s,border-color .16s}}

html,body{max-width:100%;overflow-x:hidden}.panel,.table-wrap,aside,nav,.content{min-width:0;max-width:100%}.table-wrap{overflow-x:auto}nav a{overflow-wrap:anywhere}