:root{--bg: #f6f7f9;--surface: #ffffff;--text: #111827;--muted: #4b5563;--border: #d1d5db;--primary: #0f766e;--primary-text: #ffffff;--danger: #b91c1c;--warning: #b45309;--ok: #15803d;--focus: #2563eb;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--touch: 56px;--radius: 10px;--title: 24px;--body: 17px;--small: 14px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font:var(--body) / 1.4 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;-webkit-tap-highlight-color:transparent}#root{min-height:100vh}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.screen{max-width:720px;margin:0 auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);min-height:100vh}.screen--wide{max-width:1200px}.screen--fixed{height:100vh;overflow:hidden}.stack-hidden{display:none}.welcome{max-width:420px}.welcome__body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-md)}.welcome__logo{align-self:center}.welcome__title{text-align:center}.welcome__body>.muted{text-align:center}.welcome__footer{text-align:center;padding-top:var(--space-md)}.title{font-size:var(--title);font-weight:700;margin:0;line-height:1.2}.heading{font-size:19px;font-weight:700;margin:0}.text{margin:0;font-size:var(--body);line-height:1.45}.muted{color:var(--muted);font-size:var(--small)}.error{margin:0;color:var(--danger);font-weight:600}.btn{min-height:var(--touch);padding:0 var(--space-lg);border-radius:var(--radius);border:2px solid var(--primary);background:var(--primary);color:var(--primary-text);font:inherit;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);touch-action:manipulation}.btn--secondary{background:var(--surface);color:var(--primary)}.btn--danger{background:var(--danger);border-color:var(--danger)}.btn:disabled{opacity:.45;cursor:default}.btn:not(:disabled):active{opacity:.8}.link{align-self:flex-start;background:none;border:0;padding:var(--space-sm) 0;color:var(--primary);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}.spinner{width:22px;height:22px;border:3px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.spinner--large{width:40px;height:40px;border-width:4px;color:var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}.busy{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md)}.field{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.label{font-size:var(--small);color:var(--muted);font-weight:600}.req{color:var(--danger)}.input,.select{min-height:var(--touch);width:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:0 var(--space-md);font:inherit;color:var(--text)}.input:read-only,.select:disabled{background:#eef0f3;color:var(--muted)}.hint--error{color:var(--danger)}.item{min-height:var(--touch);width:100%;text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:var(--space-md);font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:2px}.item[aria-pressed=true]{border:2px solid var(--primary)}.item:active{opacity:.8}.item-title{font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.row>.btn{flex:1 1 auto}.row>.field{flex:1 1 200px}.kv{display:flex;justify-content:space-between;gap:var(--space-sm)}.kv-label{color:var(--muted)}.kv-value{text-align:right}.kv-value--strong{font-weight:700}.banner{border-radius:var(--radius);padding:var(--space-md);color:#fff;border:0;font:inherit;font-weight:700;text-align:left;width:100%}button.banner{cursor:pointer}.banner--critical{background:var(--danger)}.banner--warning{background:var(--warning)}.banner--info{background:var(--primary)}.banner--ok{background:var(--ok)}.segments{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.segment{min-height:calc(var(--touch) - 8px);padding:0 var(--space-md);border-radius:var(--radius);border:2px solid var(--primary);background:var(--surface);color:var(--primary);font:inherit;font-weight:600;cursor:pointer}.segment[aria-pressed=true]{background:var(--primary);color:var(--primary-text)}.stepper{display:flex;align-items:center;gap:var(--space-sm)}.step{width:48px;height:48px;border-radius:var(--radius);border:2px solid var(--primary);background:var(--surface);color:var(--primary);font-size:24px;font-weight:700;cursor:pointer}.step-value{min-width:40px;text-align:center;font-size:20px;font-weight:700}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--space-sm)}.tile{min-height:88px;border-radius:12px;border:1px solid var(--border);background:var(--surface);padding:var(--space-md);text-align:left;font:inherit;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:2px}.tile:active{opacity:.75}.tile-label{font-size:18px;font-weight:700;color:var(--primary)}.badge{align-self:flex-start;margin-top:4px;background:var(--danger);color:#fff;font-weight:700;font-size:var(--small);border-radius:8px;padding:2px 8px}.mono{margin:0;background:#fff;border:1px solid var(--border);border-radius:8px;padding:var(--space-sm);font:13px/18px ui-monospace,Cascadia Mono,Menlo,Consolas,monospace;color:#000;white-space:pre;overflow-x:auto}.tag{align-self:flex-start;color:#fff;background:var(--warning);border-radius:6px;padding:0 6px;font-size:var(--small);font-weight:700}.warn{color:var(--warning);font-size:var(--small);font-weight:600;margin:0}.money{font-size:20px;font-weight:700}.line-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.line-title{background:none;border:0;padding:0;font:inherit;font-weight:700;text-align:left;cursor:pointer;color:inherit}.cols{display:grid;gap:var(--space-md);align-items:start}.col{display:flex;flex-direction:column;gap:var(--space-md);min-width:0}@media(min-width:1000px){.cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.col--sticky{position:sticky;top:var(--space-md)}}.pinpad{display:flex;flex-direction:column;gap:var(--space-md);max-width:420px;width:100%;align-self:center}.pin-dots{font-size:32px;text-align:center;letter-spacing:8px;min-height:44px;margin:0}.pin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.pin-key{min-height:calc(var(--touch) + 8px);border-radius:12px;border:1px solid var(--border);background:var(--surface);font-size:26px;font-weight:600;cursor:pointer;touch-action:manipulation}.pin-key:active{opacity:.75}.camera{height:280px;border-radius:12px;overflow:hidden;background:#000}.camera video{width:100%;height:100%;object-fit:cover}.kbd-hint{font-size:var(--small);color:var(--muted)}kbd{font:12px ui-monospace,Menlo,Consolas,monospace;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:0 4px;background:var(--surface)}@media(max-width:480px){.screen{padding:var(--space-md) var(--space-md) var(--space-lg)}.tiles{grid-template-columns:1fr 1fr}}
