:root{--ink: #10140F;--paper: #F1F0E9;--paper-2: #E4E2D7;--white: #FFFFFF;--crate: #0E4CC7;--crate-dk: #0A3896;--crate-tint: #E4EBFB;--zaatar: #3F5B21;--saj: #F0C24B;--ember: #C9432B;--text: #10140F;--text-muted: #5C5F57;--border: #C9C6B8;--focus: #0E4CC7;--disabled: #A8A79C;--radius-card: 14px;--radius-pill: 999px;--font-body: "Inter Tight", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--tap-customer: 44px;--tap-merchant: 56px}body{margin:0;font-family:var(--font-body);background:var(--paper)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.muted{color:var(--text-muted)}.error{color:var(--ember)}.mono{font-family:var(--font-mono)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px}.pill{display:inline-block;padding:2px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;background:var(--paper-2);color:var(--text-muted)}.sk{display:block;height:12px;border-radius:var(--radius-pill);background:var(--paper-2);margin-bottom:8px}.w20{width:20%}.w30{width:30%}.w40{width:40%}.w60{width:60%}.w70{width:70%}.w80{width:80%}.tabs{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px;background:var(--white);border-bottom:1px solid var(--border)}.tabs a{padding:12px 20px;border-radius:var(--radius-pill);text-decoration:none;color:var(--text-muted);font-weight:600;min-height:var(--tap-customer);display:grid;place-items:center}.tabs a.active{background:var(--crate-tint);color:var(--crate-dk)}.offline{background:var(--saj);color:var(--ink);border-radius:var(--radius-card);padding:10px 14px;font-size:.875rem;margin:0 0 12px}