body{margin:0;background:#f2f6fc;color:#0f2547;font-family:IBM Plex Sans Thai,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:#1f5bd6;text-decoration:none}a:hover{color:#163a9c;text-decoration:underline}button,input{font:inherit}.mono{font-family:IBM Plex Mono,monospace}.card{background:#fff;border:1px solid #DCE5F3;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px;min-width:0}.card h3{margin:0;font-size:16px;font-weight:600}.seg{display:flex;background:#e3ebf7;border-radius:10px;padding:3px;gap:2px}.seg button{border:0;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;border-radius:8px;background:transparent;color:#5a6b85}.seg button.on{background:#fff;color:#0f2547;box-shadow:0 1px 2px #00000014}.row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #EAF0F8}.tag{font-size:11px;font-weight:600;letter-spacing:.04em;padding:3px 8px;border-radius:6px}.field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#5a6b85}.field input{border:1px solid #DCE5F3;border-radius:8px;padding:9px 11px;font-size:14px;color:#0f2547}.btn{border:0;cursor:pointer;font-size:14px;font-weight:500;padding:9px 16px;border-radius:10px;background:#0f3d8c;color:#fff}.btn:disabled{opacity:.6;cursor:default}.err{color:#c23b2e;font-size:13px}