*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033;font-family:Arial,sans-serif}header{min-height:64px;background:#172554;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:20px}header b{font-size:23px}nav{display:flex;gap:16px;flex-wrap:wrap}nav a{color:white;text-decoration:none;font-weight:700}main{max-width:1100px;margin:32px auto;padding:0 20px}.card{background:white;border-radius:14px;padding:22px;margin:16px 0;box-shadow:0 5px 20px #17255412}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.metric{font-size:32px;font-weight:800;color:#172554}.muted{color:#667085}label{display:block;font-weight:700;margin:13px 0 6px}input,select{width:100%;padding:12px;border:1px solid #ccd2df;border-radius:9px;font-size:16px}button,.btn{display:inline-block;border:0;border-radius:9px;padding:12px 18px;background:#172554;color:white;text-decoration:none;font-weight:700;cursor:pointer;margin-top:14px}.danger{background:#991b1b}.ok{padding:12px;background:#dcfce7;border-radius:9px;color:#166534}.err{padding:12px;background:#fee2e2;border-radius:9px;color:#991b1b}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:12px;border-bottom:1px solid #e5e7eb}th{background:#eef2ff}@media(max-width:650px){header{align-items:flex-start;flex-direction:column;padding:16px 20px}table{font-size:14px}.tablewrap{overflow:auto}}