:root{--bg:#f6f7f9;--fg:#1c2330;--mut:#5b6677;--card:#fff;--line:#dfe3ea;--acc:#0b5fd1;--acc-fg:#fff;--ok:#117a3d;--na:#8a93a3}
@media (prefers-color-scheme:dark){:root{--bg:#12151b;--fg:#e8ebf0;--mut:#9aa4b5;--card:#1b2029;--line:#2c3340;--acc:#5aa2ff;--acc-fg:#0b1220;--ok:#4cc27d;--na:#77818f}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.wrap{max-width:860px;margin:0 auto;padding:0 16px}
.top{background:var(--card);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;justify-content:space-between;padding-top:12px;padding-bottom:12px}
.logo{font-weight:700;font-size:1.15rem;color:var(--fg);text-decoration:none}.logo span{color:var(--acc);margin-left:4px}
nav a{margin-right:14px;color:var(--fg);text-decoration:none}nav a:hover{color:var(--acc)}
h1{font-size:1.7rem;line-height:1.2;margin:1.4rem 0 .4rem}h2{font-size:1.2rem;margin:1.6rem 0 .4rem}h3{margin:0 0 .2rem;font-size:1.05rem}
a{color:var(--acc)}.lead{color:var(--mut);margin-top:0}
.box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin:16px 0}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
label{display:block;font-weight:600;font-size:.9rem}
select,input[type=text],input:not([type]),input[inputmode]{width:100%;margin-top:4px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);font:inherit}
fieldset{border:0;padding:0;margin:14px 0 0}legend{font-weight:700;font-size:.9rem;padding:0;margin-bottom:6px}
.checks{display:flex;flex-wrap:wrap;gap:8px 18px}.checks label{font-weight:400;display:flex;gap:6px;align-items:center}
.checks.disabled{opacity:.5;margin-top:8px}
.note{color:var(--mut);font-size:.88rem}.status{font-weight:600;margin:20px 0 8px}
.card{display:flex;justify-content:space-between;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:10px 0}
.card p{margin:.15rem 0}.meta{color:var(--mut);font-size:.9rem}.svc{font-size:.9rem}
.card .side{text-align:right;display:flex;flex-direction:column;gap:8px;align-items:flex-end;white-space:nowrap}
.dist{font-weight:700}
.btn{display:inline-block;background:var(--acc);color:var(--acc-fg);padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:600}
.btn.small{padding:6px 10px;font-size:.85rem}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 16px}
table{border-collapse:collapse;width:100%}th{text-align:left;font-weight:600;padding:6px 8px 6px 0;width:55%}td{padding:6px 0}.ok{color:var(--ok);font-weight:600}.na{color:var(--na)}
.crumbs,.src{color:var(--mut);font-size:.85rem}.crumbs{margin-top:14px}.crumbs a{color:var(--mut)}
.chip{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:2px 10px;text-decoration:none;font-size:.85rem;margin:0 4px 4px 0}
.list{padding-left:1.1rem}.list li{margin:8px 0}.cols{columns:2}
.foot{border-top:1px solid var(--line);margin-top:40px;padding:12px 0 28px;color:var(--mut);font-size:.85rem}
@media (max-width:520px){.card{flex-direction:column}.card .side{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}.cols{columns:1}}
.top .home{color:var(--mut);font-size:.9rem;text-decoration:none}.top .home:hover{color:var(--acc)}