*{box-sizing:border-box}body{color:#18332e;background:#f4f7f6;margin:0;font:15px Inter,system-ui}aside{color:#fff;background:#123b33;width:230px;height:100vh;padding:28px 18px;position:fixed}aside h2{margin:0 10px 35px}aside button{color:#b9d2cd;text-align:left;background:0 0;border:0;border-radius:9px;width:100%;margin:3px 0;padding:12px 15px;font-size:14px;display:block}.on,aside button:hover{color:#fff!important;background:#24564c!important}main{max-width:1450px;margin-left:230px;padding:35px 45px}header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}h1{margin:5px 0;font-size:30px}small{color:#699088;font-weight:700}.primary,form button{color:#20342f;background:#e9a33b;border:0;border-radius:9px;padding:12px 18px;font-weight:700}.cards{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.cards article,.panel{background:#fff;border:1px solid #dce6e3;border-radius:14px;padding:20px;box-shadow:0 5px 18px #123b3309}.cards span{color:#78928c;margin-bottom:12px;display:block}.cards strong{font-size:22px}.panel{margin-top:18px}.row{border-bottom:1px solid #edf1f0;justify-content:space-between;padding:14px 0;display:flex}.row span,.empty{color:#78928c}.grid{grid-template-columns:2fr 1fr;gap:18px;display:grid}.chart{opacity:.6;background:linear-gradient(145deg,#0000 48%,#43a68f 49% 52%,#0000 53%),linear-gradient(25deg,#0000 50%,#e9a33b 51% 54%,#0000 55%);height:140px}.login{background:#123b33;place-items:center;max-width:none;min-height:100vh;margin:0;display:grid}.login form{background:#fff;border-radius:18px;width:360px;padding:38px}.login input{border:1px solid #ccd9d6;border-radius:8px;width:100%;margin:12px 0;padding:13px;display:block}.login button{width:100%;margin-top:8px}@media (width<=900px){aside{width:170px}main{margin-left:170px;padding:20px}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}