*{box-sizing:border-box}body{margin:0;background:#0a1020;color:#eef2ff;font:14px Arial}.layout{display:flex;min-height:100vh}aside{width:230px;background:#121a30;padding:22px;display:flex;flex-direction:column;gap:8px}aside a{color:#d5ddf5;text-decoration:none;padding:12px;border-radius:10px}aside a:hover{background:#202b4a}main{padding:30px;flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px}.stat,.card{background:#121a30;border:1px solid #263352;border-radius:16px;padding:20px}.stat small{color:#9ba9c7}.stat strong{display:block;font-size:30px;margin-top:8px}input,textarea,button{width:100%;padding:12px;margin:6px 0;border-radius:10px;border:1px solid #304064;background:#0d1426;color:white}button{background:#5068ff;border:0;font-weight:bold;cursor:pointer}table{width:100%;margin-top:20px;border-collapse:collapse;background:#121a30}th,td{padding:12px;border-bottom:1px solid #263352;text-align:left}.login{display:grid;place-items:center;min-height:100vh}.login .card{width:min(400px,92vw)}.error{background:#572535;padding:10px;border-radius:8px}.success{background:#17442d;padding:10px;border-radius:8px}@media(max-width:700px){aside{width:65px;padding:8px}aside h2{font-size:0}aside a{font-size:0}main{padding:15px}}