*{box-sizing:border-box}body{color:#edf2ff;background:#0b1020;margin:0;font-family:Inter,system-ui}.app{min-height:100vh;display:flex}aside{background:#080c17;border-right:1px solid #202a40;width:250px;padding:28px 18px}button{color:#fff;cursor:pointer;background:#18243a;border:0;border-radius:10px;padding:11px 14px}aside button{text-align:left;width:100%;margin:7px 0;display:block}aside .active{background:#2d5cff}.brand{letter-spacing:2px;margin:0 8px 28px;font-size:25px;font-weight:800}.brand small{letter-spacing:1px;color:#8290ad;font-size:9px}main{flex:1;padding:34px 42px}header{justify-content:space-between;margin-bottom:30px;display:flex}h1{margin:0 0 5px;font-size:30px}header span,small{color:#8290ad}.grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.stat,.row,.card{background:#11192a;border:1px solid #23304a;border-radius:16px;padding:22px}.stat strong{margin-top:10px;font-size:36px;display:block}.list{gap:12px;display:grid}.row{justify-content:space-between;align-items:center;gap:20px;display:flex}.row small{margin-top:5px;display:block}.row p{color:#aab5ca}.login{place-items:center;min-height:100vh;display:grid}.card{width:min(420px,90vw)}form{gap:12px;margin-top:20px;display:grid}input,select{color:#fff;background:#0b1020;border:1px solid #34415d;border-radius:10px;padding:13px}form button{background:#2d5cff}@media (width<=800px){aside{width:190px}.grid{grid-template-columns:1fr 1fr}main{padding:22px}}