*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f7fb;color:#172033}aside{position:fixed;inset:0 auto 0 0;width:250px;background:#10243d;color:#fff;padding:22px;overflow:auto}aside h2{margin:0 0 18px}nav a{display:block;color:#dce8f5;text-decoration:none;padding:10px;border-radius:7px;margin:2px 0}nav a:hover{background:#1c3b60}.user{position:absolute;bottom:18px;font-size:12px;color:#cad7e6}main{margin-left:250px;padding:24px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.card,.panel{background:#fff;border-radius:12px;padding:18px;box-shadow:0 2px 12px #0000000c}.panel{margin-top:18px}.card b{font-size:28px}table{width:100%;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid #e7ebf0;text-align:left}input,select,textarea{width:100%;padding:9px;border:1px solid #ccd5e0;border-radius:7px;margin:5px 0 11px}button,.btn{background:#1769aa;color:#fff;border:0;border-radius:7px;padding:9px 14px;text-decoration:none;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.badge{padding:4px 8px;border-radius:10px;background:#e9eef5}.flash{padding:11px;border-radius:8px;margin-bottom:15px}.success{background:#dff4e5}.error{background:#fde2e2}.login{max-width:430px;margin:8vh auto;background:white;padding:30px;border-radius:14px;box-shadow:0 5px 30px #0002}@media(max-width:800px){aside{position:relative;width:100%;height:auto}.user{position:static;margin-top:15px}main{margin-left:0;padding:14px}}