*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:#17243a;font:14px system-ui,Arial}aside{position:fixed;inset:0 auto 0 0;width:225px;background:#14233d;color:white;padding:25px}aside h2{letter-spacing:2px}small{display:block;color:#9eb4d4;font-size:10px}nav{display:grid;gap:8px;margin-top:35px}nav a{color:#d6e1f2;text-decoration:none;padding:11px;border-radius:7px}nav a:hover{background:#2a3e5f}main{margin-left:225px;padding:30px;max-width:1400px}main.wide{margin:25px auto;padding:25px;max-width:1100px}header{display:flex;justify-content:space-between;background:white;padding:17px 22px;border-radius:9px;margin-bottom:25px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.cards article,.panel{background:white;border:1px solid #e4eaf2;border-radius:10px;padding:20px;margin-bottom:18px}.cards strong{display:block;font-size:27px;margin-top:9px}h1{font-size:27px}.panel{overflow:auto}label{display:grid;gap:6px;margin:10px 0;color:#58677d}input{padding:10px;border:1px solid #d8e0ea;border-radius:6px}button{padding:11px 17px;background:#315fc4;color:white;border:0;border-radius:7px;cursor:pointer}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:11px;border-bottom:1px solid #e9edf3}th{color:#68788e;font-size:11px;text-transform:uppercase}.ok{color:#1b7438}.bad,.error{color:#a22}.login{min-height:100vh;display:grid;place-items:center;background:#14233d}.loginbox{background:white;padding:38px;border-radius:13px;width:min(420px,92vw)}.loginbox h1{font-size:22px}.loginbox button{width:100%;margin-top:15px}@media(max-width:800px){aside{position:static;width:auto}nav{display:flex;overflow:auto;margin-top:15px}main{margin:0;padding:15px}.cards{grid-template-columns:repeat(2,1fr)}}