.qfp-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden}.qfp-tab-bar{display:flex;gap:0;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-panel)}.qfp-tab{flex:1;height:36px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:5px}.qfp-tab--active{color:var(--green);border-bottom-color:var(--green)}.qfp-folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;padding:10px;overflow-y:auto;flex:1}.qfp-folder-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 6px;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;transition:all .12s;min-height:80px;text-align:center}.qfp-folder-btn:active{transform:scale(.94)}.qfp-folder-emoji{font-size:1.6rem;line-height:1}.qfp-folder-name{font-size:.7rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.qfp-folder-count{font-size:.62rem;color:var(--text-muted)}.qfp-back-bar{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-panel)}.qfp-back-btn{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-sm);color:var(--text-secondary);padding:4px 10px;font-size:.72rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px}.qfp-folder-title{font-size:.8rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:6px}.qfp-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;padding:10px;overflow-y:auto;flex:1}.qfp-product-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:all .12s;min-height:72px;text-align:center}.qfp-product-btn:active{transform:scale(.93)}.qfp-product-btn:hover{border-color:var(--green-border);background:var(--green-dim)}.qfp-product-name{font-size:.7rem;font-weight:700;color:var(--text-primary);line-height:1.2;max-width:82px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.qfp-product-price{font-size:.72rem;font-weight:800;color:var(--green)}.qfp-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:2rem;color:var(--text-muted);font-size:.82rem;text-align:center}.cdm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#000000d1;display:flex;align-items:center;justify-content:center;padding:1rem}.cdm-modal{width:100%;max-width:660px;background:var(--bg-panel);border-radius:20px;border:1px solid rgba(245,158,11,.25);display:flex;flex-direction:column;max-height:96vh;overflow:hidden;box-shadow:0 32px 80px #000000b3}.cdm-header{padding:1rem 1.25rem;flex-shrink:0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:#f59e0b0f}.cdm-header-left{display:flex;align-items:center;gap:8px}.cdm-header-title{font-weight:800;font-size:.95rem;color:var(--amber);margin:0}.cdm-header-sub{font-size:.7rem;color:var(--text-muted);margin-top:1px}.cdm-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;display:flex;border-radius:6px}.cdm-body{flex:1;display:flex;flex-direction:row;overflow:hidden;min-height:0}.cdm-left-col{flex:1;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--border);overflow-y:auto;min-width:0}.cdm-right-col{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;padding:1rem 1.25rem 1rem 1rem;background:#f59e0b08}.cdm-shift-chip{padding:.5rem .875rem;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);font-size:.78rem;color:var(--text-muted)}.cdm-label{font-size:.68rem;font-weight:800;color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:5px;display:block}.cdm-note-input{width:100%;padding:.625rem .875rem;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.875rem;box-sizing:border-box;outline:none;font-family:inherit}.cdm-note-input::placeholder{color:var(--text-muted)}.cdm-amount-display{background:var(--bg-card);border:2px solid rgba(245,158,11,.3);border-radius:10px;padding:.625rem 1rem;text-align:center;flex-shrink:0}.cdm-amount-value{font-size:1.75rem;font-weight:900;color:var(--amber);letter-spacing:-.02em;font-variant-numeric:tabular-nums;display:block;min-height:2rem}.cdm-amount-hint{font-size:.65rem;color:var(--text-muted);margin-top:2px}.cdm-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;flex:1}.cdm-key{height:var(--touch, 48px);border-radius:8px;background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-primary);font-size:1rem;font-weight:700;cursor:pointer;transition:background .1s,transform .08s;display:flex;align-items:center;justify-content:center}.cdm-key:active{transform:scale(.93);background:var(--bg-hover)}.cdm-key--clear{color:var(--amber);border-color:#f59e0b4d}.cdm-key--backspace{color:var(--red);border-color:#e03f3f40}.cdm-key--zero{grid-column:span 2}.cdm-error{padding:.5rem .75rem;border-radius:8px;background:#e03f3f14;border:1px solid rgba(224,63,63,.25);color:var(--red);font-size:.78rem;font-weight:600}.cdm-footer{border-top:1px solid var(--border);padding:.875rem 1.25rem;flex-shrink:0;display:flex;gap:8px}.cdm-btn-cancel{flex:1;padding:.875rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-weight:700;font-size:.875rem;cursor:pointer}.cdm-btn-submit{flex:2;padding:.875rem;border:none;border-radius:10px;font-weight:800;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .12s}.cdm-btn-submit--active{background:var(--amber);color:#fff}.cdm-btn-submit--saving{background:var(--bg-input);color:var(--text-muted);cursor:not-allowed}.cdm-btn-submit--success{background:var(--green);color:#fff}.cdm-btn-submit--disabled{background:var(--bg-input);color:var(--text-muted);cursor:not-allowed}@media (max-width: 520px){.cdm-modal{max-width:100%;border-radius:16px}.cdm-body{flex-direction:column-reverse}.cdm-right-col{width:100%;border-bottom:1px solid var(--border)}.cdm-left-col{border-right:none}.cdm-numpad{grid-template-columns:repeat(4,1fr)}.cdm-key--zero{grid-column:span 1}}.brm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#000000d1;display:flex;align-items:center;justify-content:center;padding:1rem}.brm-modal{width:100%;max-width:740px;background:var(--bg-panel);border-radius:var(--r-xl);border:1px solid rgba(52,211,153,.25);display:flex;flex-direction:column;max-height:96vh;overflow:hidden;box-shadow:0 32px 80px #000000b3}.brm-header{padding:1rem 1.25rem;flex-shrink:0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:#34d3990f}.brm-header-left{display:flex;align-items:center;gap:8px}.brm-header-left h2{font-weight:800;font-size:.95rem;color:#34d399;margin:0}.brm-header-left p{font-size:.7rem;color:var(--text-muted);margin:2px 0 0}.brm-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;display:flex;border-radius:var(--r-sm)}.brm-content{flex:1;display:flex;flex-direction:row;overflow:hidden;min-height:0}.brm-left-col{flex:1;overflow-y:auto;padding:.75rem 1rem;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--border);min-width:0}.brm-right-col{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:.875rem 1rem;background:#34d39908;overflow-y:auto}.brm-rule-row{display:flex;align-items:center;gap:10px;padding:.75rem .875rem;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:all .12s}.brm-rule-row--active{border-color:#34d39973;background:#34d39914}.brm-rule-info{flex:1;min-width:0}.brm-rule-name{font-weight:700;font-size:.88rem;color:var(--text-primary)}.brm-rule-meta{font-size:.7rem;color:var(--text-muted);margin-top:2px}.brm-rule-qty{width:36px;text-align:center;font-weight:900;font-size:1rem;color:#34d399;flex-shrink:0}.brm-rule-total{width:52px;text-align:right;font-weight:800;font-size:.88rem;color:#34d399;flex-shrink:0}.brm-rule-total--zero{color:var(--text-muted)}.brm-numpad-display{background:var(--bg-card);border:2px solid rgba(52,211,153,.3);border-radius:var(--r-md);padding:.5rem .875rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.brm-numpad-label{font-size:.68rem;color:var(--text-muted);font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brm-numpad-value{font-size:1.5rem;font-weight:900;color:#34d399;font-variant-numeric:tabular-nums}.brm-numpad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;flex-shrink:0}.brm-nkey{height:44px;border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-primary);font-size:1rem;font-weight:700;cursor:pointer;transition:background .1s;display:flex;align-items:center;justify-content:center}.brm-nkey:active{background:var(--bg-hover);transform:scale(.93)}.brm-nkey:disabled{cursor:not-allowed;opacity:.4}.brm-nkey--clear{color:var(--amber);border-color:#f59e0b4d}.brm-nkey--back{color:var(--red);border-color:#e03f3f40}.brm-summary{border-top:1px solid var(--border);padding-top:8px;flex-shrink:0}.brm-line-item{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);margin-bottom:3px}.brm-total-row{display:flex;justify-content:space-between;font-weight:800;font-size:.95rem;margin-top:6px;padding-top:6px;border-top:1px solid var(--border);color:#34d399}.brm-error{padding:.5rem .75rem;border-radius:var(--r-md);background:#e03f3f14;border:1px solid rgba(224,63,63,.25);color:var(--red);font-size:.78rem;font-weight:600}.brm-footer{border-top:1px solid var(--border);padding:.875rem 1.25rem;flex-shrink:0;display:flex;gap:8px}.brm-btn-cancel{flex:1;padding:.875rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-md);color:var(--text-secondary);font-weight:700;font-size:.875rem;cursor:pointer}.brm-btn-submit{flex:2;padding:.875rem;border:none;border-radius:var(--r-md);font-weight:800;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .12s}.brm-btn-submit--active{background:#34d399e6;color:#0f1117}.brm-btn-submit--disabled{background:var(--bg-input);color:var(--text-muted);cursor:not-allowed}.brm-btn-submit--success{background:#34d399;color:#0f1117}.brm-loading{text-align:center;padding:2rem;color:var(--text-muted);font-size:.85rem}.brm-empty{text-align:center;padding:2rem;color:var(--text-muted);font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:8px}@media (max-width: 540px){.brm-modal{max-width:100%}.brm-content{flex-direction:column}.brm-left-col{border-right:none;border-bottom:1px solid var(--border);max-height:40vh}.brm-right-col{width:100%}}.vpm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#000000e0;display:flex;align-items:center;justify-content:center;padding:1rem}.vpm-modal{width:100%;max-width:740px;background:var(--bg-panel);border-radius:var(--r-xl);border:1px solid rgba(168,85,247,.25);display:flex;flex-direction:column;max-height:96vh;overflow:hidden;box-shadow:0 32px 80px #000000b3}.vpm-header{padding:1rem 1.25rem;flex-shrink:0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:#a855f70f}.vpm-header-title{display:flex;align-items:center;gap:8px}.vpm-header-title h2{font-weight:800;font-size:.95rem;color:#a855f7;margin:0}.vpm-header-title p{font-size:.7rem;color:var(--text-muted);margin:2px 0 0}.vpm-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;display:flex;border-radius:var(--r-sm)}.vpm-body{flex:1;overflow:hidden;display:flex;flex-direction:row;min-height:0}.vpm-left-col{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--border);min-width:0}.vpm-right-col{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;padding:1rem 1.25rem 1rem 1rem;background:#a855f708}.vpm-amount-display{background:var(--bg-card);border:2px solid rgba(168,85,247,.3);border-radius:var(--r-lg);padding:.625rem 1rem;text-align:center}.vpm-amount-value{font-size:1.75rem;font-weight:900;color:#a855f7;letter-spacing:-.02em;font-variant-numeric:tabular-nums;min-height:2rem;display:block}.vpm-amount-hint{font-size:.65rem;color:var(--text-muted);margin-top:2px}.vpm-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;flex:1}.vpm-key{height:var(--touch, 48px);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-primary);font-size:1rem;font-weight:700;cursor:pointer;transition:background .1s,transform .08s;display:flex;align-items:center;justify-content:center}.vpm-key:active{transform:scale(.93);background:var(--bg-hover)}.vpm-key--clear{color:var(--amber);border-color:#f59e0b4d}.vpm-key--backspace{color:var(--red);border-color:#e03f3f40}.vpm-key--zero{grid-column:span 2}.vpm-section-label{font-size:.68rem;font-weight:800;color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:5px;display:block}.vpm-select-wrap{position:relative}.vpm-select{width:100%;padding:.5rem 2.5rem .5rem .75rem;background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--r-md);color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vpm-select-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted)}.vpm-recipient-input{margin-top:6px;width:100%;padding:.5rem .875rem;background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--r-md);color:var(--text-primary);font-size:.875rem;box-sizing:border-box}.vpm-recipient-input::placeholder{color:var(--text-muted)}.vpm-type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:7px}.vpm-type-btn{height:38px;border-radius:var(--r-md);border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-muted);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .12s;display:flex;align-items:center;justify-content:center;gap:5px}.vpm-type-btn--active-expense{background:#f59e0b1f;border-color:#f59e0b66;color:var(--amber)}.vpm-type-btn--active-merch{background:#a855f71f;border-color:#a855f766;color:#a855f7}.vpm-tender-btns{display:flex;flex-wrap:wrap;gap:6px}.vpm-tender-btn{padding:6px 12px;border-radius:var(--r-md);border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-muted);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .12s}.vpm-tender-btn--active{background:#14b8a61f;border-color:#14b8a666;color:#14b8a6}.vpm-note{width:100%;background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--r-md);color:var(--text-primary);font-size:.875rem;padding:.5rem .875rem;resize:none;font-family:inherit;min-height:56px;box-sizing:border-box}.vpm-note::placeholder{color:var(--text-muted)}.vpm-error{padding:.5rem .75rem;border-radius:var(--r-md);background:#e03f3f14;border:1px solid rgba(224,63,63,.25);color:var(--red);font-size:.78rem;font-weight:600}.vpm-footer{border-top:1px solid var(--border);padding:.875rem 1.25rem;flex-shrink:0;display:flex;gap:8px}.vpm-btn-cancel{flex:1;padding:.75rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-md);color:var(--text-secondary);font-weight:700;font-size:.875rem;cursor:pointer}.vpm-btn-confirm{flex:2;padding:.75rem;background:#a855f7e6;border:none;border-radius:var(--r-md);color:#fff;font-weight:800;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:opacity .12s}.vpm-btn-confirm:disabled{opacity:.4;cursor:not-allowed}.vpm-success{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;gap:12px;text-align:center}.vpm-success-icon{width:64px;height:64px;border-radius:50%;background:#a855f726;border:2px solid rgba(168,85,247,.4);display:flex;align-items:center;justify-content:center}.vpm-success-title{font-size:1.1rem;font-weight:900;color:#a855f7;margin:0}.vpm-success-detail{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0}.vpm-success-actions{display:flex;gap:8px;width:100%;margin-top:8px}.vpm-btn-print{flex:1;padding:.75rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-md);color:var(--text-secondary);font-weight:700;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.vpm-btn-skip{flex:1;padding:.75rem;background:#a855f7e6;border:none;border-radius:var(--r-md);color:#fff;font-weight:800;font-size:.85rem;cursor:pointer}@media (max-width: 560px){.vpm-modal{max-width:100%;border-radius:var(--r-lg)}.vpm-body{flex-direction:column-reverse;overflow-y:auto}.vpm-left-col{border-right:none;overflow-y:unset}.vpm-right-col{width:100%;border-bottom:1px solid var(--border);padding:1rem 1.25rem}.vpm-numpad{grid-template-columns:repeat(4,1fr)}.vpm-key--zero{grid-column:span 1}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #0f1117;--bg-panel: #161922;--bg-card: #1e2130;--bg-input: #252836;--bg-hover: #2a2f44;--green: #7ac143;--green-dim: rgba(122,193,67,.15);--green-border: rgba(122,193,67,.35);--red: #e03f3f;--red-dim: rgba(224,63,63,.15);--amber: #f59e0b;--amber-dim: rgba(245,158,11,.15);--blue: #3b82f6;--blue-dim: rgba(59,130,246,.15);--purple: #8b5cf6;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-deposit: #7dd3fc;--border: rgba(255,255,255,.07);--border-light: rgba(255,255,255,.12);--statusbar-bg: #0a0c12;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--touch: 52px;--touch-sm:44px;font-family:Inter,system-ui,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}html,body,#root{height:100%;overflow:hidden;background:var(--bg-base);color:var(--text-primary)}.scroll{overflow-y:auto;overflow-x:hidden}.scroll::-webkit-scrollbar{width:4px}.scroll::-webkit-scrollbar-track{background:transparent}.scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:active{transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}input,select{font-family:inherit;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--r-md);padding:.75rem 1rem;font-size:.95rem;outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--green)}@keyframes flashGreen{0%{background:#7ac14340}to{background:transparent}}@keyframes flashRed{0%{background:#e03f3f40}to{background:transparent}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-xl);width:100%;max-width:480px;box-shadow:0 32px 80px #0009;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideDown{0%{transform:translate(-50%) translateY(-12px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}@media print{body{background:#fff;color:#000;font-family:Courier New,monospace}.no-print{display:none!important}.receipt-print,.shift-report-print{display:block!important}body:has(.shift-report-print)>*:not(:has(.shift-report-print)){display:none!important}}