:root{--accent: #4f46e5;--bg: #f6f7f9;--card: #ffffff;--ink: #111827;--muted: #6b7280;--line: rgba(0, 0, 0, .08)}*{box-sizing:border-box;touch-action:pan-x pan-y}html,body,#app{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}.screen{min-height:100%}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}.code-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:32px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px;text-align:center;box-shadow:0 8px 30px #0000000f}.code-title{font-size:22px;font-weight:700}.code-sub{color:var(--muted)}.code-input{font-size:30px;text-align:center;letter-spacing:6px;text-transform:uppercase;padding:14px;border:2px solid var(--line);border-radius:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.code-input:focus{outline:none;border-color:var(--accent)}.code-error{color:#c62828;font-size:14px}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;padding:14px 18px;font-size:16px;font-weight:600;cursor:pointer}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.big{padding:16px;font-size:18px}.link-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px}.pos{max-width:1000px;margin:0 auto;padding:16px}.pos-header{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 16px}.station{font-size:20px;font-weight:700}.station-sub{color:var(--muted);font-size:13px}.pos-body{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}@media (max-width: 780px){.pos-body{grid-template-columns:1fr}}.tickets{display:flex;flex-direction:column;gap:10px}.ticket-row{display:flex;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.ticket-name{font-weight:600}.ticket-price{color:var(--muted);font-size:13px}.ticket-row.sold-out{opacity:.55}.stock{font-weight:600}.stock.out{color:#dc2626}.stepper{display:flex;align-items:center;gap:10px}.round{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:22px;cursor:pointer}.round:disabled{opacity:.4}.qty{min-width:28px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.summary{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;position:sticky;top:16px;display:flex;flex-direction:column;gap:8px}.summary h3{margin:0 0 4px;font-size:16px}.summary-head{display:flex;align-items:center;justify-content:space-between}.s-line{display:flex;justify-content:space-between;font-size:14px}.s-line.total{font-size:18px;font-weight:800;margin-top:6px;border-top:1px solid var(--line);padding-top:8px}.s-line.cash{color:#2e7d32;font-weight:700}.empty{color:var(--muted);padding:8px 0}.email{margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:10px;font-size:16px}.pay{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.pay.single{grid-template-columns:1fr}.pay .btn{display:flex;flex-direction:column;gap:2px;align-items:center}.pay .amt{font-size:12px;font-weight:500;opacity:.85}.overlay{display:flex;align-items:center;justify-content:center;min-height:100%}.overlay.cash,.overlay.success{background:#f2faf4}.overlay.error{background:#fdf3f3}.overlay.plain{background:#fff}.overlay-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px}.big-icon{width:56px;height:56px}.big-icon.cash{color:var(--accent)}.big-icon.ok{color:#16a34a}.big-icon.warn{color:#dc2626}.overlay-label{font-size:22px;font-weight:700}.overlay-amount{font-size:52px;font-weight:800;font-variant-numeric:tabular-nums}.overlay-amount.muted{font-size:32px;color:var(--muted)}.overlay-note{color:var(--muted)}.change-list{margin:0;padding:0;list-style:none;width:100%;max-width:340px;display:flex;flex-direction:column;gap:8px;text-align:left}.change-list li{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:15px;font-variant-numeric:tabular-nums}.cash-tender{width:100%;max-width:320px;display:flex;flex-direction:column;gap:10px}.cash-tender .email{text-align:center;font-size:20px}.change-line{display:flex;align-items:baseline;justify-content:center;gap:8px;font-size:18px}.change-line strong{font-size:24px;font-variant-numeric:tabular-nums}.change-line.short{color:#dc2626;font-weight:600}.header-actions{display:flex;gap:16px}.totals{width:100%;max-width:340px;display:flex;flex-direction:column;gap:10px}.t-row{display:flex;align-items:baseline;justify-content:space-between;font-size:18px}.t-row strong{font-variant-numeric:tabular-nums}.t-row.grand{border-top:1px solid var(--line);padding-top:10px;font-size:22px;font-weight:700}.t-drawer{margin-top:6px;padding:10px 12px;background:#f2faf4;border-radius:10px;display:flex;align-items:baseline;justify-content:space-between;font-size:15px}.t-drawer strong{font-size:20px;font-variant-numeric:tabular-nums}.t-since{color:var(--muted);font-size:12px;text-align:center}.btn.danger{background:#dc2626;border-color:#dc2626;color:#fff}.overlay-actions{margin-top:16px;display:flex;gap:12px}.overlay-actions .btn{min-width:140px}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.spinner.big{width:56px;height:56px;border-width:5px}@keyframes spin{to{transform:rotate(360deg)}}