*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#142936}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login section{padding:8%;background:linear-gradient(130deg,#061638,#164fa3);color:#fff;display:flex;flex-direction:column;justify-content:center}.login section>a{position:absolute;top:35px;color:#c2d0df;text-decoration:none}.login section span{color:#fff200;font-size:11px;letter-spacing:3px;margin-top:30px}.login h1{font-size:clamp(38px,5vw,70px);line-height:1;margin:15px 0}.login section p{color:#c0cee0}.login form{align-self:center;margin:50px;width:min(430px,calc(100% - 50px));padding:45px;border:1px solid #dde5e8;box-shadow:0 25px 70px #071a2b15}.login form>b{font-size:11px;letter-spacing:2px;color:#164fa3}.login label{display:block;font-size:12px;font-weight:bold;margin:18px 0}.login input{width:100%;padding:13px;border:1px solid #ccd8de;margin-top:7px}.login button{width:100%;background:#fff200;color:#071b44;border:0;padding:15px;font-weight:bold}.login form small{display:block;color:#768893;margin-top:20px}.error{color:#a22}.dash{background:#f1f5f6}.dash aside{position:fixed;inset:0 auto 0 0;width:270px;background:linear-gradient(180deg,#061638,#164fa3);color:#fff;padding:22px}.dash aside small{color:#c0cee0;font-size:9px}.dash nav{margin:25px -8px;display:flex;flex-direction:column}.dash nav a,.dash aside>a{color:#c8d5e5;text-decoration:none;padding:11px}.dash nav a.active{background:#ffffff16;color:#fff200;border-left:3px solid #fff200}.dash main{margin-left:270px}.dash header{height:85px;background:#fff;padding:20px 30px;display:flex;justify-content:space-between;align-items:center}.dash header h1{margin:5px 0}.content{padding:28px}.dash .hero{background:linear-gradient(120deg,#061638,#164fa3);color:#fff;padding:30px;border-radius:16px}.dash .hero span{color:#fff200;font-size:11px;letter-spacing:2px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.stats article,.panels article{background:#fff;padding:22px;border:1px solid #dce5e9;border-radius:12px}.stats b,.stats span{display:block}.stats b{font-size:28px}.stats span{color:#71838d;font-size:12px}.panels{display:grid;grid-template-columns:1.4fr 1fr;gap:15px}.meter{height:10px;background:#e5eaed;border-radius:10px;overflow:hidden;margin:30px 0}.meter i{display:block;height:100%;background:#164fa3}@media(max-width:760px){.login{grid-template-columns:1fr}.login section{min-height:500px}.dash aside{transform:translateX(-100%)}.dash main{margin:0}.stats{grid-template-columns:1fr 1fr}.panels{grid-template-columns:1fr}}