*{box-sizing:border-box}body{margin:0;background:#f7f9fc;color:#172237;font:15px/1.55 system-ui,sans-serif}header{height:76px;border-bottom:1px solid #e3e8ef;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1100px)/2));background:white}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:650}.mark{display:grid;place-items:center;background:#1a6256;color:white;width:33px;height:33px;border-radius:10px}.tag{font-size:12px;border:1px solid #e0e6ed;border-radius:20px;padding:4px 10px;font-weight:450;color:#62718a}.release{font:12px ui-monospace,monospace;color:#64748b}main{max-width:1100px;margin:48px auto;padding:0 24px;min-height:calc(100dvh - 210px)}footer{font-size:12px;text-align:center;color:#64748b;padding:24px}.eyebrow{font-size:11px;letter-spacing:.16em;color:#53766e;font-weight:700}h1{font-size:34px;letter-spacing:-.05em;margin:8px 0}h2{font-size:17px;letter-spacing:-.02em;margin:0 0 20px}.muted,.note{color:#6b778b}.note{font-size:12px;margin:20px 0 0}.title-row{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:24px}.title-row h2{margin:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{padding:26px;border:1px solid #e1e6ee;background:white;border-radius:16px;box-shadow:0 4px 20px #1231}.records{margin-top:22px}.login{max-width:440px;margin:10dvh auto}.login h1{margin-bottom:20px}label{display:block;font-size:13px;font-weight:600;margin:16px 0 6px}input{font:inherit;padding:11px 12px;border:1px solid #d8dfe8;border-radius:8px;width:100%;background:#fff;color:inherit}button{cursor:pointer;font:600 13px system-ui,sans-serif;background:#1a6256;color:#fff;border:1px solid transparent;padding:11px 16px;border-radius:8px}form>button{margin-top:20px}button.secondary{background:white;border-color:#d8dfe8;color:#3c4b62}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #62c7b2;outline-offset:3px}.notice,.error{padding:12px 16px;border-radius:8px;margin-bottom:20px}.notice{background:#e5f5ee;color:#206443}.error{background:#ffebed;color:#aa2633}dl{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:13px}dd{margin:0;text-align:right;font-family:ui-monospace,monospace}dt{color:#64748b}.socket-status{display:flex;gap:8px;align-items:center;font-size:13px;border-top:1px solid #e4e9ef;padding-top:16px}.dot{width:8px;height:8px;border-radius:50%;background:#d5a948}.dot.connected{background:#2aa56b}.record{border-top:1px solid #e7ecf2;padding:18px 0}.record:first-child{border-top:0}.record-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.record h3{font-size:15px;margin:0;overflow-wrap:anywhere}.record p{font-size:12px;margin:8px 0;color:#69768a;overflow-wrap:anywhere}.actions{display:flex;gap:8px;align-items:center;margin-top:12px}.actions button,.actions a{font-size:12px;padding:6px 10px}.actions a{color:#176a59}.status{font-size:11px;border-radius:30px;background:#f1f4f7;padding:4px 10px}.status.processed{background:#e6f6ed;color:#26704a}.status.failed{background:#ffebed;color:#aa2633}#feedback{font-size:13px;color:#26704a} @media(max-width:680px){header{padding:0 18px;height:64px}.brand .tag{display:none}main{margin-top:28px;padding:0 16px}.grid{grid-template-columns:1fr}.card{padding:20px}.title-row{align-items:flex-start}.title-row h1{font-size:28px}.login{margin-top:8dvh}.actions{flex-wrap:wrap}}