:root{--bg:#0d1222;--ink:#eef3ff;--muted:#9bacd6;--card:#141c38;--accent:#6aa9ff;--ok:#3ad29f;--warn:#ffd166;--bad:#ff6b6b;--border:rgba(255,255,255,0.12);--soft:rgba(255,255,255,0.06);--radius:16px;}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}body{color:var(--ink);background:radial-gradient(1200px 800px at 20% 10%,#17224e 0,var(--bg) 60%)}.wrap{max-width:980px;margin:0 auto;padding:28px 18px 48px}.header h1{margin:0 0 6px 0;font-size:26px;letter-spacing:.3px}.sub{margin:0;color:var(--muted);font-size:13px}.card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-top:16px;box-shadow:0 10px 28px rgba(0,0,0,.3)}.inputs{}.grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 40px;gap:10px;align-items:center}.header-row{color:var(--muted);font-size:13px;padding:6px 8px;border-bottom:1px solid var(--soft);margin-bottom:6px}.row{padding:6px 8px}input[type=text],input[type=number]{width:100%;padding:10px 12px;background:#16214a;border:1px solid var(--border);color:var(--ink);border-radius:12px;outline:none}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input.error{border-color:var(--bad);box-shadow:0 0 0 2px rgba(255,107,107,.2)}.errmsg{color:var(--bad);font-size:12px;margin-top:4px}.btn{appearance:none;border:1px solid var(--border);background:#1a2550;color:var(--ink);padding:10px 14px;border-radius:12px;font-weight:600;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn.primary{background:linear-gradient(180deg,#2279ff,#1b61ca);border-color:rgba(0,0,0,.18)}.btn.ghost{background:transparent}.btn.icon{width:36px;height:36px;display:inline-grid;place-items:center;font-weight:800}.toolbar{display:flex;gap:8px;margin-bottom:10px}.actions{margin-top:10px}.results{margin-top:18px}.results h2{margin:0 0 10px 0}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;margin:6px 0}.kv b{font-weight:700}.pill{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--soft);border:1px solid var(--border)}.pill.pass{background:rgba(58,210,159,.18);border-color:rgba(58,210,159,.4)}.pill.fail{background:rgba(255,107,107,.18);border-color:rgba(255,107,107,.4)}.note{color:var(--muted);font-size:12px;margin-top:12px}.footer{margin-top:14px;color:var(--muted);font-size:12px}.remove{background:#251a1a}.remove:hover{background:#2f1f1f}