:root{--brand:#0b3d91;--ink:#1d2330;--muted:#5d6675;--bg:#f3f5f9;--card:#fff;--ok:#14804a;--bad:#c0392b;--line:#e3e7ee}
*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
.top{display:flex;gap:12px;align-items:center;padding:14px 16px;background:var(--brand);color:#fff}.top img{height:40px;background:#fff;border-radius:6px;padding:3px}
.top div{display:flex;flex-direction:column}.top span{font-size:13px;opacity:.85}
main{max-width:760px;margin:24px auto;padding:0 16px}footer{text-align:center;color:var(--muted);font-size:13px;padding:24px 16px}
.card{background:var(--card);border-radius:14px;padding:24px;box-shadow:0 2px 10px rgba(0,0,0,.06);border-top:6px solid var(--brand)}
.card.ok{border-top-color:var(--ok)}.card.bad{border-top-color:var(--bad)}
.badge{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:30px;color:#fff;background:var(--brand)}
.ok .badge{background:var(--ok)}.bad .badge{background:var(--bad)}h1{margin:12px 0 4px;font-size:26px}h2{font-size:18px;margin:0 0 4px}
table{width:100%;border-collapse:collapse;margin:16px 0}th,td{text-align:left;padding:9px 6px;border-bottom:1px solid var(--line);vertical-align:top}th{width:34%;color:var(--muted);font-weight:500}
.hint{color:var(--muted);font-size:14px}.check{margin-top:12px;padding:14px;border:1px dashed var(--line);border-radius:10px}
#r.yes{color:var(--ok);font-weight:600}#r.no{color:var(--bad);font-weight:600}
input[type=text],input[type=password]{width:100%;padding:11px 12px;border:1px solid #c9d0db;border-radius:8px;font:inherit;margin:4px 0 12px}
button{background:var(--brand);color:#fff;border:0;border-radius:8px;padding:11px 18px;font:inherit;font-weight:600;cursor:pointer}button.link{background:none;color:var(--brand);padding:4px 0}
.err{color:var(--bad);min-height:1.5em}.row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.inv td a{font-weight:600;color:var(--brand);text-decoration:none}.inv td:last-child{text-align:right;white-space:nowrap}
@media(max-width:520px){th{width:40%}.inv .hide-s{display:none}}