:root{--navy:#14284b;--gold:#c99a2e;--red:#b3262e;--green:#1f7a3d;--bg:#f4f5f8;--card:#fff;--line:#d9dde6;--ink:#1c2230;--mute:#667}
*{box-sizing:border-box}body{margin:0;font:16px/1.45 system-ui,sans-serif;background:var(--bg);color:var(--ink)}
header{background:var(--navy);color:#fff;display:flex;gap:.25rem;align-items:center;padding:.5rem 1rem;flex-wrap:wrap}
header img{height:30px;margin-right:.6rem}header b{color:var(--gold);margin-right:1rem;letter-spacing:.04em}
header a{color:#fff;text-decoration:none;padding:.5rem .8rem;border-radius:6px}header a.on,header a:hover{background:rgba(255,255,255,.15)}
header .sp{flex:1}header small{opacity:.85;margin-right:.6rem}
main{padding:1rem;max-width:1000px;margin:0 auto}h1{font-size:1.4rem;margin:.2rem 0 1rem}h2{font-size:1.05rem;margin:0 0 .6rem;color:var(--navy)}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1rem;margin-bottom:1rem}
.narrow{max-width:420px;margin:2rem auto}
.btn{background:var(--navy);color:#fff;border:0;border-radius:8px;padding:.65rem 1.1rem;font-size:1rem;cursor:pointer}.btn.gold{background:var(--gold);color:#1c1500}.btn.ghost{background:#fff;color:var(--navy);border:1px solid var(--navy)}.btn.sm{padding:.35rem .7rem;font-size:.9rem}.btn:disabled{opacity:.5;cursor:default}
input,select,textarea{width:100%;padding:.6rem;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}
label{display:block;font-size:.8rem;color:var(--mute);margin:.7rem 0 .15rem}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.5rem .4rem;border-bottom:1px solid var(--line);font-size:.92rem;vertical-align:top}th{color:var(--mute);font-weight:600;font-size:.8rem}
tr.go{cursor:pointer}tr.go:hover{background:#f0f3fa}
.pill{display:inline-block;padding:.1rem .55rem;border-radius:99px;font-size:.78rem;background:#e8ecf5;color:var(--navy)}.pill.ok{background:#dff3e5;color:var(--green)}.pill.bad{background:#f8e0e1;color:var(--red)}.pill.wait{background:#fbf0d3;color:#7a5a00}
.kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.7rem}.kv div small{display:block;color:var(--mute);font-size:.78rem}
.err{color:var(--red);margin:.6rem 0 0;min-height:1.2em}.mute{color:var(--mute)}.right{text-align:right}.mt{margin-top:1rem}
.note{background:#fbf0d3;border:1px solid #ecd9a0;border-radius:8px;padding:.6rem .8rem;font-size:.9rem}
#toast{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:.6rem 1rem;border-radius:8px;display:none;max-width:90%}
@media(max-width:640px){main{padding:.6rem}th,td{font-size:.85rem}}