:root{--navy:#2c3e78;--navy-dark:#22305d;--ink:#1a1d29;--muted:#5b6172;--line:#dfe3ec;--bg:#f5f6fa;--card:#fff;--ok-bg:#e8f5ec;--ok-ink:#1c6b38;--bad-bg:#fdecec;--bad-ink:#a32020;--radius:10px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Mukta,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.55}.shell{max-width:760px;margin:0 auto;padding:0 16px 48px}.topbar{align-items:center;gap:12px;padding:20px 0 12px;display:flex}.brand{color:var(--navy);letter-spacing:.2px;font-weight:800}.brand-sub{color:var(--muted);font-size:13px}.tabs{border-bottom:1px solid var(--line);gap:8px;margin-bottom:20px;display:flex}.tabs button{appearance:none;cursor:pointer;font:inherit;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px;font-weight:600}.tabs button.on{color:var(--navy);border-bottom-color:var(--navy)}.tabs button:focus-visible,.btn:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px;padding:20px}.card-title{color:var(--navy);margin:0 0 4px;font-size:19px}.card-sub{color:var(--muted);margin:0 0 16px;font-size:14px}.field{margin-bottom:14px}.field label{margin-bottom:5px;font-size:14px;font-weight:600;display:block}.field input,.field textarea{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:8px;padding:9px 11px}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--bad-ink)}.hint{color:var(--muted);margin-top:4px;font-size:13px}.err{color:var(--bad-ink);margin-top:4px;font-size:13px;font-weight:600}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.btn{appearance:none;background:var(--navy);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;margin-top:4px;padding:11px 20px;font-weight:700}.btn:hover:not(:disabled){background:var(--navy-dark)}.btn:disabled{opacity:.6;cursor:default}.banner{border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:15px}.banner.ok{background:var(--ok-bg);color:var(--ok-ink)}.banner.bad{background:var(--bad-bg);color:var(--bad-ink)}.banner.info{color:var(--navy);background:#eef1f9}.note ol{margin:0 0 12px;padding-left:20px}.note li{margin-bottom:6px}.muted{color:var(--muted);margin:0;font-size:14px}.foot{color:var(--muted);text-align:center;padding-top:8px;font-size:13px}@media (width<=520px){.row{grid-template-columns:1fr}}