:root{--bg: #f3f4f6;--surface: #ffffff;--border: #e5e7eb;--text: #111827;--muted: #6b7280;--primary: #4f46e5;--primary-hover: #4338ca;--primary-soft: #eef2ff;--green: #059669;--green-hover: #047857;--green-soft: #ecfdf5;--red: #dc2626;--red-soft: #fef2f2;--amber: #b45309;--amber-soft: #fffbeb;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 3px rgba(17, 24, 39, .07), 0 1px 2px rgba(17, 24, 39, .05);--shadow-lg: 0 10px 32px rgba(17, 24, 39, .16);--sidebar-w: 224px;--bottom-nav-h: 62px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{-webkit-text-size-adjust:100%}body{font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}#root{height:100%}body.modal-open{overflow:hidden}h1{font-size:22px;font-weight:700}h2{font-size:19px;font-weight:700}h3{font-size:15px;font-weight:600;display:flex;align-items:center;gap:7px}b{font-weight:600}code{background:var(--primary-soft);padding:2px 7px;border-radius:6px;font-size:13px;word-break:break-all}.text-muted{color:var(--muted);font-size:13.5px;display:inline-flex;align-items:center;gap:5px}.strike{text-decoration:line-through;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;font-weight:600;font-size:14.5px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s,border-color .12s,transform .05s;white-space:nowrap}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-green{background:var(--green);color:#fff}.btn-green:hover:not(:disabled){background:var(--green-hover)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger-ghost{background:var(--red-soft);color:var(--red)}.btn-amber{background:var(--amber-soft);color:var(--amber);border-color:#fcd34d}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg)}.btn-icon{min-height:38px;width:38px;padding:0;border-radius:9px}.btn-icon-danger{color:var(--red)}.btn-lg{min-height:52px;font-size:16px;border-radius:12px}.btn-sm{min-height:34px;padding:0 10px;font-size:13px}.btn-block{width:100%}.link-btn{background:none;border:0;color:var(--primary);font:inherit;font-size:12.5px;cursor:pointer;margin-left:8px;text-decoration:underline}.input{width:100%;min-height:44px;padding:0 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font:inherit;color:var(--text);background:var(--surface);outline:none;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e521}.input::placeholder{color:#9ca3af}.input-lg{min-height:54px;font-size:19px}.input-money{font-size:24px;font-weight:700;text-align:center}textarea.input{padding:10px 14px}.select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;min-width:150px;width:auto}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field-label{font-size:13px;font-weight:600;color:var(--muted)}.field-hint{font-size:12.5px;color:var(--muted)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.input-row{display:flex;gap:8px;align-items:center}.input-row .input{flex:1}.input-icon-hint{color:var(--muted)}.check-row{display:flex;align-items:center;gap:10px;margin:4px 0 16px;cursor:pointer;font-size:14.5px}.check-row input{width:19px;height:19px;accent-color:var(--primary)}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px}.brand-icon{width:38px;height:38px;border-radius:11px;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center}.brand-icon-lg{width:52px;height:52px;border-radius:15px}.brand-name{font-weight:800;font-size:17px;letter-spacing:-.2px}.sidebar-nav{flex:1;padding:6px 12px;display:flex;flex-direction:column;gap:3px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:var(--radius-sm);color:var(--muted);text-decoration:none;font-weight:600;font-size:14.5px;transition:background .12s,color .12s}.nav-item:hover{background:var(--bg);color:var(--text)}.nav-active{background:var(--primary-soft);color:var(--primary)}.sidebar-foot{padding:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.sidebar-user{display:flex;align-items:center;gap:10px}.sidebar-user-info{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar-user-name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-size:12px;color:var(--muted)}.avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:var(--primary-soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.avatar-lg{width:56px;height:56px;font-size:22px}.caja-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:12.5px;font-weight:700;width:fit-content}.caja-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.caja-open{background:var(--green-soft);color:var(--green)}.caja-closed{background:var(--red-soft);color:var(--red)}.mobile-header{display:none;position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--border);padding:0 14px;height:54px;align-items:center;justify-content:space-between}.mobile-title{font-weight:800;font-size:17px}.mobile-header-right{display:flex;align-items:center;gap:8px}.content{flex:1;min-width:0}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--surface);border-top:1px solid var(--border);height:calc(var(--bottom-nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;color:var(--muted);font:inherit;font-size:11.5px;font-weight:600;text-decoration:none;cursor:pointer;position:relative}.tab:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:3px;border-radius:0 0 3px 3px;background:var(--primary);transition:width .18s}.tab-active{color:var(--primary)}.tab-active:before{width:32px}.tab:active{transform:scale(.94)}.more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.more-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 10px;border-radius:var(--radius);background:var(--bg);color:var(--text);text-decoration:none;font-weight:600;font-size:14px}.more-item:active{background:var(--primary-soft)}.page{padding:22px;max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.page-narrow{max-width:760px}.page-center{display:flex;align-items:center;justify-content:center;padding:60px 20px;flex:1}.page-loading{display:flex;align-items:center;justify-content:center;height:100vh}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.page-head-actions{display:flex;gap:8px;flex-wrap:wrap}.section-label{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.filters-search{flex:1;min-width:220px}.list{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--border);background:none;border-left:0;border-right:0;border-top:0;font:inherit;text-align:left;width:100%}.list-row:last-child{border-bottom:0}.list-click{cursor:pointer;transition:background .1s;border-radius:8px}.list-click:hover{background:var(--bg)}.list-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.list-title{font-weight:600;font-size:14.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.list-sub{font-size:12.5px;color:var(--muted)}.list-right{display:flex;align-items:center;gap:6px;font-size:15px}.row-actions{display:flex;gap:4px}.row-inactive{opacity:.55}.rank{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:700}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.badge-green{background:var(--green-soft);color:var(--green)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-amber{background:var(--amber-soft);color:var(--amber)}.badge-indigo{background:var(--primary-soft);color:var(--primary)}.badge-gray{background:var(--bg);color:var(--muted)}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:36px 20px;color:var(--muted);text-align:center}.empty-title{font-weight:600;color:var(--text)}.empty-hint{font-size:13px}.spinner{display:inline-block;border-radius:50%;border:3px solid var(--border);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:15px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.stat-info{display:flex;flex-direction:column;gap:3px;min-width:0}.stat-label{font-size:12.5px;font-weight:600;color:var(--muted)}.stat-value{font-size:21px;font-weight:800;letter-spacing:-.3px}.stat-sub{font-size:12px;color:var(--muted)}.stat-icon{width:38px;height:38px;border-radius:11px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.stat-icon-green{background:var(--green-soft);color:var(--green)}.stat-icon-indigo{background:var(--primary-soft);color:var(--primary)}.stat-icon-amber{background:var(--amber-soft);color:var(--amber)}.stat-icon-red{background:var(--red-soft);color:var(--red)}.stat-icon-gray{background:var(--bg);color:var(--muted)}.chart{display:flex;align-items:stretch;gap:4px;padding-top:8px}.chart-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;min-width:0}.chart-bar{width:100%;max-width:42px;border-radius:6px 6px 2px 2px;background:var(--primary);opacity:.9;transition:height .25s}.chart-bar-zero{background:var(--border)}.chart-label{font-size:10.5px;color:var(--muted);height:14px;white-space:nowrap}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.method-row{margin-bottom:14px}.method-info{display:flex;justify-content:space-between;margin-bottom:5px;font-size:14.5px}.method-bar{height:8px;border-radius:999px;background:var(--bg);overflow:hidden}.method-fill{height:100%;border-radius:999px;background:var(--primary)}.method-count{font-size:12px}.pos-page{display:grid;grid-template-columns:1fr 400px;gap:16px;align-items:start;max-width:1280px}.pos-main{display:flex;flex-direction:column;gap:14px;min-width:0}.pos-search{display:flex;gap:10px}.search-box{position:relative;flex:1}.search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-input{padding-left:42px;padding-right:40px;min-height:52px;font-size:16px}.search-clear{position:absolute;right:7px;top:50%;transform:translateY(-50%)}.btn-scan{min-height:52px;border-radius:var(--radius-sm)}.pos-results{padding:6px 10px;max-height:430px;overflow-y:auto}.result-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 8px;background:none;border:0;border-bottom:1px solid var(--border);font:inherit;text-align:left;cursor:pointer;border-radius:8px}.result-row:hover{background:var(--bg)}.result-row:last-child{border-bottom:0}.result-info{display:flex;flex-direction:column;gap:2px;min-width:0}.result-name{font-weight:600}.result-meta{font-size:12.5px;color:var(--muted)}.result-low{color:var(--amber);font-style:normal;font-weight:600}.result-price{font-weight:700;font-size:16px;white-space:nowrap}.freq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.freq-tile{display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:86px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);font:inherit;text-align:left;cursor:pointer;transition:border-color .12s,transform .06s}.freq-tile:hover{border-color:var(--primary)}.freq-tile:active{transform:scale(.98)}.freq-name{font-weight:600;font-size:13.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.freq-price{font-weight:700;color:var(--primary)}.freq-empty{grid-column:1 / -1}.pos-cart{position:sticky;top:16px;display:flex;flex-direction:column;max-height:calc(100vh - 32px)}.cart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cart-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15.5px}.cart-lines{flex:1;overflow-y:auto;min-height:120px}.cart-line{display:flex;flex-direction:column;gap:7px;padding:11px 0;border-bottom:1px solid var(--border)}.cart-line-info{display:flex;justify-content:space-between;gap:10px}.cart-line-name{font-weight:600;font-size:14.5px}.cart-line-price{font-size:12.5px;color:var(--muted);white-space:nowrap}.cart-line-controls{display:flex;align-items:center;gap:10px}.btn-step{background:var(--bg);border:1px solid var(--border);width:34px;min-height:34px}.cart-qty{min-width:26px;text-align:center;font-weight:700;font-size:16px}.cart-line-total{margin-left:auto;font-weight:700;font-size:15.5px}.cart-foot{border-top:2px solid var(--border);padding-top:10px;margin-top:6px}.cart-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:14.5px}.cart-sub{color:var(--muted);font-size:13px}.cart-discount{color:var(--green)}.cart-total{font-size:21px;font-weight:800;padding:6px 0}.cart-actions{display:flex;gap:10px;margin-top:8px}.cart-pay{flex:1}.pos-paybar{display:none;position:fixed;left:0;right:0;z-index:35;bottom:calc(var(--bottom-nav-h) + var(--safe-bottom));background:var(--surface);border-top:1px solid var(--border);padding:10px 14px;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 -4px 16px #11182714}.paybar-info{display:flex;align-items:center;gap:10px;background:none;border:0;font:inherit;cursor:pointer;color:var(--text);text-align:left;min-width:0}.paybar-info>svg:first-child{color:var(--primary);flex-shrink:0}.paybar-texts{display:flex;flex-direction:column;min-width:0}.paybar-count{font-size:11.5px;color:var(--muted);font-weight:600;white-space:nowrap}.paybar-total{font-size:20px;font-weight:800}.paybar-chevron{color:var(--muted);flex-shrink:0}.sheet-handle,.cart-backdrop{display:none}.closed-card{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:40px 26px;max-width:420px;margin:40px auto 0}.caja-closed-card{margin:0 auto}.closed-icon{width:72px;height:72px;border-radius:22px;background:var(--primary-soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center}.pay-total{font-size:34px;font-weight:800;text-align:center;margin:2px 0 14px;letter-spacing:-.5px}.quick-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.quick-btn{flex:1;min-width:70px}.pay-change{display:flex;justify-content:space-between;align-items:center;background:var(--green-soft);color:var(--green);border-radius:var(--radius-sm);padding:12px 16px;margin:12px 0;font-size:16px}.pay-change b{font-size:23px}.pay-change-neg{background:var(--red-soft);color:var(--red)}.sale-done{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.done-icon{width:74px;height:74px;border-radius:50%;background:var(--green-soft);color:var(--green);display:inline-flex;align-items:center;justify-content:center;margin-bottom:4px}.done-folio{color:var(--muted);font-weight:600}.done-total{font-size:32px;font-weight:800}.done-change{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--amber-soft);color:var(--amber);border-radius:var(--radius-sm);padding:13px 16px;margin-top:8px;font-size:16px}.done-change b{font-size:26px}.done-actions{display:flex;gap:10px;width:100%;margin-top:14px}.done-actions .btn{flex:1}.amount-pos{color:var(--green);font-weight:700}.amount-neg{color:var(--red);font-weight:700}.expected-row{background:var(--bg);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:14px;font-size:15px}.arqueo-result{margin-bottom:6px}.arqueo-ok{color:var(--green);font-weight:700;text-align:center;margin-top:10px}.diff-pos span:last-child{color:var(--green)}.diff-neg span:last-child{color:var(--red)}.sep{border:0;border-top:1px dashed var(--border);margin:8px 0}.cancel-note{background:var(--red-soft);color:var(--red);border-radius:8px;padding:8px 12px;font-size:13.5px;margin:8px 0}.detail-items{margin:10px 0;max-height:300px;overflow-y:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#11182780;display:flex;align-items:center;justify-content:center;padding:18px;animation:fadeIn .14s}@keyframes fadeIn{0%{opacity:0}}.modal{background:var(--surface);border-radius:18px;box-shadow:var(--shadow-lg);width:100%;max-height:calc(100vh - 40px);display:flex;flex-direction:column;animation:pop .16s}@keyframes pop{0%{transform:scale(.96);opacity:0}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0}.modal-body{padding:14px 20px 20px;overflow-y:auto}.modal-foot{padding:0 20px 18px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.numpad-key{min-height:58px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font:inherit;font-size:21px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,transform .05s}.numpad-key:hover{background:var(--bg)}.numpad-key:active{transform:scale(.96);background:var(--primary-soft)}.numpad-back{color:var(--muted)}.pin-dots{display:flex;justify-content:center;gap:13px;margin:22px 0 6px}.pin-dot{width:15px;height:15px;border-radius:50%;background:var(--border);transition:background .1s,transform .1s}.pin-dot-on{background:var(--primary);transform:scale(1.12)}.pin-dot-opt{opacity:.45}.pin-dot-on.pin-dot-opt{opacity:1}.shake{animation:shake .4s}@keyframes shake{20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(160deg,#eef2ff 0%,var(--bg) 45%,#f0fdf4 100%)}.login-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-lg);padding:30px 26px}.login-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.login-sub{text-align:center;color:var(--muted);margin-bottom:16px;font-weight:600}.login-loading{display:flex;justify-content:center;padding:30px}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:10px}.user-tile{display:flex;flex-direction:column;align-items:center;gap:7px;padding:16px 8px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);font:inherit;cursor:pointer;transition:border-color .12s,background .12s,transform .06s}.user-tile:hover{border-color:var(--primary);background:var(--primary-soft)}.user-tile:active{transform:scale(.97)}.user-tile-name{font-weight:700;font-size:14px}.user-tile-role{font-size:11.5px;color:var(--muted)}.login-hint{text-align:center;color:var(--muted);font-size:13px;margin-top:6px}.login-error{color:var(--red);text-align:center;font-size:13.5px;font-weight:600;margin-top:6px}.login-card{animation:pop .22s}.login-biz{font-size:23px;letter-spacing:-.3px;text-align:center}.login-brand-sub{color:var(--muted);font-size:13px;margin-top:-4px}.login-user{display:flex;flex-direction:column;align-items:center;gap:4px}.login-user-name{font-weight:800;font-size:17px}.login-user-role{font-size:12.5px;color:var(--muted)}.login-change{display:block;margin:12px auto 0;font-size:13.5px}.login-foot{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:12px;font-weight:600;margin-top:20px}.login-retry{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:18px 6px;color:var(--text)}.login-retry svg{color:var(--muted)}.login-retry .btn{margin-top:6px}.scanner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000;display:flex;flex-direction:column}.scanner-top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top));background:linear-gradient(rgba(0,0,0,.6),transparent)}.scanner-title{color:#fff;font-weight:700}.scanner-actions{display:flex;gap:8px}.scanner-btn{width:44px;height:44px;border-radius:50%;background:#ffffff2e;color:#fff;border:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.scanner-video{width:100%;height:100%;object-fit:cover}.scanner-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(78vw,340px);height:170px;border:3px solid rgba(255,255,255,.92);border-radius:18px;box-shadow:0 0 0 100vmax #00000059;pointer-events:none}.scanner-bottom{position:absolute;bottom:0;left:0;right:0;padding:26px 12px calc(12px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;background:linear-gradient(transparent,#000000b8 45%)}.scanner-hint2{text-align:center;color:#fff;font-weight:600;min-height:22px}.scanner-tip{opacity:.85}.scanner-last{display:inline-block;background:var(--green);padding:8px 16px;border-radius:999px;animation:pop .2s}.scanner-cart{background:#111827e6;color:#fff;border-radius:14px;padding:6px 10px 10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.scanner-cart-rows{max-height:26vh;overflow-y:auto}.scanner-cart-row{display:flex;align-items:center;gap:9px;padding:7px 2px;border-bottom:1px solid rgba(255,255,255,.12);font-size:13.5px}.scanner-cart-row:last-child{border-bottom:0}.scanner-cart-qty{min-width:40px;text-align:center;flex-shrink:0;background:#ffffff29;border-radius:7px;padding:3px 5px;font-weight:700;font-size:12px}.scanner-cart-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scanner-cart-lt{font-weight:700;white-space:nowrap}.scanner-cart-minus{width:32px;height:32px;border-radius:9px;border:0;flex-shrink:0;background:#ffffff29;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.scanner-cart-minus:active{background:var(--red)}.scanner-cart-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.18);margin-top:2px}.scanner-cart-sum{font-size:14px}.scanner-cart-sum b{font-size:16px}.scanner-cart-foot .btn{min-height:40px;padding:0 18px}.scanner-cart-empty{text-align:center;color:#ffffffbf;padding:10px;font-size:13px}.scanner-error{margin:auto;max-width:340px;text-align:center;color:#fff;display:flex;flex-direction:column;gap:18px;padding:20px}.toast-stack{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:8px;width:min(94vw,440px)}.toast{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:12px;background:#1f2937;color:#fff;font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);cursor:pointer;animation:slideDown .18s}@keyframes slideDown{0%{transform:translateY(-12px);opacity:0}}.toast-success{background:var(--green)}.toast-error{background:var(--red)}.toast-action{background:#ffffff38;border:0;color:#fff;font:inherit;font-weight:700;font-size:13px;padding:7px 12px;border-radius:8px;cursor:pointer;white-space:nowrap}.seg{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:3px;margin-bottom:12px;overflow-x:auto}.seg-item{flex:1;min-height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:8px;background:none;font:inherit;font-weight:600;font-size:13.5px;color:var(--muted);cursor:pointer;white-space:nowrap;transition:background .12s,color .12s}.seg-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.product-row{flex-wrap:wrap}.product-price{font-weight:700;white-space:nowrap}.connect-grid{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}.ip-row{margin-bottom:4px}.ip-row .quick-btn{font-family:ui-monospace,Consolas,monospace;font-size:13px}.ip-virtual{opacity:.55}.connect-help{margin-top:14px;padding:12px 14px;background:var(--amber-soft);border:1px solid #fcd34d;border-radius:var(--radius-sm)}.connect-help ol{padding-left:20px;display:flex;flex-direction:column;gap:7px;margin-top:6px}.connect-help .field-label{color:var(--amber)}.connect-ios{background:var(--primary-soft);border-color:#c7d2fe}.connect-ios .field-label{color:var(--primary)}.connect-ios .btn{margin-top:10px}.connect-qr{width:190px;height:190px;border:1px solid var(--border);border-radius:var(--radius);padding:8px;background:#fff}.connect-steps{flex:1;min-width:240px}.connect-steps ol{padding-left:20px;display:flex;flex-direction:column;gap:9px;margin-bottom:12px}.banner{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--radius-sm);font-size:14px;font-weight:600}.banner-offline{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.banner-sync{background:var(--primary-soft);color:var(--primary);justify-content:space-between}.price-old{color:var(--muted);font-weight:500;margin-right:4px;font-size:.9em}.per-kg{font-style:normal;font-size:.78em;color:var(--muted);font-weight:600;margin-left:2px}.qty-btn{min-height:34px;padding:0 12px;gap:6px;font-weight:700;font-size:14px}.cart-qty-btn{background:none;border:0;cursor:pointer;font:inherit;min-width:34px;text-align:center;font-weight:700;font-size:16px;padding:4px 6px;border-radius:7px}.cart-qty-btn:hover{background:var(--primary-soft);color:var(--primary)}.freq-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.freq-head .section-label{margin-bottom:0}.chip-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--amber-soft);color:var(--amber);border:1px solid #fcd34d;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.cart-head-actions{display:flex;gap:6px}.cart-customer{color:var(--primary);font-weight:600}.cart-customer span{display:inline-flex;align-items:center;gap:6px}.pay-customer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--bg);border-radius:var(--radius-sm);margin-bottom:12px}.pay-warn{color:var(--red);font-size:13.5px;font-weight:600;margin:6px 0 10px}.picker-list{max-height:320px;overflow-y:auto;margin-top:10px}.done-icon-offline{background:var(--amber-soft);color:var(--amber)}.balance-box{display:flex;align-items:center;justify-content:space-between;border-radius:var(--radius-sm);padding:14px 16px;margin:12px 0;font-size:15px}.balance-box b{font-size:24px}.balance-debt{background:var(--amber-soft);color:var(--amber)}.balance-ok{background:var(--green-soft);color:var(--green)}.modal-actions-start{justify-content:flex-start}.collapse-toggle{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:4px 0;margin-bottom:10px;font:inherit;font-weight:700;font-size:13.5px;color:var(--primary);cursor:pointer}.promo-fields{border-left:3px solid var(--primary-soft);padding-left:12px;margin-bottom:8px}.bell-item{width:100%;border:0;background:none;cursor:pointer}.bell-wrap{position:relative;display:inline-flex}.bell-badge{position:absolute;top:-7px;right:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--red);color:#fff;font-size:10.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--surface)}.restock-list{max-height:330px;overflow-y:auto}.return-list{max-height:300px;overflow-y:auto;margin-bottom:12px}.check-row-sm{margin:4px 0 0;font-size:12.5px;color:var(--muted)}.check-row-sm input{width:15px;height:15px}.restock-qty{width:76px;min-height:38px;text-align:center;font-weight:700;padding:0 6px}.restock-total{border-top:1px dashed var(--border);padding-top:10px;margin-top:8px;font-size:15px}.restock-total span:first-child{display:inline-flex;align-items:center;gap:7px}.catalog-hint{background:var(--green-soft);color:var(--green);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;margin:-6px 0 12px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tab-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);display:inline-block;margin-left:5px}.margin-hint{font-size:13px;color:var(--green);font-weight:600;margin:-6px 0 12px}.margin-neg{color:var(--red)}.file-drop{display:flex;align-items:center;gap:10px;border:2px dashed var(--border);border-radius:var(--radius);padding:18px;margin:12px 0;cursor:pointer;color:var(--muted);font-weight:600;transition:border-color .12s,color .12s}.file-drop:hover{border-color:var(--primary);color:var(--primary)}.import-result{margin-top:6px}.import-errors{margin-top:8px;max-height:160px;overflow-y:auto}.backup-list{margin-top:12px;display:flex;flex-direction:column;gap:3px}@media(max-width:899px){.layout{display:block}.sidebar{display:none}.mobile-header,.bottom-nav{display:flex}.content{padding-bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + 18px)}.page{padding:12px;gap:12px}h1{font-size:19px}.card{padding:14px}.input,.select{font-size:16px}.page-head h1{display:none}.stat-grid{grid-template-columns:repeat(2,1fr);gap:9px}.stat-card{padding:12px 13px}.stat-value{font-size:18px}.stat-icon{width:32px;height:32px;border-radius:9px}.pos-page{grid-template-columns:1fr}.pos-paybar{display:flex}.content:has(.pos-paybar) .page{padding-bottom:calc(88px + var(--safe-bottom))}.freq-grid{grid-template-columns:repeat(2,1fr)}.cart-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:44;background:#11182773}.pos-cart{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:45;border-radius:20px 20px 0 0;border-bottom:0;max-height:84vh;transform:translateY(112%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:0 -12px 40px #11182740;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.pos-cart.cart-open{transform:translateY(0)}.sheet-handle{display:block;width:46px;height:5px;border-radius:3px;background:var(--border);border:0;cursor:pointer;margin:0 auto 10px}.cart-lines{min-height:50px}.btn-scan-label{display:none}.btn-scan{width:52px;padding:0}.field-grid{grid-template-columns:1fr;gap:0}.report-grid{grid-template-columns:1fr}.select{flex:1}.modal-backdrop{align-items:flex-end;padding:0;padding-bottom:var(--kb, 0px)}.modal{border-radius:20px 20px 0 0;max-height:calc(92vh - var(--kb, 0px));animation:sheetUp .2s}@keyframes sheetUp{0%{transform:translateY(40px);opacity:.6}}.modal-head{padding:14px 16px 0}.modal-body{padding:12px 16px 18px}.page-head-actions{width:100%}.page-head-actions .btn{flex:1}.product-row .row-actions{width:100%;justify-content:flex-end}.restock-list .list-row,.return-list .list-row{flex-wrap:wrap}}@media(max-width:479px){.mobile-header .chip-text{display:none}.mobile-header .caja-chip{padding:6px 9px}.mobile-header{padding:0 10px}}@media(min-width:900px){.pos-paybar{display:none!important}}#print-root{display:none}@media print{body{background:#fff}#root{display:none!important}#print-root{display:block!important}.ticket{width:72mm;padding:2mm 1mm;font-family:Consolas,Courier New,monospace;font-size:11.5px;color:#000;line-height:1.45}.ticket hr{border:0;border-top:1px dashed #000;margin:6px 0}.tk-name{font-size:14px;font-weight:700;text-align:center}.tk-center{text-align:center}.tk-cancelled{text-align:center;font-weight:700;font-size:13px;margin-top:4px}.tk-item{margin-bottom:3px}.tk-item-name{display:block}.tk-item-line{display:flex;justify-content:space-between;padding-left:8px}.tk-row{display:flex;justify-content:space-between}.tk-total{font-weight:700;font-size:13.5px}@page{margin:4mm}}