*{box-sizing:border-box} body{margin:0;font:15px/1.5 -apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#222;background:#f6f6f4}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 22px;background:#fff;border-bottom:1px solid #e3e1d9}
.brand{font-weight:600} nav a{margin-left:14px;color:#185fa5;text-decoration:none} nav .user{color:#777;margin-left:14px}
.wrap{max-width:1000px;margin:24px auto;padding:0 18px}
h2{margin:.2rem 0 1rem} h3{margin:1.4rem 0 .5rem;font-size:15px;color:#444}
.head-row{display:flex;justify-content:space-between;align-items:center}
.btn,button{background:#185fa5;color:#fff;border:0;border-radius:6px;padding:9px 16px;font-size:14px;cursor:pointer;text-decoration:none;display:inline-block}
.btn:hover,button:hover{background:#124a82}
.card{background:#fff;border:1px solid #e3e1d9;border-radius:10px;padding:18px 20px;margin:12px 0}
.card.narrow{max-width:340px} .card label{display:block;margin:10px 0;font-size:13px;color:#555}
.card input{display:block;width:100%;padding:8px;margin-top:4px;border:1px solid #ccc;border-radius:6px;font-size:14px}
input.num{width:100px;display:inline-block} .row2{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}
.muted{color:#888;font-size:13px} .bad-msg{color:#a32d2d;font-weight:500}
table.grid{border-collapse:collapse;width:100%;font-size:13px;background:#fff;margin:.3rem 0}
table.grid th{background:#d9e1f2;font-weight:600;text-align:right;padding:7px 8px;border:1px solid #cfd6e4}
table.grid th:first-child{text-align:left} table.grid td{padding:6px 8px;border:1px solid #eceae2;text-align:right}
table.grid td.lbl{text-align:left;font-weight:500;background:#f3f6fb}
table.grid tr.tot td{font-weight:600;background:#f2f2f2;border-top:2px solid #cfd6e4}
table.grid td.hl,table.grid tr.tot td.hl{background:#fff3b0}
table.list td,table.list th{text-align:left}
.checks{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 18px}
.chk{flex:1;min-width:160px;border-radius:8px;padding:10px 12px;border:1px solid}
.chk.ok{background:#e7f4e7;border-color:#bcd9bc} .chk.ok .cs{color:#27500a}
.chk.bad{background:#fdeaea;border-color:#f0c0c0} .chk.bad .cs{color:#a32d2d}
.chk.warn{background:#fdf3da;border-color:#f0d99a} .chk.warn .cs{color:#854f0b}
.chk .cn{font-weight:600;font-size:13px} .chk .cs{font-size:13px;margin-top:3px}
.two{display:flex;gap:20px;flex-wrap:wrap} .two>div{flex:1;min-width:260px}
.pill{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px}
.pill.ok{background:#e7f4e7;color:#27500a} .pill.bad{background:#fdeaea;color:#a32d2d}