*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#172033}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card,.panel,.card{background:#fff;border:1px solid #e3e8ef;border-radius:18px;padding:25px}.login-card{width:min(430px,100%);box-shadow:0 20px 60px #0001}.brand{font-size:28px;font-weight:900;color:#0b4aa2}label{display:block;font-weight:bold;margin:14px 0 6px}input,select,textarea{width:100%;padding:12px;border:1px solid #ccd4df;border-radius:9px}textarea{min-height:100px}button,.button{display:inline-block;margin-top:14px;padding:12px 18px;border:0;border-radius:9px;background:#0b63ce;color:white;font-weight:bold;text-decoration:none}.danger{background:#b42318;margin-left:8px}header{background:#102a43;color:white;padding:16px max(20px,calc((100% - 1100px)/2));display:flex;justify-content:space-between}header a{color:white}nav{background:white;padding:0 max(20px,calc((100% - 1100px)/2));overflow:auto;white-space:nowrap}nav a{display:inline-block;padding:14px;text-decoration:none;color:#172033;font-weight:bold}main{max-width:1100px;margin:30px auto;padding:0 20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.card strong{display:block;font-size:34px;margin-top:10px}.tablewrap{overflow:auto;background:white;border-radius:14px}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #eee;text-align:left}.alert{background:#fee;padding:10px;border-radius:8px}@media(max-width:700px){.cards{grid-template-columns:1fr}header{gap:10px;font-size:13px}}