@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Poppins:wght@500;600&display=swap";.billing-root{--white:#fff;--bg:#f3f4f6;--surface:#fff;--border:#e5e7eb;--border-dk:#d1d5db;--text:#111827;--text-mid:#374151;--text-muted:#6b7280;--blue:#2563eb;--blue-light:#eff6ff;--blue-fg:#fff;--brand-dk:#0f172a;--brand-fg:#e7e8e3;--danger:#dc2626;--danger-bg:#fef2f2;--danger-bd:#fca5a5;--success:#16a34a;--success-bg:#f0fdf4;--success-bd:#86efac;--orange:#f97316;--r:8px;--r-sm:6px;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--row-hover:#fafafa;background:var(--bg);color:var(--text);flex-direction:column;min-width:0;max-width:100%;height:100%;font-family:Poppins,sans-serif;font-size:14px;display:flex;overflow:hidden}[data-theme=dark] .billing-root{--white:#161b27;--bg:#0d1117;--surface:#161b27;--border:#ffffff14;--border-dk:#ffffff21;--text:#f0f6fc;--text-mid:#c9d1d9;--text-muted:#8b949e;--blue:#3b82f6;--blue-light:#1e3a5f;--blue-fg:#fff;--danger:#f87171;--danger-bg:#2d1b1b;--danger-bd:#7f1d1d;--success:#34d399;--success-bg:#052e16;--success-bd:#065f46;--shadow:0 1px 3px #0006;--shadow-md:0 4px 6px #0006;--row-hover:#1a2234}.billing-root button,.billing-root input,.billing-root select,.billing-root textarea{font-family:Poppins,sans-serif!important}.bill-header{background:var(--white);border-bottom:1px solid var(--border);height:52px;box-shadow:var(--shadow);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.25rem;display:flex}.bill-header__title{color:var(--text);letter-spacing:.01em;font-size:1rem;font-weight:700}.bill-header__right{color:var(--text-muted);align-items:center;gap:1.25rem;font-size:.82rem;display:flex}.bill-header__online{color:var(--success);align-items:center;gap:.35rem;font-weight:600;display:flex}.bill-header__clock{align-items:center;gap:.3rem;display:flex}.bill-header__cashier{color:var(--text-mid);cursor:pointer;align-items:center;gap:.35rem;font-weight:600;display:flex}.bill-grid{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,30%);gap:0;min-width:0;display:grid;overflow:hidden}.bill-left{background:var(--bg);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.bill-scan-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);align-items:center;gap:.75rem;margin:.85rem .9rem .55rem;padding:.65rem .85rem;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 4px 12px #0f172a08,0 1px 3px #0f172a05}.bill-scan-card:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f,0 4px 12px #0f172a08}.bill-scan-card__icon{background:var(--bg);border:1px solid var(--border);width:40px;height:40px;color:var(--text-mid);border-radius:var(--r-sm);flex-shrink:0;place-items:center;display:grid}.bill-scan-card__body{flex:1;min-width:0}.bill-scan-card__input{width:100%;font:inherit;color:var(--text);background:0 0;border:none;outline:none;font-size:1.05rem;font-weight:500;display:block}.bill-scan-card__input::placeholder{color:var(--text-muted);font-weight:400}.bill-scan-card__actions{align-items:center;gap:.6rem;display:flex}.bill-scan-card__clear{border:1px solid var(--border);border-radius:var(--r-sm);font:inherit;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.75rem;transition:border-color .1s,color .1s;display:flex}.bill-scan-card__clear:hover{border-color:var(--danger-bd);color:var(--danger);background:var(--danger-bg)}.bill-scan-card__kbd,.bill-scan-card__enter-kbd,.bill-customer-lookup__kbd{color:var(--text-muted);background:var(--bg);border:1px solid var(--border-dk);white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;padding:.15rem .4rem;font-family:inherit;font-size:.7rem;font-weight:600;display:inline-flex}.bill-submit-kbd{color:#ffffffe6;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff40;border-radius:4px;margin-left:.5rem;padding:.12rem .35rem;font-family:inherit;font-size:.72rem;font-weight:600}.bill-error-bar{background:var(--danger-bg);border:1px solid var(--danger-bd);border-radius:var(--r-sm);color:var(--danger);margin:0 .9rem .4rem;padding:.38rem .7rem;font-size:.78rem;font-weight:600}.bill-cart-heading{justify-content:space-between;align-items:center;padding:.5rem .9rem;display:flex}.bill-cart-heading__left{color:var(--text);font-size:.9rem;font-weight:700}.bill-cart-heading__count{color:var(--text-muted);margin-left:.25rem;font-size:.82rem;font-weight:500}.bill-clear-btn{color:var(--danger);font:inherit;cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;align-items:center;gap:.3rem;padding:.25rem .4rem;font-size:.78rem;font-weight:600;display:flex}.bill-clear-btn:hover{background:var(--danger-bg)}.bill-cart-table-wrap{background:var(--white);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);flex-shrink:0;margin:0 .9rem;overflow:hidden}.bill-cart-cols{background:var(--bg);border-bottom:1px solid var(--border);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);grid-template-columns:96px 1fr 80px 80px 36px;padding:.5rem .85rem;font-size:.72rem;font-weight:700;display:grid}.bill-cart-body{flex-direction:column;flex:1;margin:0 .9rem .9rem;display:flex;overflow-y:auto}.bill-cart-rows-card{background:var(--white);border:1px solid var(--border);border-radius:0 0 var(--r) var(--r);box-shadow:var(--shadow);border-top:none;flex-direction:column;flex:1;display:flex;overflow:hidden}.bill-cart-row{border-bottom:1px solid var(--border);grid-template-columns:96px 1fr 80px 80px 36px;align-items:center;gap:.5rem;padding:.6rem .85rem;transition:background .1s;display:grid}.bill-cart-row:last-child{border-bottom:none}.bill-cart-row:hover{background:var(--row-hover)}.bill-stepper{border:1px solid var(--border-dk);border-radius:var(--r-sm);align-items:center;width:88px;display:flex;overflow:hidden}.bill-stepper__btn{background:var(--bg);cursor:pointer;width:26px;height:30px;color:var(--text-mid);border:none;flex-shrink:0;place-items:center;font-size:.9rem;font-weight:700;transition:background .1s;display:grid}.bill-stepper__btn:hover{background:var(--border)}.bill-stepper__btn:disabled{opacity:.35;cursor:not-allowed}.bill-stepper__val{text-align:center;font:inherit;outline:none;flex:1;width:34px;height:28px;font-size:.88rem;font-weight:700;border:none!important;border-left:1px solid var(--border-dk)!important;border-right:1px solid var(--border-dk)!important;background:var(--white)!important;color:var(--text)!important;border-radius:0!important;padding:0!important}.bill-prod-img{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);flex-shrink:0;place-items:center;width:40px;height:40px;font-size:1.1rem;display:grid}.bill-prod-body{align-items:center;gap:.6rem;display:flex}.bill-prod-name{color:var(--text);font-size:.88rem;font-weight:600;line-height:1.2}.bill-prod-meta{color:var(--text-muted);margin-top:.08rem;font-size:.72rem}.bill-prod-price{color:var(--text-mid);font-size:.88rem}.bill-prod-total{color:var(--text);font-size:.9rem;font-weight:700}.bill-del-btn{border-radius:var(--r-sm);cursor:pointer;width:28px;height:28px;color:var(--text-muted);background:0 0;border:none;place-items:center;font-size:.95rem;transition:background .1s,color .1s;display:grid}.bill-del-btn:hover{background:var(--danger-bg);color:var(--danger)}.bill-empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.bill-empty__icon{opacity:.35;font-size:2.5rem}.bill-empty__text{font-size:.88rem;font-weight:500}.bill-empty__sub{font-size:.75rem}.bill-footer{border-top:1px solid var(--border);background:var(--white);flex-shrink:0;margin-top:auto;display:flex}.bill-footer-btn{border:none;border-right:1px solid var(--border);font:inherit;cursor:pointer;background:0 0;flex-direction:column;flex:1;align-items:center;gap:.15rem;padding:.55rem .5rem;transition:background .1s;display:flex}.bill-footer-btn:last-child{border-right:none}.bill-footer-btn:hover{background:var(--bg)}.bill-footer-btn__icon{font-size:1rem}.bill-footer-btn__label{color:var(--text-mid);font-size:.73rem;font-weight:600}.bill-footer-btn__sub{color:var(--text-muted);font-size:.63rem}.bill-right{background:var(--white);border-left:1px solid var(--border);flex-direction:column;width:100%;min-width:0;display:flex;overflow:hidden auto}.bill-section{border-bottom:1px solid var(--border);padding:.85rem 1rem}.bill-section-title{color:var(--text-mid);align-items:center;gap:.4rem;margin-bottom:.6rem;font-size:.78rem;font-weight:700;display:flex}.bill-section-icon{font-size:1rem}.bill-customer-empty{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.bill-customer-empty__label{color:var(--text);font-size:.88rem;font-weight:600}.bill-customer-empty__sub{color:var(--text-muted);margin-top:.1rem;font-size:.74rem}.bill-add-btn{background:var(--blue-light);border-radius:var(--r-sm);font:inherit;color:var(--blue);cursor:pointer;white-space:nowrap;border:1px solid #bfdbfe;align-items:center;gap:.3rem;padding:.38rem .8rem;font-size:.78rem;font-weight:700;transition:background .1s;display:flex}.bill-add-btn:hover{background:#dbeafe}.bill-customer-lookup{gap:.4rem;margin-top:.55rem;display:flex}.bill-customer-lookup input{border:1px solid var(--border);border-radius:var(--r-sm);font:inherit;background:var(--white);color:var(--text);outline:none;flex:1;padding:.42rem .65rem;font-size:.85rem;transition:border-color .12s}.bill-customer-lookup input:focus{border-color:var(--blue)}.bill-customer-lookup__actions{align-items:center;gap:.4rem;display:flex}.bill-lookup-btn{background:var(--blue);border-radius:var(--r-sm);color:var(--blue-fg);font:inherit;cursor:pointer;border:none;padding:.42rem .85rem;font-size:.8rem;font-weight:700;transition:opacity .12s}.bill-lookup-btn:hover{opacity:.88}.bill-customer-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);align-items:center;gap:.65rem;padding:.55rem .75rem;display:flex}.bill-customer-avatar{background:var(--blue);width:32px;height:32px;color:var(--blue-fg);border-radius:50%;place-items:center;font-size:.9rem;font-weight:800;display:grid}.bill-customer-name{font-size:.88rem;font-weight:600}.bill-customer-meta{color:var(--text-muted);font-size:.72rem}.bill-customer-remove{border:1px solid var(--border);border-radius:var(--r-sm);font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;margin-left:auto;padding:.15rem .4rem;font-size:.72rem}.bill-customer-remove:hover{border-color:var(--danger);color:var(--danger)}.bill-offer-list{flex-direction:column;gap:.35rem;display:flex}.bill-offer-row{background:var(--success-bg);border:1px solid var(--success-bd);border-radius:var(--r-sm);color:var(--success);justify-content:space-between;padding:.32rem .65rem;font-size:.8rem;font-weight:600;display:flex}.bill-no-offers{color:var(--text-muted);font-size:.8rem;font-style:italic}.bill-disc-tabs{border:1px solid var(--border);border-radius:var(--r-sm);margin-bottom:.6rem;display:flex;overflow:hidden}.bill-disc-tab{text-align:center;background:var(--white);font:inherit;cursor:pointer;color:var(--text-muted);border:none;flex:1;padding:.38rem;font-size:.78rem;font-weight:600;transition:background .12s,color .12s}.bill-disc-tab--active{background:var(--blue);color:var(--blue-fg)}.bill-disc-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.bill-disc-field{flex-direction:column;gap:.25rem;display:flex}.bill-field-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem;font-weight:600}.bill-disc-input,.bill-disc-select{border:1px solid var(--border);border-radius:var(--r-sm);font:inherit;background:var(--bg);color:var(--text);outline:none;padding:.42rem .6rem;font-size:.9rem;transition:border-color .12s}.bill-disc-input:focus,.bill-disc-select:focus{border-color:var(--blue)}.bill-summary{flex-direction:column;gap:.32rem;display:flex}.bill-sum-row{color:var(--text-muted);justify-content:space-between;font-size:.86rem;display:flex}.bill-sum-row--red{color:var(--danger);font-weight:600}.bill-sum-row--green{color:var(--success);font-weight:600}.bill-sum-total{border-top:2px solid var(--border-dk);justify-content:space-between;align-items:baseline;margin-top:.55rem;padding-top:.55rem;display:flex}.bill-sum-total__label{letter-spacing:.03em;text-transform:uppercase;color:var(--text);font-size:1rem;font-weight:800}.bill-sum-total__value{color:var(--blue);font-size:1.5rem;font-weight:900}.bill-pay-tabs{grid-template-columns:repeat(4,1fr);gap:.35rem;display:grid}.bill-pay-tab{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-sm);font:inherit;cursor:pointer;color:var(--text-mid);flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .3rem;font-size:.72rem;font-weight:600;transition:all .12s;display:flex}.bill-pay-tab:hover{border-color:var(--blue);color:var(--blue)}.bill-pay-tab--active{background:var(--blue-light);border-color:var(--blue);color:var(--blue)}.bill-pay-tab__icon{font-size:1.1rem}.bill-recv-row{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.65rem;display:grid}.bill-recv-field{flex-direction:column;gap:.25rem;display:flex}.bill-recv-input{border:1px solid var(--border);border-radius:var(--r-sm);font:inherit;background:var(--bg);color:var(--text);outline:none;padding:.5rem .7rem;font-size:.95rem;font-weight:700;transition:border-color .12s}.bill-recv-input:focus{border-color:var(--blue)}.bill-balance{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--blue);padding:.5rem .7rem;font-size:.95rem;font-weight:700}.bill-balance--neg{color:var(--danger)}.bill-actions{border-top:1px solid var(--border);background:var(--white);flex-direction:column;gap:.45rem;margin-top:auto;padding:.85rem 1rem;display:flex;position:sticky;bottom:0}.bill-submit-btn{background:var(--blue);width:100%;color:var(--blue-fg);border-radius:var(--r);font:inherit;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.82rem 1rem;font-size:.92rem;font-weight:800;transition:opacity .12s,box-shadow .12s;display:flex;box-shadow:0 4px 14px #2563eb4d}.bill-submit-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.bill-submit-btn:not(:disabled):hover{opacity:.9}.bill-sec-btns{gap:.45rem;display:flex}.bill-sec-btn{border:1.5px solid var(--border-dk);border-radius:var(--r);background:var(--white);color:var(--text-mid);font:inherit;cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.3rem;padding:.55rem .75rem;font-size:.8rem;font-weight:700;transition:background .1s;display:flex}.bill-sec-btn:hover{background:var(--bg)}.bill-sec-btn--danger{border-color:var(--danger);color:var(--danger)}.bill-sec-btn--danger:hover{background:var(--danger-bg)}.bill-status{border-radius:var(--r-sm);text-align:center;padding:.4rem .6rem;font-size:.8rem;font-weight:600}.bill-status--ok{background:var(--success-bg);color:var(--success)}.bill-status--err{background:var(--danger-bg);color:var(--danger)}.bill-session-bar{background:var(--bg);border-top:1px solid var(--border);color:var(--text-muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:.3rem 1rem;font-size:.68rem;display:flex}.bill-modal-backdrop{z-index:50;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.bill-modal{background:var(--white);border-radius:var(--r);width:min(92vw,560px);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.bill-modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.bill-modal__title{color:var(--text);font-size:.95rem;font-weight:800}.bill-modal__close{border:1px solid var(--border);background:var(--bg);cursor:pointer;width:28px;height:28px;color:var(--text-muted);border-radius:50%;place-items:center;font-size:1rem;display:grid}.bill-modal__close:hover{background:var(--danger-bg);color:var(--danger)}.bill-modal__body{padding:1.25rem}.bill-form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.65rem;display:grid}.bill-form-field{flex-direction:column;gap:.28rem;display:flex}.bill-form-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:700}.bill-form-input,.bill-form-select{border:1px solid var(--border);border-radius:var(--r-sm);font:inherit;background:var(--bg);color:var(--text);outline:none;padding:.5rem .7rem;font-size:.9rem;transition:border-color .12s}.bill-form-input:focus,.bill-form-select:focus{border-color:var(--blue)}.bill-form-submit{background:var(--blue);border-radius:var(--r-sm);font:inherit;color:var(--blue-fg);cursor:pointer;border:none;padding:.65rem 1.25rem;font-size:.9rem;font-weight:700;transition:opacity .12s}.bill-form-submit:hover{opacity:.9}.bill-form-error{background:var(--danger-bg);border-radius:var(--r-sm);color:var(--danger);margin-top:.55rem;padding:.42rem .65rem;font-size:.8rem;font-weight:600}@media (width<=900px){.bill-grid{grid-template-columns:1fr}.billing-root{height:auto;overflow-y:auto}.bill-right{max-height:none;overflow-y:visible}.bill-actions{position:static}}.bill-header__title,.bill-modal__title,.bill-cart-heading__left,.bill-section-title,.bill-field-label,.bill-form-label,.bill-sum-total__label,.bill-prod-name,.bill-customer-name,.bill-customer-empty__label{font-family:Poppins,sans-serif!important;font-weight:600!important}.bill-prod-price,.bill-prod-total,.bill-stepper__val,.bill-cart-heading__count,.bill-sum-row,.bill-sum-total__value,.bill-recv-input,.bill-balance,.bill-submit-btn,.bill-sec-btn,.bill-offer-row,.bill-scan-card__kbd,.bill-scan-card__enter-kbd,.bill-customer-lookup__kbd,.bill-submit-kbd,.bill-scan-card__input,.bill-shortcut-btn{font-family:Poppins,sans-serif!important;font-weight:500!important}.bill-sum-total__value,.bill-submit-btn,.bill-balance{font-weight:600!important}.bill-shortcuts-row{flex-wrap:wrap;gap:.5rem;width:100%;min-width:0;margin:.2rem 0 .85rem;display:flex}.bill-shortcut-btn{background:var(--white);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-mid);cursor:pointer;align-items:center;gap:.42rem;padding:.4rem .75rem;transition:background .12s,border-color .12s,transform .12s;display:inline-flex;box-shadow:0 1px 2px #00000008}.bill-shortcut-btn:hover:not(:disabled){background:var(--bg);border-color:var(--border-dk);transform:translateY(-1px)}.bill-shortcut-btn:active:not(:disabled){transform:translateY(0)}.bill-shortcut-btn:disabled{opacity:.5;cursor:not-allowed}.bill-shortcut-btn svg{color:var(--text-muted);flex-shrink:0}.bill-shortcut-btn strong{color:var(--blue);font-weight:600!important}html,body,#root{height:100%;margin:0}:root{color:#172033;--bg:#f4f6fb;--panel:#fff;--panel-2:#f8fafc;--border:#e2e8f0;--text:#0f172a;--text-mid:#334155;--text-muted:#64748b;--shadow:0 4px 20px #0f172a0f;background:#f4f6fb;font-family:Inter,ui-sans-serif,system-ui}[data-theme=dark]{color:#e2e8f0;--bg:#0d1117;--panel:#161b27;--panel-2:#1a2234;--border:#ffffff14;--text:#f0f6fc;--text-mid:#c9d1d9;--text-muted:#8b949e;--shadow:0 4px 20px #0006;background:#0d1117}*{box-sizing:border-box}body{margin:0}button,.button,input,select{font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:.68rem .85rem}button,.button{color:#1e293b;cursor:pointer;background:#fff;text-decoration:none}[data-theme=dark] button,[data-theme=dark] .button{color:#e2e8f0;background:#1e293b;border-color:#ffffff1a}.primary,.sidebar a.active{color:#fff!important;background:#2563eb!important}.app-shell{grid-template-columns:250px 1fr;height:100vh;transition:grid-template-columns .22s;display:grid;overflow:hidden}.app-shell.sidebar-collapsed{grid-template-columns:60px 1fr}.sidebar{color:#fff;background:#0b1220;flex-direction:column;gap:1rem;height:100%;padding:1.25rem .75rem;display:flex;overflow:hidden}.sidebar-header{justify-content:space-between;align-items:center;gap:.5rem;min-height:2.2rem;padding:0 .25rem;display:flex}.sidebar-brand{white-space:nowrap;letter-spacing:.01em;font-size:1.1rem;font-weight:700;overflow:hidden}.sidebar-toggle{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;padding:0;font-size:1.1rem;transition:background .15s,color .15s;display:flex}.sidebar-toggle:hover{color:#fff;background:#ffffff2e}.sidebar nav{flex:1;gap:.35rem;min-height:0;display:grid;overflow-y:auto}.sidebar a{color:#cbd5e1;white-space:nowrap;border-radius:12px;align-items:center;gap:.65rem;padding:.65rem .75rem;text-decoration:none;transition:background .12s,color .12s;display:flex;overflow:hidden}.sidebar a:hover{color:#fff;background:#ffffff14}.app-shell.sidebar-collapsed .sidebar a{justify-content:center;gap:0;padding:.65rem}.theme-toggle{color:#cbd5e1;font:inherit;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.82rem;transition:background .15s;display:flex;overflow:hidden}.theme-toggle:hover{color:#fff;background:#ffffff2e}.content{flex-direction:column;width:100%;min-width:0;height:100%;display:flex;overflow-x:hidden}.content.padded{max-width:1600px;margin:auto;padding:1.5rem;overflow-y:auto}.toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.toolbar>div{flex-wrap:wrap;gap:.6rem;display:flex}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.stat-card,.table-card,.cart-panel,.form-grid,.settings-panel{background:var(--panel,#fff);box-shadow:var(--shadow);border-radius:18px;margin-bottom:1rem;padding:1rem}[data-theme=dark] .stat-card,[data-theme=dark] .table-card,[data-theme=dark] .cart-panel,[data-theme=dark] .form-grid,[data-theme=dark] .settings-panel{border:1px solid var(--border)}.stat-card span{color:var(--text-muted);display:block}.stat-card strong{color:var(--text);font-size:1.8rem}.table-card{max-height:70vh;overflow:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;color:var(--text-mid);padding:.75rem}th{background:var(--panel-2);color:var(--text);position:sticky;top:0}.billing-grid{grid-template-columns:minmax(0,1.4fr) 430px;gap:1rem;display:grid}.cart-line{grid-template-columns:1fr 75px auto 40px;align-items:center;gap:.5rem;margin:.5rem 0;display:grid}.cart-line small{color:var(--text-muted);display:block}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.badge{border-radius:999px;padding:.2rem .6rem;font-weight:700}.badge.ok{color:#166534;background:#dcfce7}.badge.danger{color:#991b1b;background:#fee2e2}.badge.warn{color:#92400e;background:#fef3c7}.badge.neutral{color:#334155;background:#e2e8f0}[data-theme=dark] .badge.neutral{color:#94a3b8;background:#1e293b}.error{color:#dc2626}.success{color:#059669}.notice{color:var(--text-muted)}input,select,[data-theme=dark] input,[data-theme=dark] select{background:var(--panel);color:var(--text);border-color:var(--border)}@media (width<=980px){.app-shell{grid-template-columns:1fr;height:auto;overflow:auto}.sidebar{z-index:5;height:auto;position:sticky;top:0}.sidebar nav{flex:none;display:flex;overflow:auto hidden}.billing-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:flex-start}.content{height:auto}}.pos-terminal{grid-template-columns:minmax(0,1.25fr) 460px;gap:1rem;display:grid}.scan-panel,.receipt-panel{background:var(--panel,#fff);border-radius:18px;padding:1rem;box-shadow:0 18px 40px #0f172a12}.scan-input{border:3px solid #2563eb;width:100%;font-size:2rem;font-weight:800}.keyboard-hint{color:#64748b}.inline-error{color:#dc2626;font-weight:700}.customer-card{background:#eef2ff;border-radius:14px;margin:.75rem 0;padding:.75rem;display:grid}.receipt-panel{align-self:start;position:sticky;top:1rem}.cart-list{max-height:42vh;overflow:auto}.totals{border-top:1px solid #cbd5e1;grid-template-columns:1fr auto;gap:.5rem;margin:1rem 0;padding-top:1rem;display:grid}.full{width:100%;margin-top:.75rem}.modal-backdrop{z-index:20;background:#0f172a99;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--panel,#fff);border-radius:20px;width:min(92vw,860px);max-width:860px;max-height:90vh;padding:1rem;overflow:auto}.modal-header{justify-content:space-between;align-items:center;display:flex}.filter-grid{background:var(--panel,#fff);border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem;padding:1rem;display:grid}.checkbox{align-items:center;gap:.5rem;display:flex}.pagination{justify-content:center;align-items:center;gap:1rem;margin:1rem;display:flex}.link-button{color:#2563eb;background:0 0;border:0;padding:0;font-weight:700}.success{color:#059669;font-weight:700}[data-theme=dark] .scan-panel,[data-theme=dark] .receipt-panel,[data-theme=dark] .filter-grid,[data-theme=dark] .modal{--panel:#1e293b;box-shadow:none}@media (width<=980px){.pos-terminal{grid-template-columns:1fr}.receipt-panel{position:static}}.dash-layout{flex-direction:column;gap:1.5rem;width:100%;display:flex}.dash-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.dash-header h1{color:var(--text);margin:0;font-size:1.6rem;font-weight:700;font-family:Poppins,sans-serif!important}.dash-header p{color:var(--text-muted,#64748b);margin:.15rem 0 0;font-size:.88rem}.dash-header-right{align-items:center;gap:.8rem;display:flex}.dash-date-selector{background:var(--panel,#fff);border:1px solid var(--border);color:var(--text-mid);border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.82rem;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #00000008}.dash-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;display:grid}.dash-kpi-card{background:var(--panel,#fff);border:1px solid #e2e8f0cc;border-radius:18px;flex-direction:column;min-height:130px;padding:1.2rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0f172a05}[data-theme=dark] .dash-kpi-card{box-shadow:none;border-color:#ffffff0d}.dash-kpi-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0f172a0f}.dash-kpi-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.dash-kpi-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.dash-kpi-icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dash-kpi-value{color:var(--text);margin-top:auto;font-size:1.55rem;font-weight:700;font-family:Poppins,sans-serif!important}.dash-kpi-comparison{align-items:center;gap:.2rem;margin-top:.3rem;font-size:.74rem;font-weight:600;display:flex}.dash-kpi-comparison.up{color:#10b981}.dash-kpi-comparison.down{color:#ef4444}.dash-kpi-comparison.neutral{color:#64748b}.dash-kpi-sparkline{pointer-events:none;opacity:.45;width:100%;height:32px;position:absolute;bottom:0;left:0}.dash-charts-row{grid-template-columns:1.55fr 1fr;gap:1.2rem;display:grid}@media (width<=1024px){.dash-charts-row{grid-template-columns:1fr}}.dash-chart-card{background:var(--panel,#fff);border:1px solid #e2e8f0cc;border-radius:18px;flex-direction:column;gap:1rem;min-height:320px;padding:1.25rem;display:flex;box-shadow:0 4px 20px #0f172a05}[data-theme=dark] .dash-chart-card{box-shadow:none;border-color:#ffffff0d}.dash-chart-header{border-bottom:1px solid #e2e8f080;justify-content:space-between;align-items:center;padding-bottom:.65rem;display:flex}.dash-chart-title{color:var(--text);margin:0;font-size:1.05rem;font-weight:600;font-family:Poppins,sans-serif!important}.dash-chart-tabs{background:#f1f5f9;border-radius:8px;gap:.2rem;padding:.18rem;display:flex}[data-theme=dark] .dash-chart-tabs{background:#0f172a}.dash-chart-tab{cursor:pointer;color:#64748b;background:0 0;border:0;border-radius:6px;padding:.28rem .6rem;font-size:.72rem;font-weight:600;transition:all .15s}.dash-chart-tab.active{background:var(--panel,#fff);color:#2563eb;box-shadow:0 1px 3px #0000000f}[data-theme=dark] .dash-chart-tab.active{color:#38bdf8;background:#1e293b}.dash-quick-actions-card{background:var(--panel,#fff);border:1px solid #e2e8f0cc;border-radius:18px;padding:1.25rem;box-shadow:0 4px 20px #0f172a05}[data-theme=dark] .dash-quick-actions-card{box-shadow:none;border-color:#ffffff0d}.dash-quick-actions-title{color:var(--text);border-bottom:1px solid #e2e8f080;margin:0 0 1rem;padding-bottom:.65rem;font-size:1.05rem;font-weight:600;font-family:Poppins,sans-serif!important}.dash-actions-grid{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}@media (width<=480px){.dash-actions-grid{grid-template-columns:repeat(2,1fr)}}.dash-action-btn{background:var(--bg);border:1px solid var(--border);color:var(--text-mid);cursor:pointer;text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;padding:1.1rem .65rem;font-size:.74rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;font-family:Poppins,sans-serif!important}.dash-action-btn:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb0f}[data-theme=dark] .dash-action-btn:hover{color:#818cf8;background:#1e1b4b;border-color:#4338ca}.dash-action-icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .2s;display:flex}.dash-action-btn:hover .dash-action-icon-wrapper{transform:scale(1.08)}.dash-chart-center{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.dash-payment-legend{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:.5rem;display:flex}.dash-legend-item{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.74rem;font-weight:500;display:flex}.dash-legend-dot{border-radius:50%;width:8px;height:8px}.dash-empty-message{color:var(--text-muted);text-align:center;font-size:.85rem;font-weight:500}.table-sort-btn{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-weight:700;transition:opacity .15s;display:inline-flex}.table-sort-btn:hover{opacity:.8}.filter-grid select,.filter-grid input{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;outline:none;padding:.55rem .75rem;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.filter-grid select:focus,.filter-grid input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}.filter-grid .checkbox{color:var(--text-mid);-webkit-user-select:none;user-select:none;font-size:.85rem;font-weight:600}.filter-grid .checkbox input{cursor:pointer;margin-right:.4rem}.pagination{color:var(--text-muted);justify-content:center;align-items:center;gap:1.25rem;margin:1.5rem 0;font-size:.88rem;display:flex}.pagination button{border:1px solid var(--border);background:var(--panel);color:var(--text-mid);cursor:pointer;border-radius:8px;padding:.45rem 1rem;font-size:.82rem;font-weight:600;transition:background .15s,color .15s}.pagination button:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{color:var(--text-mid);font-weight:600}.modal{width:min(95vw,1040px)!important;max-width:1040px!important;padding:1.5rem 1.75rem!important}