*{box-sizing:border-box}body,html{margin:0;padding:0;background:#07111f;color:#f5f8fd;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{min-height:100vh;background:radial-gradient(circle at 20% 0,rgba(42,129,208,.18),transparent 34%),#07111f}.topbar{height:68px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#081525}.brand{font-weight:900;letter-spacing:.08em}.content{padding:24px;max-width:1500px;margin:0 auto}.card{background:#0d1d30;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.metric b{display:block;font-size:28px;margin-top:6px}.muted{color:#93a8bd}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#10243c;color:#fff}.btn.primary{background:#168ee0}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);background:rgba(11,27,45,.95);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:28px}.field{display:grid;grid-gap:7px;gap:7px;margin:14px 0}.field input{padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#091828;color:#fff}.wip{width:100%;border-collapse:collapse;margin-top:14px}.wip td,.wip th{text-align:left;padding:12px;border-bottom:1px solid rgba(255,255,255,.08)}.wip th{font-size:12px;color:#91a6bb}.status{padding:5px 8px;border-radius:999px;background:#113656;color:#8fd5ff;font-size:12px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.grid{grid-template-columns:1fr}.content{padding:14px}}