:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f9fc;background:#070b12;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 100% 0,#111d31,#070b12 40%);margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:#101722;border:1px solid #263247;border-radius:20px;padding:24px}.login .card{width:min(430px,100%)}form{gap:14px;display:grid}label{color:#c9d2df;gap:7px;display:grid}input{color:#fff;background:#0a111c;border:1px solid #344055;border-radius:11px;padding:12px}.btn{color:#07101d;cursor:pointer;background:#6d84ff;border:0;border-radius:10px;padding:11px 14px;font-weight:700}.ghost{color:#dce4ef;background:#192333}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.side{background:#080e17;border-right:1px solid #222c3b;padding:22px 14px}.side h2{margin:0 8px 22px}.side nav{gap:5px;display:grid}.side a{color:#aab6c6;border-radius:9px;padding:11px}.side a:hover{color:#fff;background:#151e2c}.main{padding:28px}.top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric{background:#101722;border:1px solid #263247;border-radius:16px;padding:18px}.metric span{color:#8794a8;font-size:13px}.metric strong{margin-top:10px;font-size:24px;display:block}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #263247;padding:12px}.muted{color:#8996aa}.notice{color:#9ba9bd;background:#151e2b;border-radius:10px;padding:12px}@media (max-width:850px){.shell{grid-template-columns:1fr}.side{display:none}.metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.metrics{grid-template-columns:1fr}.main{padding:16px}}