:root{color-scheme:dark;--bg:#09110f;--card:#111d19;--line:#24382f;--ink:#f2f7f4;--muted:#9eb2a8;--green:#39d98a;--gold:#f1bd58;font-family:Inter,system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#173a2d 0,transparent 32%),var(--bg);color:var(--ink);min-height:100vh}
header,main{width:min(1120px,92%);margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:42px 0 25px}header h1{margin:4px 0;font-size:2.2rem}a{color:var(--muted)}
.eyebrow{color:var(--green);font-size:.75rem;font-weight:800;letter-spacing:.17em}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.metric{border:1px solid var(--line);background:linear-gradient(145deg,#14241e,#0d1713);border-radius:18px;padding:24px;box-shadow:0 20px 50px #0004}
.metric span{color:var(--muted);display:block;font-size:.87rem}.metric strong{display:block;margin-top:15px;font-size:1.55rem}.status{margin-top:18px}.status i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green);margin-right:10px}
.status i.pending{background:var(--gold);box-shadow:0 0 15px var(--gold)}
.login{min-height:100vh;display:grid;place-items:center}.login .card{width:min(440px,92%)}label{display:block;color:var(--muted);margin:18px 0}input{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#08100d;color:var(--ink)}
button{width:100%;padding:14px;border:0;border-radius:10px;background:var(--green);color:#062115;font-weight:800;cursor:pointer}.error{color:#ff8d8d}@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.grid{grid-template-columns:1fr}}