*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:#17283f;font:15px system-ui,-apple-system,Segoe UI,sans-serif}header{background:linear-gradient(110deg,#112f54,#225e87);color:white;display:flex;justify-content:space-between;align-items:center;padding:17px max(18px,calc((100% - 1120px)/2));gap:12px}.brand{font-size:30px;letter-spacing:1px}.brand span{color:#6cddc2}#state{font-size:12px}nav{background:white;display:flex;gap:6px;flex-wrap:wrap;justify-content:center;padding:12px;box-shadow:0 2px 10px #112f5410}button{cursor:pointer;border:0;border-radius:11px;padding:11px 15px;font-weight:700;background:#eaf0f7;color:#173d65}button.primary,nav button.active{background:#17669d;color:white}button.danger{background:#fee6e7;color:#a32c3a}button:disabled{opacity:.5}main{max-width:1120px;margin:24px auto;padding:0 15px 60px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.card{background:white;border:1px solid #e3eaf2;border-radius:18px;padding:20px;box-shadow:0 5px 18px #16334d0b;margin-bottom:15px}.card h2,.card h3{margin:0 0 12px}.big{font-size:29px;font-weight:800;margin:9px 0}.green{color:#11835b}.red{color:#b42d47}.muted{color:#667a90}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.item{padding:13px 0;border-bottom:1px solid #eaf0f6}.item:last-child{border-bottom:0}input,select{display:block;width:100%;border:1px solid #cad7e5;border-radius:10px;padding:11px;font:inherit;background:white;margin:5px 0 13px}label{font-weight:650;display:block}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.pill{display:inline-block;padding:4px 9px;border-radius:20px;background:#fff1d6;color:#8c5a0a;font-size:12px}.bar{height:11px;background:#e7eff7;border-radius:20px;overflow:hidden;margin:9px 0}.bar>div{height:100%;background:#1980b7}dialog{border:0;border-radius:18px;width:min(95vw,490px);padding:25px;box-shadow:0 20px 60px #122d4b55}dialog::backdrop{background:#11263a80}.chart{display:flex;align-items:end;gap:8px;height:170px;padding-top:15px}.chart>div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%;font-size:11px}.chart .barcol{width:100%;max-width:38px;min-height:2px;border-radius:6px 6px 0 0;background:#1885b5}.note{background:#e9f6f1;padding:14px;border-radius:12px}.warning{background:#fff3e7;padding:14px;border-radius:12px}@media(max-width:600px){.brand{font-size:25px}nav button{font-size:12px;padding:9px}main{margin-top:12px}.big{font-size:24px}}