*{box-sizing:border-box}body{margin:0;font-family:Arial,Tahoma,sans-serif;background:#f5f7fb;color:#101828}aside{position:fixed;right:0;top:0;width:260px;height:100vh;background:#071a39;color:white;padding:28px 20px}aside img{width:205px;filter:brightness(0) invert(1);margin-bottom:30px}aside nav{display:grid;gap:8px}aside a{color:#dbe7f8;text-decoration:none;padding:11px;border-radius:9px}aside a:hover{background:#123465}aside button{margin-top:25px;background:transparent;border:1px solid #476083;color:#fff;padding:9px 14px;border-radius:8px}main{margin-right:260px;padding:36px}.top h1{margin:0;color:#082c68}.top p{color:#667085}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin:28px 0}.stat,.panel{background:#fff;border:1px solid #e4e9f1;border-radius:15px;padding:22px}.stat span{display:block;color:#667085;font-size:13px}.stat strong{font-size:30px;color:#0756b7}.login{min-height:100vh;display:grid;place-items:center;background:#f4f8fd}.login-card{width:min(420px,92%);background:#fff;border:1px solid #e0e8f2;border-radius:20px;padding:35px;box-shadow:0 20px 60px #1232}.login-card img{width:230px;display:block;margin:auto}.login-card h1{text-align:center}.login-card input[type=email],.login-card input[type=password]{width:100%;padding:13px;margin:8px 0;border:1px solid #d5dfec;border-radius:9px}.login-card button{width:100%;padding:13px;margin-top:15px;background:#0756b7;color:white;border:0;border-radius:9px;font-weight:bold}.error{background:#fff1f1;color:#a11;padding:10px;border-radius:8px}@media(max-width:850px){aside{position:static;width:auto;height:auto}main{margin:0}.stats{grid-template-columns:1fr 1fr}aside nav{grid-template-columns:1fr 1fr}}