:root{--navy:#003767;--red:#E31B23;--grey:#737577;--light:#EEF2F7;--sky:#E1F0FF;--redl:#FCEBEC;--green:#2E7D4F;--greenl:#E6F2EA;--ink:#1F1F1F}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-size:17px;line-height:1.4}
header{background:var(--navy);color:#fff;padding:12px 18px;border-left:10px solid var(--red)}
header h1{margin:0;font-size:21px}header p{margin:3px 0 0;font-size:14px;opacity:.85}
main{padding:14px 16px 40px;max-width:1300px;margin:0 auto}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-bottom:14px}
.card{background:var(--light);border-radius:10px;padding:14px 16px}
.card h2{margin:0 0 10px;font-size:18px;color:var(--navy)}
.sky{background:var(--sky)}.redl{background:var(--redl)}.greenl{background:var(--greenl)}
label{display:block;font-size:14px;color:var(--grey);margin-top:8px}
input,select{font:inherit;padding:7px 9px;border:1px solid #c5cfdb;border-radius:6px;width:100%;background:#fff}
input[type=range]{padding:0}
.row{display:flex;gap:10px;align-items:end}.row>div{flex:1}
.btn{font:inherit;font-weight:700;border:0;border-radius:8px;padding:11px 16px;cursor:pointer;background:var(--red);color:#fff;margin:12px 8px 0 0}
.btn.sec{background:var(--navy)}.btn:disabled{opacity:.45;cursor:not-allowed}
table{border-collapse:collapse;width:100%;background:#fff;font-size:15px}
th{background:var(--navy);color:#fff;padding:5px 7px;font-weight:600;text-align:center}
td{padding:5px 7px;border-bottom:1px solid #e3e8ef;text-align:center}
.pill{display:inline-block;background:var(--red);color:#fff;border-radius:20px;padding:2px 11px;font-size:14px;font-weight:700}
.pill.navy{background:var(--navy)}.pill.green{background:var(--green)}
.note{font-size:14px;color:var(--grey)}
.err{color:var(--red);font-weight:700;min-height:1.2em}
.ok{color:var(--green);font-weight:700}
.big{font-size:26px;font-weight:700;color:var(--navy)}
.val{font-weight:700;color:var(--navy)}
.hidden{display:none}