:root{color-scheme:dark;--bg:#071018;--panel:#0e1b26;--line:#233746;--text:#f8fbff;--muted:#9fb0bd;--cyan:#18d5df;--green:#52e39b;--red:#ff6b7a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px Inter,system-ui,sans-serif}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#123545,var(--bg) 55%)}form{width:min(420px,100%);padding:36px;border:1px solid var(--line);border-radius:18px;background:rgba(14,27,38,.96);box-shadow:0 24px 80px #0008}.brand{font-weight:900;letter-spacing:.12em;font-size:20px}.brand span{color:var(--cyan)}h1{font-size:26px;margin:14px 0 26px}label{display:grid;gap:8px;color:var(--muted);margin:16px 0}input{background:#08131c;border:1px solid var(--line);border-radius:9px;padding:13px;color:white;font:inherit}button{border:0;border-radius:9px;padding:12px 16px;background:var(--cyan);color:#041014;font-weight:800;cursor:pointer}form button{width:100%;margin-top:8px}.error{color:var(--red);min-height:20px}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}aside{position:sticky;top:0;height:100vh;padding:28px 20px;background:#09151e;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:28px}nav{display:grid;gap:7px}nav button,.logout{background:transparent;color:var(--muted);text-align:left}.logout{margin-top:auto;color:var(--red)}main{padding:32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:28px}header small{color:var(--cyan);letter-spacing:.15em}header h1{margin:5px 0 20px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.card,.table-wrap,.notice{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:20px}.card small,.muted{color:var(--muted)}.card strong{display:block;font-size:30px;margin-top:10px}.table-wrap{overflow:auto;margin-top:16px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--cyan);font-size:12px;text-transform:uppercase}.pill{padding:4px 8px;border-radius:99px;background:#173242;color:var(--green)}.notice{margin-bottom:12px}.notice strong{color:var(--cyan)}@media(max-width:760px){.shell{display:block}aside{position:static;height:auto}.shell aside nav{display:flex;overflow:auto}.shell aside nav button{white-space:nowrap}.logout{margin:0}main{padding:20px}header{align-items:flex-start}}