:root{color:#e8eef8;background:#07111f;font-family:Inter,ui-sans-serif,system-ui}*{box-sizing:border-box}body{margin:0}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}aside{background:#0b1728;border-right:1px solid #1e3148;flex-direction:column;gap:8px;padding:22px 16px;display:flex}.brand{align-items:center;gap:11px;margin-bottom:26px;display:flex}.brand b{font-size:19px;display:block}.brand span{color:#88a0ba;font-size:12px;display:block}aside button{color:#aebed0;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:12px;display:flex}aside button.active,aside button:hover{color:#fff;background:#142b45}.logout{margin-top:auto}main{background:linear-gradient(160deg,#091426,#0d1b2e);padding:28px 34px}header{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}header p{color:#65d8c5;text-transform:uppercase;letter-spacing:1.5px;margin:0;font-size:12px}h1{margin:5px 0 0;font-size:30px}header button,.login button{color:#07111f;background:#35c7ae;border:0;border-radius:8px;padding:11px 16px;font-weight:700}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric,.panel{background:#0f2034;border:1px solid #203a55;border-radius:13px}.metric{gap:14px;padding:20px;display:flex}.metric svg{color:#52d6c0}.metric span{color:#8fa5bb;font-size:13px;display:block}.metric strong{font-size:27px}.panel{margin-top:22px;padding:20px}.panel h2{margin:0 0 16px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #203a55;padding:12px;font-size:13px}th{color:#7e98b1;text-transform:uppercase;font-size:11px}.login{background:radial-gradient(circle at 20% 20%,#153c50,#07111f 50%);place-items:center;min-height:100vh;display:grid}.login form{background:#0f2034;border:1px solid #25425e;border-radius:16px;width:min(390px,90vw);padding:30px}.login input{color:#fff;background:#091727;border:1px solid #294660;border-radius:8px;width:100%;margin:8px 0;padding:12px}.login button{width:100%;margin-top:10px}.error{color:#ff9b9b}@media (width<=900px){.shell{grid-template-columns:1fr}aside{display:none}.metrics{grid-template-columns:1fr 1fr}main{padding:20px}}@media (width<=560px){.metrics{grid-template-columns:1fr}}