:root{--bg:#0b1220;--panel:#121a2b;--muted:#8ea0bf;--text:#edf3ff;--accent:#5aa4ff;--border:#22304d;--good:#17331d;--goodb:#2b7f3f}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#08111f,#0d1728);color:var(--text)}
a{color:#9bc3ff;text-decoration:none}a:hover{text-decoration:underline}.shell{display:flex;min-height:100vh}.sidebar{width:230px;background:#0a1020;padding:22px;border-right:1px solid var(--border)}.sidebar nav{display:grid;gap:10px;margin-top:20px}.sidebar a{padding:10px 12px;background:#111a2d;border:1px solid var(--border);border-radius:10px}.content{flex:1;padding:24px}.card{background:rgba(18,26,43,.96);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 12px 30px rgba(0,0,0,.25)}.narrow{max-width:420px;margin:40px auto}.grid{display:grid;gap:18px}.cols-2{grid-template-columns:1fr 1fr}.cols-3{grid-template-columns:repeat(3,1fr)}.tight{gap:12px}.stack{display:grid;gap:12px}.label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.metric{font-size:32px;font-weight:700;margin-top:6px}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}input,select,textarea,button{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--border);background:#0b1323;color:var(--text)}button{background:var(--accent);color:#09111e;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.05)}.flash{background:var(--good);border:1px solid var(--goodb);padding:12px 14px;border-radius:12px;margin-bottom:16px}.table-wrap{max-height:70vh;overflow:auto}.link-btn{background:none;border:none;color:#9bc3ff;width:auto;padding:0;display:inline}
@media(max-width:900px){.shell{display:block}.sidebar{width:auto}.cols-2,.cols-3{grid-template-columns:1fr}}