*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:#0b1020;color:#eef2ff}a{color:inherit;text-decoration:none}header{height:64px;background:#111936;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #263153}.layout{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 64px)}aside{background:#0e1630;padding:24px 14px;display:flex;flex-direction:column;gap:8px}aside strong{padding:8px 12px;color:#8fa4d8}aside a{padding:12px;border-radius:10px;color:#bdc8e7}aside a.active,aside a:hover{background:#1b2850;color:white}main{padding:28px}.muted{color:#9cadd1}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.cards article,.panel{background:#121c39;border:1px solid #263153;border-radius:16px;padding:20px}.cards small{display:block;color:#9cadd1;margin-bottom:12px}.cards strong{font-size:25px}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#17275a,#090e1d 55%)}.login-card{width:min(410px,92vw);background:#111936;border:1px solid #2a3862;border-radius:22px;padding:32px;box-shadow:0 25px 80px #0008}.logo{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:#263e87;font-weight:800}.login-card h1{margin-bottom:4px}.login-card p{color:#9cadd1;margin-top:0}.login-card label{display:block;margin:16px 0;color:#bdc8e7}.login-card input{width:100%;margin-top:7px;padding:13px;border-radius:10px;border:1px solid #33446f;background:#0b1228;color:white}.login-card button{width:100%;padding:14px;border:0;border-radius:11px;background:#476fe8;color:white;font-weight:700;cursor:pointer}.alert{background:#54222b;padding:12px;border-radius:10px}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{display:none}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){header{padding:0 14px}.cards{grid-template-columns:1fr}main{padding:18px}}