:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#0f172a;background:#f1f5f9;line-height:1.45}*{box-sizing:border-box}body{margin:0}.app{max-width:960px;margin:0 auto;padding:1.25rem}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}h1{font-size:1.25rem;margin:0}.badge{font-size:.75rem;padding:.2rem .5rem;border-radius:999px;background:#dbeafe;color:#1e40af}.badge.ok{background:#dcfce7;color:#166534}.badge.bad{background:#fee2e2;color:#991b1b}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 2px #0000000a}.card h2{font-size:1rem;margin:0 0 .75rem}.row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}input,button,select{font:inherit;padding:.45rem .6rem;border-radius:8px;border:1px solid #cbd5e1}button{background:#0f172a;color:#fff;border:none;cursor:pointer}button.secondary{background:#64748b}button:disabled{opacity:.5;cursor:not-allowed}pre{background:#0f172a;color:#e2e8f0;padding:.75rem;border-radius:8px;overflow:auto;font-size:.8rem}.tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tabs button{background:#e2e8f0;color:#0f172a}.tabs button.active{background:#0f172a;color:#fff}.err{color:#b91c1c;font-size:.9rem}.ok{color:#166534;font-size:.9rem}