*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial;background:#f5f7fb;color:#172033}.side{position:fixed;width:245px;height:100vh;background:#111827;color:#fff;padding:24px}.brand{font-size:23px;font-weight:800;margin-bottom:28px}.side a{display:block;color:#cbd5e1;text-decoration:none;padding:11px 12px;border-radius:9px;margin:5px 0}.side a:hover{background:#1f2937;color:white}.main{margin-left:245px;padding:28px}.top{display:flex;justify-content:space-between;align-items:center}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.card,.panel{background:white;border-radius:14px;padding:20px;box-shadow:0 4px 18px #0000000a}.num{font-size:28px;font-weight:800;margin-top:8px}.btn{background:#2563eb;color:#fff;border:0;border-radius:9px;padding:10px 14px;text-decoration:none;cursor:pointer}.btn.red{background:#dc2626}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf0f5}input,select,textarea{width:100%;padding:11px;border:1px solid #d7dce5;border-radius:8px;margin:5px 0 12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.login{max-width:420px;margin:10vh auto;background:white;padding:30px;border-radius:16px;box-shadow:0 10px 35px #0002}@media(max-width:850px){.side{position:relative;width:100%;height:auto}.main{margin:0}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}