:root{--navy: #16a34a;--red: #ff5800;--green: #0a8a5f;--text: #0a0f1c;--text-muted: #5c6178;--surface: #ffffff;--surface-border: rgba(10, 15, 28, .12);--serif: "Fraunces", "Georgia", serif;--sans: "Inter", -apple-system, system-ui, sans-serif}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);background:#f6f8fc url(/images/network-bg.svg) center / cover no-repeat;color:var(--text)}.pos-screen{min-height:100vh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;background:radial-gradient(ellipse 65% 40% at 12% 0%,rgba(255,88,0,.12) 0%,transparent 55%),radial-gradient(ellipse 65% 45% at 88% 100%,rgba(22,163,74,.12) 0%,transparent 55%),#fdfcfa;box-shadow:0 0 80px #0a0f1c1f}.pos-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;padding:12px 16px;border-bottom:1px solid var(--surface-border);background:#ffffff8c}.pos-wordmark{height:30px;width:auto;flex-shrink:0}.pos-header-actions{display:flex;align-items:center;flex-wrap:nowrap;justify-content:flex-end;gap:6px;min-width:0}.pos-icon-btn{width:36px;height:36px;padding:0;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--surface-border);background:transparent;color:var(--text);box-shadow:none}.pos-icon-btn:hover{border-color:var(--red);color:var(--red)}.screen{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;padding:28px 16px 32px;overflow-y:auto}.amount{font-family:var(--serif);font-size:3rem;font-weight:800;letter-spacing:-.01em;margin:0}button{font-family:var(--sans);font-size:1.1rem;font-weight:600;padding:13px 22px;border-radius:999px;border:none;background:linear-gradient(135deg,#ff7a33,#e24e00);color:#fff;cursor:pointer;box-shadow:0 8px 20px -8px #ff580099}.keypad{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:320px}.keypad-amount{font-family:var(--serif);font-size:2.6rem;font-weight:800;letter-spacing:-.01em;margin:0}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.keypad-key{font-family:var(--sans);font-size:1.4rem;font-weight:700;padding:0;aspect-ratio:1;border-radius:16px;border:1px solid var(--surface-border);background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0a0f1c0a}.keypad-key:active{background:#0a0f1c0f}.keypad-pay-btn{width:100%}.tip-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;width:100%}.tip-option-btn{width:100%;font-size:.95rem;padding:14px 10px}.keypad-note-input{width:100%;font-family:var(--sans);font-size:.92rem;padding:10px 14px;border-radius:10px;border:1px solid var(--surface-border);background:var(--surface);color:var(--text)}.keypad-note-input::placeholder{color:var(--text-muted)}.shift-summary-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;width:100%}.shift-summary-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--surface-border);padding:14px 16px;border-radius:10px;font-size:.95rem}.pending{display:flex;flex-direction:column;align-items:center;gap:10px}.merchant-block{display:flex;flex-direction:column;gap:2px;margin-bottom:-6px}.merchant-name{margin:0;font-family:var(--serif);font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.merchant-address{margin:0;font-size:.88rem;color:var(--text-muted)}.zelle-card{position:relative;background:linear-gradient(160deg,var(--navy),var(--red));padding:2px;border-radius:26px;margin:8px 0;box-shadow:0 30px 60px -24px #ff580073,0 0 0 1px #0a0f1c0a}.zelle-badge{background:#fff;color:var(--red);font-weight:800;font-size:.85rem;letter-spacing:-.01em;padding:4px 10px;border-radius:999px}.zelle-accept-badge{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem}.zelle-appears-as{margin:-4px 0 0;font-size:.78rem;color:var(--text-muted)}.receipt-capture-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid var(--surface-border);color:var(--text);padding:10px 18px;font-size:.85rem;border-radius:999px;cursor:pointer}.receipt-capture-btn:hover{border-color:var(--red)}.receipt-preview{display:flex;flex-direction:column;align-items:center;gap:8px}.receipt-preview-img{max-width:120px;max-height:120px;border-radius:10px;border:1px solid var(--surface-border)}.zelle-card-image-wrap{background:#fff;border-radius:24px;padding:20px;display:flex;justify-content:center}.zelle-real-image{max-width:280px;max-height:55vh;width:100%;height:auto;object-fit:contain;border-radius:10px;display:block}.confirmed{position:absolute;top:-28px;right:-16px;bottom:-32px;left:-16px;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(ellipse 65% 40% at 12% 0%,rgba(255,88,0,.12) 0%,transparent 55%),radial-gradient(ellipse 65% 45% at 88% 100%,rgba(22,163,74,.12) 0%,transparent 55%),#fdfcfa;padding:24px 16px;overflow-y:auto}.confirmed-card{width:100%;max-width:480px;max-height:86vh;overflow-y:auto;display:flex;flex-direction:column;background:#fff;border-radius:20px;box-shadow:0 30px 60px -24px #0a0f1c4d}.confirmed-animation{display:block;width:100%;height:auto}.confirmed-receipt{padding:4px 24px 24px;text-align:center}.confirmed-receipt .amount{color:var(--navy)}.confirmed-receipt small{color:#64748b}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:320px;background:var(--surface);border:1px solid var(--surface-border);border-radius:24px;padding:36px 28px}.empty-icon{width:56px;height:56px;border-radius:50%;background:#ff58001f;border:1px solid rgba(255,88,0,.3);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:6px}.empty-title{margin:0;font-family:var(--serif);font-size:1.15rem;font-weight:700}.empty-subtitle{margin:0;font-size:.88rem;color:var(--text-muted)}.pairing-card{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:360px;background:var(--surface);border:1px solid var(--surface-border);border-radius:24px;padding:36px 28px;box-shadow:0 30px 60px -24px #0a0f1c33}.pairing-title{font-family:var(--serif);font-size:1.4rem;font-weight:700;margin:0}.pairing-instructions{margin:0;color:var(--text-muted);font-size:.92rem}.pairing-error{margin:0;color:#dc2626;font-size:.9rem}.pairing-form{display:flex;flex-direction:column;gap:14px;align-items:stretch;width:100%}.pairing-input{font-size:1.8rem;font-weight:800;letter-spacing:.18em;text-align:center;text-transform:uppercase;width:100%;padding:14px 10px;border-radius:12px;border:1px solid var(--surface-border);background:#fff;color:#0b1320}.pairing-input::placeholder{font-size:1rem;font-weight:600;letter-spacing:.02em;text-transform:none;color:#9aa1b2}.pairing-form button{font-size:1rem;padding:14px 22px;width:100%}.staff-picker{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:420px}.pin-dots{display:flex;gap:16px}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--surface-border);background:transparent}.pin-dot-filled{background:var(--red);border-color:var(--red)}.staff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px;width:100%}.staff-tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;background:var(--surface);border:1px solid var(--surface-border);border-radius:18px;color:var(--text)}.staff-tile:hover{border-color:var(--red)}.staff-tile-avatar{width:48px;height:48px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:1.2rem;color:#fff}.staff-tile-name{font-size:.92rem;font-weight:600}.staff-tile-badge{font-size:.72rem;font-weight:600;color:var(--red);background:#ff58001f;border-radius:999px;padding:3px 10px}.staff-badge{background:#0a0f1c0a;border:1px solid var(--surface-border);border-radius:999px;padding:7px 14px;font-size:.8rem;font-weight:600;color:var(--text);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-badge:hover{border-color:var(--red);color:var(--red)}.history-btn{background:transparent;border:1px solid var(--surface-border);padding:7px 14px;font-size:.8rem;border-radius:999px;box-shadow:none}.history-btn-danger{border-color:#dc262666;color:#dc2626}.disconnect-confirm{display:inline-flex;align-items:center;gap:8px}.history{text-align:left;align-items:stretch;padding:28px;max-width:480px;margin:0 auto;gap:12px;width:100%}.history h2{font-family:var(--serif);margin:0}.history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.history-list li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;background:var(--surface);border:1px solid var(--surface-border);padding:12px 14px;border-radius:10px;font-size:.9rem}.history-amount{font-weight:700}.history-status{flex-basis:100%;text-align:right;color:var(--text-muted);font-size:.8rem}.lang-switcher{display:inline-flex;border:1px solid var(--surface-border);border-radius:999px;padding:3px;gap:2px;flex-shrink:0}.lang-switcher button{border:none;background:transparent;box-shadow:none;padding:5px 11px;border-radius:999px;font-size:.72rem;font-weight:700;color:var(--text-muted);cursor:pointer}.lang-switcher button[data-active=true]{background:var(--red);color:#fff}@media (max-width: 420px){.pos-header-actions .history-btn{padding:7px 11px;font-size:.74rem}}