:root{color-scheme:light;--ink:#202b2a;--paper:#f4f2eb;--muted:#68706b;--line:#d5d8cd;--green:#275d4c;--amber:#e5b65c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}.rail{width:210px;position:fixed;inset:0 auto 0 0;background:var(--ink);color:var(--paper);padding:38px 28px;display:flex;flex-direction:column}.brand{color:inherit;text-decoration:none;font-size:27px;font-weight:800;letter-spacing:-1px}.brand span{font-weight:300}.brand small{display:block;font:10px/2 monospace;letter-spacing:3px}.rail-note{margin-top:70px;color:#b9c5bc;font-size:13px}.rail-bottom{margin-top:auto;font-size:12px;color:#b9c5bc}.rail-bottom strong{color:var(--amber);letter-spacing:2px}.dot{display:inline-block;width:6px;height:6px;background:var(--amber);border-radius:50%;margin-left:8px}main{margin-left:210px;padding:34px 5vw;max-width:1600px}header,footer,.heading,.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}header{border-bottom:1px solid var(--line);padding-bottom:22px}.eyebrow,.badge,.mono{font:12px/1.6 ui-monospace,monospace}.eyebrow{letter-spacing:2px;color:var(--muted)}.badge{border:1px solid #a9873c;background:#f2e8cf;padding:5px 10px;letter-spacing:1px}h1{font:clamp(30px,4vw,53px)/1.1 Georgia,serif;font-weight:400;letter-spacing:-1px;margin:36px 0 14px}h2{font:28px/1.2 Georgia,serif;margin:15px 0}.intro{color:var(--muted);max-width:600px}.muted{font-size:12px;color:var(--muted)}.login-view{max-width:680px;padding:30px 0 90px}.login-view form{max-width:400px;margin-top:38px}label{display:block;font-size:13px}input{width:100%;border:1px solid #929f95;background:#fffefa;border-radius:0;color:var(--ink);padding:12px;font-size:16px;margin:8px 0 15px}button{border:1px solid var(--green);background:var(--green);color:white;padding:11px 16px;cursor:pointer;font:600 13px/1.4 system-ui;min-height:42px}button span{margin-left:30px}button.secondary{background:transparent;color:var(--green)}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.92)}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.summary{display:grid;grid-template-columns:1fr 1.3fr 1fr;margin:30px 0;border-block:1px solid var(--line)}.summary>div{padding:22px 20px;border-right:1px solid var(--line)}.summary>div:first-child{padding-left:0}.summary>div:last-child{border:0}.summary span{display:block;color:var(--muted);font-size:12px}.summary strong{font:25px/1.8 ui-monospace,monospace}.columns{display:grid;grid-template-columns:1fr 1.2fr;gap:28px}.bank-card,.test-card{padding:24px;border:1px solid var(--line)}.bank-card{background:#eaece3}.test-card{border-top:3px solid var(--amber)}.state{display:inline-block;font:12px/1.5 monospace;padding:4px 9px;background:#e5eadd}.blocked{background:#eedbc7}.actions{display:flex;flex-wrap:wrap;gap:8px}.ledger{margin-top:34px}.qr-form{display:flex;gap:16px;align-items:center;padding:20px 0}.qr-form label{width:180px}.qr-form input{margin-bottom:0}.qr-form button{margin-top:27px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}td,th{padding:14px 12px;border-bottom:1px solid var(--line)}td{font-family:ui-monospace,monospace;max-width:280px;overflow-wrap:anywhere}td:first-child,th:first-child{padding-left:0}.notice{white-space:pre-line;color:#78400e;font-size:14px;min-height:25px}footer{border-top:1px solid var(--line);margin-top:40px;padding:20px 0;font:10px/1.6 monospace;color:var(--muted)}[hidden]{display:none!important}@media(max-width:850px){.rail{position:static;width:auto;padding:18px 24px;flex-direction:row;justify-content:space-between;align-items:center}.rail-note{margin:0}.rail-bottom{display:none}main{margin-left:0;padding:24px}.columns{grid-template-columns:1fr}.summary strong{font-size:18px}.heading{align-items:flex-start}.heading button{margin-top:36px}}@media(max-width:480px){header{align-items:flex-start;flex-direction:column;gap:8px}.summary{grid-template-columns:1fr}.summary>div,.summary>div:first-child{padding:12px 0;border:0;border-bottom:1px solid var(--line)}.qr-form{align-items:flex-start;flex-direction:column}.qr-form button{margin:0}.section-heading,footer{align-items:flex-start;flex-direction:column}.bank-card,.test-card{padding:18px}.rail-note{display:none}}
