:root{--bg: #0f1117;--surface: #1a1d27;--border: #2a2d3a;--text: #e8e8ed;--text-muted: #8b8d98;--primary: #6b4fbb;--primary-hover: #7c62cc;--success: #34c759;--danger: #ff3b30;--warning: #ff9500;--pending: #ff9500;--radius: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.4;overscroll-behavior:none}.app-shell{display:flex;flex-direction:column;height:100dvh}.shell-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.shell-brand{font-size:18px;font-weight:700;color:var(--primary);letter-spacing:.5px}.shell-context{display:flex;gap:12px;font-size:13px;color:var(--text-muted)}.context-role{background:var(--border);padding:2px 8px;border-radius:4px;font-size:11px;text-transform:uppercase}.shell-content{flex:1;overflow-y:auto;padding:20px}.shell-loading,.shell-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;gap:16px}.cash-page{max-width:900px;margin:0 auto}.cash-page h2{font-size:20px;margin-bottom:16px}.cash-page h3{font-size:16px;margin:20px 0 12px;color:var(--text-muted)}.drawer-status{background:var(--surface);border-radius:var(--radius);padding:16px;margin-bottom:16px}.drawer-badge{display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;margin-bottom:12px}.drawer-status.open .drawer-badge{background:#34c75926;color:var(--success)}.drawer-status.closed .drawer-badge{background:#ff3b301a;color:var(--danger)}.drawer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.drawer-stat{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:12px;color:var(--text-muted)}.stat-value{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.drawer-stat.alert .stat-value{color:var(--warning)}.drawer-cashier{margin-top:12px;font-size:13px;color:var(--text-muted)}.quick-actions{margin-bottom:16px}.action-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:8px}.action-btn{padding:14px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;touch-action:manipulation}.action-btn:active{transform:scale(.97)}.action-btn.open{background:var(--primary);border-color:var(--primary);color:#fff;width:100%}.action-btn.close{background:#ff3b301a;border-color:var(--danger);color:var(--danger);width:100%}.action-form{background:var(--surface);border-radius:var(--radius);padding:16px}.action-form h3{font-size:16px;margin-bottom:12px}.action-form input{width:100%;padding:12px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:16px;margin-bottom:8px}.form-buttons{display:flex;gap:8px}.btn-primary{flex:1;padding:12px;border-radius:6px;border:none;background:var(--primary);color:#fff;font-size:15px;font-weight:500;cursor:pointer}.btn-secondary{flex:1;padding:12px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:15px;cursor:pointer}.tx-list{display:flex;flex-direction:column;gap:4px}.tx-list-empty{color:var(--text-muted);font-size:14px;padding:12px}.tx-row{display:grid;grid-template-columns:100px 1fr auto auto auto;align-items:center;gap:8px;padding:10px 12px;background:var(--surface);border-radius:6px;font-size:14px}.tx-row.voided{opacity:.5;text-decoration:line-through}.tx-type{font-weight:500}.tx-desc{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-amount{font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.badge.pending{background:#ff950026;color:var(--pending)}.badge.voided{background:#ff3b301a;color:var(--danger)}.tx-void-btn{padding:4px 10px;border-radius:4px;border:1px solid var(--danger);background:transparent;color:var(--danger);font-size:12px;cursor:pointer}.approvals-list{display:flex;flex-direction:column;gap:8px}.approval-card{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface);border-radius:var(--radius);border-left:3px solid var(--warning)}.approval-info{display:flex;flex-direction:column;gap:2px;font-size:14px}.approval-desc{color:var(--text-muted);font-size:13px}.approval-by{color:var(--text-muted);font-size:12px}.approval-actions{display:flex;gap:8px}.btn-approve{padding:8px 16px;border-radius:6px;border:none;background:var(--success);color:#fff;font-size:13px;font-weight:500;cursor:pointer}.btn-deny{padding:8px 16px;border-radius:6px;border:1px solid var(--danger);background:transparent;color:var(--danger);font-size:13px;cursor:pointer}.error-banner{padding:10px 16px;background:#ff3b301a;border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);font-size:14px;margin-bottom:16px}.error-recovery{padding:16px;border-radius:var(--radius);margin-bottom:16px}.error-recovery--danger{background:#ff3b3014;border:1px solid var(--danger)}.error-recovery--warning{background:#ff950014;border:1px solid var(--warning)}.error-recovery--info{background:#6b4fbb14;border:1px solid var(--primary)}.error-recovery__header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.error-recovery__icon{font-size:18px}.error-recovery__title{font-size:16px;font-weight:600}.error-recovery--danger .error-recovery__title{color:var(--danger)}.error-recovery--warning .error-recovery__title{color:var(--warning)}.error-recovery--info .error-recovery__title{color:var(--primary)}.error-recovery__message{font-size:14px;line-height:1.5;color:var(--text);margin-bottom:10px}.error-recovery__state{font-size:13px;font-weight:600;padding:6px 10px;border-radius:4px;margin-bottom:12px}.error-recovery__state--safe_not_processed{background:#34c7591a;color:var(--success)}.error-recovery__state--unknown_maybe_processed{background:#ff95001f;color:var(--warning)}.error-recovery__state--processed_followup_failed{background:#ff3b301a;color:var(--danger)}.error-recovery__actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.error-recovery__btn{padding:12px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;touch-action:manipulation;min-height:48px;min-width:48px}.error-recovery__btn--retry{background:var(--primary);border:none;color:#fff}.error-recovery__btn--cancel{background:transparent;border:1px solid var(--border);color:var(--text-muted)}.error-recovery__btn--switch_to_greenline{background:#ff950026;border:1px solid var(--warning);color:var(--warning);font-weight:600}.error-recovery__btn--call_manager{background:transparent;border:1px solid var(--warning);color:var(--warning)}.error-recovery__btn--sign_in{background:var(--primary);border:none;color:#fff}.error-recovery__btn--refresh{background:transparent;border:1px solid var(--border);color:var(--text)}.error-recovery__btn--dismiss{background:transparent;border:1px solid var(--border);color:var(--text-muted)}.error-recovery__request-id{font-size:11px;color:var(--text-muted);font-family:monospace}.kill-switch-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg);display:flex;align-items:center;justify-content:center}.kill-switch-card{text-align:center;max-width:500px;padding:40px 32px}.kill-switch-icon{font-size:48px;margin-bottom:16px}.kill-switch-title{font-size:28px;font-weight:700;color:var(--danger);margin-bottom:16px}.kill-switch-message{font-size:18px;color:var(--text);margin-bottom:8px}.kill-switch-instruction{font-size:18px;color:var(--warning);margin-bottom:16px}.kill-switch-contact{font-size:14px;color:var(--text-muted)}.kill-switch-polling{font-size:12px;color:var(--text-muted);margin-top:16px}.network-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.network-status--offline{color:var(--danger)}.network-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:16px;text-align:center;padding:20px}.error-boundary__detail{font-size:13px;color:var(--text-muted);max-width:500px;font-family:monospace}.error-boundary__reload{padding:12px 24px;border-radius:6px;border:none;background:var(--primary);color:#fff;font-size:15px;cursor:pointer}.scan-result{padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.scan-result--success{background:#34c7591a;border:1px solid var(--success)}.scan-result--error{background:#ff3b3014;border:1px solid var(--danger)}.scan-result__product{display:flex;flex-direction:column;gap:2px}.scan-result__price{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.scan-result__sku{font-size:12px;color:var(--text-muted)}.scan-result__error{display:flex;flex-direction:column;gap:2px;color:var(--danger)}.scan-result__barcode{font-size:12px;color:var(--text-muted);font-family:monospace}.scan-result__dismiss{padding:8px 16px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:13px;cursor:pointer}.scan-loading{font-size:13px;color:var(--text-muted);margin-bottom:12px}.sale-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:20px}.sale-panel__header{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.sale-panel__subtitle{color:var(--text-muted);font-size:13px;margin-top:4px}.sale-panel__meta{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.sale-pill{padding:6px 10px;border-radius:999px;background:#ffffff0d;border:1px solid var(--border);font-size:12px;color:var(--text-muted)}.sale-pill--accent{color:var(--primary);border-color:#6b4fbb73}.sale-pill--info{color:var(--warning);border-color:#ff950059}.sale-panel__message{margin-bottom:12px;font-size:13px;color:var(--text-muted)}.sale-panel__notice{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:10px;margin-bottom:12px}.sale-panel__notice--warning{background:#ff950014;border:1px solid rgba(255,149,0,.35);color:var(--warning)}.sale-panel__notice--success{background:#34c75914;border:1px solid rgba(52,199,89,.35);color:var(--success)}.sale-panel__notice-body{display:flex;flex-direction:column;gap:4px}.sale-panel__notice-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sale-panel__controls{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.sale-panel__field{display:flex;flex-direction:column;gap:6px;min-width:240px;color:var(--text-muted);font-size:13px}.sale-panel__field select{width:100%;padding:10px 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px}.sale-panel__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}.sale-panel__body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.9fr);gap:16px}.sale-panel__lines{display:flex;flex-direction:column;gap:8px}.sale-panel__empty{padding:16px;border:1px dashed var(--border);border-radius:10px;color:var(--text-muted);font-size:14px}.sale-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:center;padding:12px;border-radius:10px;border:1px solid var(--border);background:#ffffff05}.sale-line__main{display:flex;flex-direction:column;min-width:0}.sale-line__main span{color:var(--text-muted);font-size:12px}.sale-line__qty{display:inline-flex;align-items:center;gap:8px}.sale-line__qty-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer}.sale-line__price{font-weight:700;font-variant-numeric:tabular-nums;min-width:84px;text-align:right}.sale-line__remove{border:1px solid rgba(255,59,48,.4);background:transparent;color:var(--danger);padding:8px 10px;border-radius:6px;cursor:pointer}.sale-panel__summary{padding:14px;border:1px solid var(--border);border-radius:10px;background:#ffffff08;display:flex;flex-direction:column;gap:10px}.sale-summary__row{display:flex;justify-content:space-between;gap:8px;font-size:14px;color:var(--text-muted)}.sale-summary__row strong{color:var(--text);font-variant-numeric:tabular-nums}.sale-summary__row--total{padding-top:10px;border-top:1px solid var(--border);font-size:16px}.sale-summary__hint{font-size:12px;color:var(--text-muted);line-height:1.5}.sale-summary__hint--warning{color:var(--warning)}.sale-summary__errors{margin-left:18px;color:var(--danger);font-size:13px;display:flex;flex-direction:column;gap:4px}.print-receipt{display:inline-flex;align-items:center;gap:8px}.action-btn.print{background:var(--surface);border:1px solid var(--primary);color:var(--primary);padding:12px 20px;border-radius:6px;font-size:14px;cursor:pointer;min-height:48px}.print-error{color:var(--danger);font-size:12px}.receipt-print-section{margin-top:24px}.receipt-print-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.printer-settings{display:flex;flex-direction:column;gap:14px;padding:14px;margin-bottom:14px;border:1px solid var(--border);border-radius:10px;background:#1a1d27d9}.printer-settings__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.printer-settings__summary{color:var(--text-muted);font-size:13px;margin-top:4px}.printer-settings__actions{display:flex;gap:8px;flex-wrap:wrap}.printer-settings__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.printer-settings__field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-muted)}.printer-settings__field input,.printer-settings__field select{width:100%;padding:10px 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px}.printer-settings__checkbox{display:flex;align-items:center;gap:8px;color:var(--text);font-size:14px}.printer-settings__checkbox input{width:16px;height:16px}.printer-settings__status{padding:10px 12px;border-radius:6px;background:#34c75914;color:var(--success);font-size:13px}.printer-settings__status--error{background:#ff3b3014;color:var(--danger)}.printer-settings__footer{display:flex;gap:10px;flex-wrap:wrap}.btn-sm{padding:10px 14px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:13px;cursor:pointer}.btn-sm:disabled,.btn-primary:disabled,.btn-secondary:disabled,.action-btn:disabled{opacity:.55;cursor:not-allowed}.receipt-print-empty{color:var(--text-muted);font-size:14px}.receipt-list{display:flex;flex-direction:column;gap:10px}.receipt-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.receipt-row__meta{display:flex;flex-direction:column;gap:4px;min-width:0}.receipt-row__time{color:var(--text-muted);font-size:12px}.receipt-row__actions{display:flex;align-items:center;gap:12px}.receipt-row__amount{font-weight:700;font-variant-numeric:tabular-nums}.shell-error__hint{font-size:13px;color:var(--text-muted);margin-top:4px}.no-modules{text-align:center;padding:60px 20px;color:var(--text-muted)}.spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{display:flex;align-items:center;justify-content:center;height:100dvh;padding:20px}.login-card{background:var(--surface);border-radius:var(--radius);padding:32px;width:100%;max-width:380px}.login-brand{text-align:center;font-size:24px;font-weight:700;color:var(--primary);margin-bottom:24px}.login-card input{width:100%;padding:12px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:16px;margin-bottom:12px}.location-picker{max-width:500px;margin:40px auto;padding:20px}.location-picker h2{margin-bottom:16px}.location-picker input{width:100%;padding:12px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:16px;display:block}.location-list{display:flex;flex-direction:column;gap:8px}@media(max-width:600px){.tx-row{grid-template-columns:80px 1fr auto}.tx-status,.tx-void-btn{display:none}.drawer-grid{grid-template-columns:repeat(2,1fr)}.printer-settings__header,.receipt-row{flex-direction:column;align-items:stretch}.receipt-row__actions,.printer-settings__footer{justify-content:space-between}.sale-panel__header,.sale-panel__controls,.sale-panel__body,.sale-panel__notice,.sale-line{grid-template-columns:1fr;display:flex;flex-direction:column;align-items:stretch}.sale-panel__actions,.sale-panel__notice-actions{justify-content:stretch}.sale-line__qty{justify-content:flex-start}.sale-line__price{text-align:left}}