*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07090f;--surface:#0e1117;--surface2:#141720;--border:#1e2332;--border2:#2a3044;--cyan:#6ee7ff;--cyan-dim:#6ee7ff14;--cyan-border:#6ee7ff33;--text:#e8eaf0;--muted:#4a5570;--muted2:#6b7a99;--green:#4ade80;--green-bg:#4ade8014;--amber:#fbbf24;--amber-bg:#fbbf2414;--red:#f87171;--red-bg:#f8717114}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.4}.pos-layout{grid-template-rows:48px auto 1fr auto;grid-template-columns:1fr auto;height:100vh;display:grid}.topbar{background:var(--surface);border-bottom:1px solid var(--border);grid-column:1/-1;align-items:center;gap:14px;padding:0 20px;display:flex}.logo{color:var(--text);font-size:15px;font-weight:500}.logo em{color:var(--cyan);font-style:normal}.tsep{background:var(--border2);width:1px;height:18px}.tmod{color:var(--muted2);font-size:11px}.tuser{color:var(--muted2);margin-left:auto;font-size:11px}.searchbar{background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;grid-column:1;gap:9px;padding:12px 16px;display:flex}.frow{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.srow{gap:8px;display:flex}.fg{flex-direction:column;gap:4px;display:flex}.fg label{color:var(--muted2);letter-spacing:.4px;font-size:10px}select,input[type=text],input[type=number]{border:1px solid var(--border2);background:var(--surface2);height:32px;color:var(--text);border-radius:8px;outline:none;padding:0 10px;font-size:12px;transition:border-color .15s}select:focus,input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #6ee7ff14}.sbig{flex:1;height:34px;padding:0 13px;font-size:13px}.sbig::placeholder{color:var(--muted)}.btn-buscar{background:var(--cyan);color:#000;cursor:pointer;border:none;border-radius:8px;height:34px;margin-top:13px;padding:0 18px;font-size:13px;font-weight:500}.btn-buscar:hover{background:#9af0ff}.btn-clear{height:34px;color:var(--muted2);border:1px solid var(--border2);cursor:pointer;background:0 0;border-radius:8px;margin-top:13px;padding:0 13px;font-size:12px}.btn-clear:hover{border-color:var(--cyan);color:var(--cyan)}.results{background:var(--bg);grid-column:1;padding:10px 16px;overflow-y:auto}.loading{text-align:center;color:var(--muted2);padding:60px}.empty-results{text-align:center;color:var(--muted);padding:60px;font-size:12px}.rtbl{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;overflow:hidden}.rtbl th{color:var(--muted2);text-align:left;background:var(--surface2);border-bottom:1px solid var(--border);letter-spacing:.4px;white-space:nowrap;padding:9px 13px;font-size:10px;font-weight:500}.rtbl td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 13px;font-size:12px}.rtbl tr:last-child td{border-bottom:none}.rtbl tr:hover td{background:var(--cyan-dim)}.cod{color:var(--cyan);font-family:monospace;font-size:11px;font-weight:500}.pname{color:var(--text);font-size:12px;font-weight:500}.psub{color:var(--muted2);margin-top:2px;font-size:10px}.vtag{background:var(--cyan-dim);color:var(--cyan);border:1px solid var(--cyan-border);border-radius:4px;padding:2px 7px;font-size:10px;display:inline-block}.vyr{color:var(--muted2);margin-top:3px;font-size:10px}.precio{color:var(--text);text-align:right;white-space:nowrap;font-size:13px;font-weight:500}.badge{border-radius:4px;padding:3px 8px;font-size:10px;font-weight:500;display:inline-block}.badge-ok{background:var(--green-bg);color:var(--green);border:1px solid #4ade8033}.badge-low{background:var(--amber-bg);color:var(--amber);border:1px solid #fbbf2433}.badge-zero{background:var(--red-bg);color:var(--red);border:1px solid #f8717133}.btn-add{background:var(--cyan);color:#000;cursor:pointer;white-space:nowrap;border:none;border-radius:7px;height:28px;padding:0 14px;font-size:11px;font-weight:500}.btn-add:hover{background:#9af0ff}.btn-add:disabled{background:var(--surface2);color:var(--muted);cursor:not-allowed;border:1px solid var(--border2)}.bottombar{background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;grid-column:1;gap:6px;padding:9px 16px;display:flex}.bac{height:29px;color:var(--muted2);border:1px solid var(--border2);cursor:pointer;background:0 0;border-radius:7px;padding:0 12px;font-size:11px}.bac:hover{border-color:var(--cyan);color:var(--cyan)}.bac.red{color:var(--red);border-color:#f871714d}.bac.red:hover{background:var(--red-bg)}.cart{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;grid-area:2/2/5;width:52px;transition:width .25s;display:flex;overflow:hidden}.cart.open{width:300px}.cart-toggle{cursor:pointer;border-bottom:1px solid var(--border);background:var(--surface2);flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:14px 0;display:flex}.cart-toggle:hover{background:var(--cyan-dim)}.cart-icon{color:var(--cyan);font-size:16px}.cart-count-pill{background:var(--cyan);color:#000;text-align:center;border-radius:10px;min-width:20px;padding:2px 6px;font-size:10px;font-weight:500}.cart-inner{flex-direction:column;flex:1;min-width:300px;display:none;overflow:hidden}.cart.open .cart-inner{display:flex}.cart-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.cart-title{color:var(--cyan);font-size:13px;font-weight:500}.cart-badge{background:var(--cyan-dim);color:var(--cyan);border:1px solid var(--cyan-border);border-radius:5px;padding:2px 9px;font-size:11px}.cart-cli{border-bottom:1px solid var(--border);background:var(--surface2);align-items:center;gap:8px;padding:9px 14px;display:flex}.cart-cli label{color:var(--muted2);white-space:nowrap;letter-spacing:.4px;font-size:10px}.cart-cli input{background:var(--bg);border:1px solid var(--border2);height:27px;color:var(--text);border-radius:7px;outline:none;flex:1;padding:0 9px;font-size:12px}.cart-cli input:focus{border-color:var(--cyan)}.cart-items{background:var(--bg);flex:1;padding:8px;overflow-y:auto}.empty{text-align:center;color:var(--muted);padding:44px 20px;font-size:12px}.ci{background:var(--surface);border:1px solid var(--border);border-left:2px solid var(--cyan);border-radius:8px;margin-bottom:6px;padding:9px 11px}.ci-top{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.ci-name{color:var(--text);flex:1;font-size:12px;font-weight:500;line-height:1.3}.ci-cod{color:var(--muted2);margin-top:2px;font-family:monospace;font-size:10px}.ci-rm{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:0 2px;font-size:19px;line-height:1}.ci-rm:hover{color:var(--red)}.ci-bot{align-items:center;gap:8px;margin-top:7px;display:flex}.qty-wrap{align-items:center;gap:4px;display:flex}.qb{border:1px solid var(--border2);background:var(--surface2);cursor:pointer;width:23px;height:23px;color:var(--muted2);border-radius:5px;justify-content:center;align-items:center;font-size:14px;display:flex}.qb:hover{background:var(--cyan-dim);border-color:var(--cyan);color:var(--cyan)}.qv{text-align:center;min-width:22px;font-size:13px;font-weight:500}.ci-unit{color:var(--muted2);font-size:10px}.ci-sub{color:var(--cyan);margin-left:auto;font-size:13px;font-weight:500}.totals{border-top:1px solid var(--border);background:var(--surface);padding:13px 15px}.desc-row{align-items:center;gap:7px;margin:0 0 8px;display:flex}.desc-row label{color:var(--muted2);white-space:nowrap;letter-spacing:.4px;font-size:10px}.desc-row input{text-align:center;width:50px;height:27px}.pct{color:var(--muted2);font-size:12px}.trow{color:var(--muted2);justify-content:space-between;padding:3px 0;font-size:12px;display:flex}.trow.main{color:var(--text);border-top:1px solid var(--border2);margin-top:5px;padding-top:9px;font-size:16px;font-weight:500}.trow.main span:last-child{color:var(--cyan)}.red-txt,.red-txt span{color:var(--red)!important}.pago-section{margin:10px 0 0}.pago-label{color:var(--muted2);letter-spacing:.4px;margin-bottom:6px;font-size:10px}.pago-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.pbtn{border:1px solid var(--border2);background:var(--surface2);cursor:pointer;height:29px;color:var(--muted2);border-radius:7px;font-size:11px}.pbtn:hover{border-color:var(--cyan);color:var(--cyan)}.pbtn.on{border-color:var(--cyan);background:var(--cyan-dim);color:var(--cyan);font-weight:500}.acciones{gap:7px;margin-top:11px;display:flex}.btn-prev{background:var(--surface2);height:38px;color:var(--muted2);border:1px solid var(--border2);cursor:pointer;border-radius:8px;flex:1;font-size:12px;font-weight:500}.btn-prev:hover{border-color:var(--cyan);color:var(--cyan)}.btn-cob{background:var(--cyan);color:#000;cursor:pointer;border:none;border-radius:8px;flex:2;height:38px;font-size:13px;font-weight:500}.btn-cob:hover{background:#9af0ff}.footer{background:var(--surface);border-top:1px solid var(--border);color:var(--muted);letter-spacing:.3px;grid-column:1/-1;justify-content:center;align-items:center;gap:16px;padding:6px 20px;font-size:10px;display:flex}.footer span{color:var(--muted2)}.footer em{color:var(--cyan);font-style:normal}.login-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:400px;padding:40px}.login-logo{color:var(--text);text-align:center;margin-bottom:6px;font-size:28px;font-weight:500}.login-logo em{color:var(--cyan);font-style:normal}.login-sub{color:var(--muted2);text-align:center;letter-spacing:.3px;margin-bottom:32px;font-size:12px}.login-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.login-field label{color:var(--muted2);letter-spacing:.5px;font-size:10px}.login-field input{width:100%;height:42px;padding:0 14px;font-size:14px}.login-btn{background:var(--cyan);color:#000;cursor:pointer;border:none;border-radius:10px;width:100%;height:44px;margin-top:8px;font-size:14px;font-weight:500}.login-btn:hover{background:#9af0ff}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-error{background:var(--red-bg);color:var(--red);border:1px solid #f871714d;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:12px}.login-footer{color:var(--muted);text-align:center;margin-top:24px;font-size:11px}.login-footer em{color:var(--cyan);font-style:normal}.voucher-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.voucher-modal .voucher-modal{background:#fff;border-radius:12px;width:300px;max-height:90vh;overflow:hidden auto}.voucher-content{font-family:Courier New,monospace}.vh{text-align:center;background:#07090f;padding:16px}.vh-logo{color:#fff;font-size:20px;font-weight:700}.vh-logo em{color:#6ee7ff;font-style:normal}.vh-sub{color:#aaa;letter-spacing:2px;margin-top:3px;font-size:10px}.vbody{background:#fff;padding:16px}.vrow{color:#111;border-bottom:1px dashed #eee;justify-content:space-between;padding:3px 0;font-size:11px;display:flex}.vlabel{color:#888}.vval{color:#111;font-weight:600}.vnum{text-align:center;margin:14px 0 8px}.vnum-label{color:#888;letter-spacing:2px;margin-bottom:4px;font-size:9px}.vnum-code{color:#07090f;letter-spacing:4px;font-size:28px;font-weight:700}.vitems{font-size:11px}.vitem{border-bottom:1px solid #f5f5f5;justify-content:space-between;padding:4px 0;display:flex}.vitem-desc{color:#333;flex:1}.vitem-qty{text-align:center;color:#666;width:30px}.vitem-price{text-align:right;color:#111;width:70px;font-weight:600}.vtotal{color:#07090f;border-top:2px solid #111;justify-content:space-between;margin-top:6px;padding-top:10px;font-size:14px;font-weight:700;display:flex}.vcodigos{border-top:1px dashed #ddd;align-items:center;gap:12px;margin-top:14px;padding-top:12px;display:flex}.vfoot{text-align:center;color:#999;letter-spacing:.5px;background:#f8f8f8;padding:10px 16px;font-size:9px}.voucher-actions{background:#f8f8f8;border-top:1px solid #eee;gap:8px;padding:12px 16px;display:flex}.voucher-btn-print{color:#6ee7ff;cursor:pointer;background:#07090f;border:none;border-radius:8px;flex:2;height:40px;font-size:13px;font-weight:500}.voucher-btn-print:hover{background:#1a1f2e}.voucher-btn-close{color:#888;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:8px;flex:1;height:40px;font-size:13px}.voucher-btn-close:hover{background:#f0f0f0}.caja-layout{background:var(--bg);grid-template-rows:48px 1fr;height:100vh;display:grid}.caja-body{flex-direction:column;align-items:center;gap:24px;padding:32px;display:flex;overflow-y:auto}.caja-search{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:600px;padding:24px}.caja-search-title{color:var(--muted2);text-align:center;margin-bottom:16px;font-size:14px}.caja-search-row{gap:10px;display:flex}.caja-input{text-align:center;letter-spacing:4px;border:1px solid var(--border2);background:var(--surface2);height:48px;color:var(--text);border-radius:10px;outline:none;flex:1;font-family:monospace;font-size:20px}.caja-input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #6ee7ff14}.caja-btn-buscar{background:var(--cyan);color:#000;cursor:pointer;border:none;border-radius:10px;height:48px;padding:0 24px;font-size:14px;font-weight:500}.caja-btn-buscar:hover{background:#9af0ff}.caja-error{background:var(--red-bg);color:var(--red);text-align:center;border:1px solid #f871714d;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:12px}.caja-preventa{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:700px;padding:24px}.caja-prev-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;display:flex}.caja-prev-codigo{color:var(--cyan);letter-spacing:3px;font-family:monospace;font-size:28px;font-weight:700}.caja-prev-meta{color:var(--muted2);margin-top:4px;font-size:12px}.caja-prev-meta strong{color:var(--text)}.caja-tabla{border-collapse:collapse;width:100%;margin-bottom:20px}.caja-tabla th{color:var(--muted2);text-align:left;background:var(--surface2);border-bottom:1px solid var(--border);letter-spacing:.4px;padding:8px 12px;font-size:10px;font-weight:500}.caja-tabla td{border-bottom:1px solid var(--border);color:var(--text);padding:10px 12px;font-size:13px}.caja-tabla tr:last-child td{border-bottom:none}.caja-tabla tr:hover td{background:var(--cyan-dim)}.caja-totales{border-top:1px solid var(--border);margin-bottom:20px;padding-top:16px}.caja-trow{color:var(--muted2);justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.caja-trow.main{color:var(--text);border-top:1px solid var(--border2);margin-top:8px;padding-top:12px;font-size:20px;font-weight:700}.caja-trow.main span:last-child{color:var(--cyan)}.caja-btn-cobrar{background:var(--cyan);color:#000;cursor:pointer;border:none;border-radius:10px;width:100%;height:52px;font-size:16px;font-weight:700}.caja-btn-cobrar:hover{background:#9af0ff}.caja-btn-cobrar:disabled{opacity:.5;cursor:not-allowed}.caja-exito{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:500px;padding:60px 40px}.caja-exito-icon{background:var(--green-bg);border:2px solid var(--green);width:64px;height:64px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:28px;display:flex}.caja-exito-titulo{color:var(--text);margin-bottom:8px;font-size:20px;font-weight:500}.caja-exito-sub{color:var(--cyan);margin-bottom:12px;font-family:monospace;font-size:24px;font-weight:700}.caja-exito-vendedor,.caja-exito-cajero{color:var(--muted2);margin-bottom:4px;font-size:12px}.caja-btn-nueva{background:var(--cyan);color:#000;cursor:pointer;border:none;border-radius:10px;height:42px;margin-top:24px;padding:0 32px;font-size:14px;font-weight:500}.caja-btn-nueva:hover{background:#9af0ff}.sd-wrap{display:flex;position:fixed;inset:0}