:root{--bg:#0f1419;--card:#1e2732;--border:#38444d;--text:#e7e9ea;--muted:#8b98a5;--blue:#1d9bf0;--green:#00ba7c;--red:#f4212e;--amber:#ffad1f}
*{box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;margin:0;padding:12px;background:var(--bg);color:var(--text)}
h1{font-size:1.3rem;margin:4px 0 8px}h2{font-size:1.05rem;margin:22px 0 6px;color:var(--blue)}
a.btn{padding:8px 14px;background:var(--card);color:var(--text);border-radius:8px;font-size:.9rem;text-decoration:none;display:inline-block}
.row{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}
.key,input[type=number],select{width:100%;padding:8px;background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:8px;font-size:1rem}
.key{margin:8px 0}.status{color:var(--muted);font-size:.85rem;min-height:1.2em;margin-bottom:8px}
.card{background:var(--card);border-radius:8px;padding:10px 12px;margin:8px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}label{font-size:.78rem;color:var(--muted)}label.chk{display:flex;gap:6px;align-items:center}
.warn{background:#3a2d12;border:1px solid var(--amber);color:#ffd88a;border-radius:8px;padding:8px 10px;font-size:.82rem;margin:8px 0}
.muted{color:var(--muted);font-size:.82rem}.wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.82rem}th,td{text-align:left;padding:6px 5px;border-bottom:1px solid var(--border);white-space:nowrap}
th{color:var(--muted);cursor:pointer;position:sticky;top:0;background:var(--bg)}
.pos{color:var(--green);font-weight:600}.neg{color:var(--red);font-weight:600}.pq{color:var(--amber)}
.perm ul{margin:4px 0 0;padding-left:18px}.perm li{margin:2px 0}.perm{position:static}
button.btn{padding:8px 12px;background:var(--card);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:.85rem;color:var(--text)}button.btn:hover{border-color:var(--blue)}@media(min-width:900px){body{max-width:1200px;margin:0 auto}}