._button_142yl_1{position:relative;width:calc(100% - 24px);padding:10px 16px;margin:2px 12px;background:#fff;border:none;border-radius:8px;display:flex;align-items:center;gap:10px;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#475569;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 1px 2px #0000000a}._button_142yl_1:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea15,#764ba215);opacity:0;transition:opacity .3s ease}._button_142yl_1:hover:before{opacity:1}._button_142yl_1:hover{transform:translate(8px);box-shadow:0 2px 8px #667eea1a;color:#667eea}._button_142yl_1._active_142yl_45{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;box-shadow:0 4px 16px #3b82f666!important;transform:translate(4px);border:none!important;border-left:4px solid #1d4ed8!important}._button_142yl_1._active_142yl_45:before{display:none!important}._button_142yl_1._active_142yl_45:hover{transform:translate(8px) scale(1.01);box-shadow:0 6px 20px #3b82f680!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important}._keyboardFocus_142yl_65{outline:2px solid #3B82F6;outline-offset:2px;background:linear-gradient(135deg,#3b82f615,#667eea15)}._iconWrapper_142yl_72{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,#f0f4ff,#e8edff);transition:all .3s ease;flex-shrink:0}._button_142yl_1:hover ._iconWrapper_142yl_72{background:linear-gradient(135deg,#667eea20,#764ba220);transform:rotate(5deg) scale(1.1)}._button_142yl_1._active_142yl_45 ._iconWrapper_142yl_72{background:#ffffff40!important;transform:scale(1.05);box-shadow:0 2px 8px #0000001a}._button_142yl_1._active_142yl_45:hover ._iconWrapper_142yl_72{transform:rotate(5deg) scale(1.1);background:#ffffff4d!important}._icon_142yl_72{font-size:16px;display:block;transition:transform .3s ease}._label_142yl_108{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px}._button_142yl_1._active_142yl_45 ._label_142yl_108{color:#fff!important;font-weight:700}._badge_142yl_123{min-width:18px;height:18px;padding:0 4px;border-radius:9px;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #ef44444d;animation:_pulse-badge_142yl_1 2s infinite;margin-left:auto}@keyframes _pulse-badge_142yl_1{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}._proBadge_142yl_149{background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;font-size:8px;font-weight:700;padding:2px 5px;border-radius:6px;box-shadow:0 2px 6px #ff98004d;letter-spacing:.5px;animation:_pulse-pro_142yl_1 2s infinite;margin-left:auto}@keyframes _pulse-pro_142yl_1{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}._activeIndicator_142yl_174{position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:#fff;border-radius:0 4px 4px 0;box-shadow:0 0 10px #ffffff80;animation:_slide-in_142yl_1 .3s ease}@keyframes _slide-in_142yl_1{0%{width:0;opacity:0}to{width:4px;opacity:1}}@media (max-width: 768px){._button_142yl_1{padding:12px 16px}}._overlay_9wotr_1{position:fixed;top:50px;left:0;width:100%;height:calc(100vh - 50px);background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;animation:_fade-in_9wotr_1 .3s ease;display:none}@keyframes _fade-in_9wotr_1{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){._overlay_9wotr_1{display:block}}@media (min-width: 769px){._overlay_9wotr_1{display:none!important}}._trigger_vig04_1{position:fixed;left:0;top:50%;bottom:0;width:60px;z-index:98;display:none;cursor:pointer;background:linear-gradient(90deg,#3b82f614,#3b82f600);transition:all .3s ease}._trigger_vig04_1:hover{background:linear-gradient(90deg,#3b82f626,#3b82f608);width:70px}@media (min-width: 769px){._trigger_vig04_1{display:block}}._iconButton_i8hpv_1{width:48px;height:48px;margin:0 auto;display:flex;align-items:center;justify-content:center;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:20px;position:relative;overflow:hidden}._iconButton_i8hpv_1:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}._iconButton_i8hpv_1:hover:before{opacity:1}._icon_i8hpv_1{position:relative;z-index:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}._iconButton_i8hpv_1:hover ._icon_i8hpv_1{transform:scale(1.15)}._iconButton_i8hpv_1:active{transform:scale(.95)}._help_i8hpv_48{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}._help_i8hpv_48:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}._logout_i8hpv_61{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}._logout_i8hpv_61:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}@media (max-width: 768px){._iconButton_i8hpv_1{width:44px;height:44px;font-size:18px}}._proBadge_1kzic_1{margin:8px 12px 16px;padding:12px 16px;background:linear-gradient(135deg,#ff9800,#ff5722);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #ff98004d;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.5px;font-family:Inter,sans-serif;text-transform:uppercase;position:relative;overflow:hidden}._proBadge_1kzic_1:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}._proBadge_1kzic_1:hover:before{left:100%}._proBadge_1kzic_1:hover{background:linear-gradient(135deg,#f57c00,#e64a19);box-shadow:0 6px 16px #ff980066;transform:translateY(-2px)}._proBadge_1kzic_1:active{transform:translateY(0) scale(.98)}._icon_1kzic_49{font-size:18px;animation:_pulse_1kzic_1 2s ease-in-out infinite}._label_1kzic_54{font-size:11px;letter-spacing:.8px}@keyframes _pulse_1kzic_1{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){._proBadge_1kzic_1{margin:8px 10px 14px;padding:10px 14px;font-size:12px}._icon_1kzic_49{font-size:16px}._label_1kzic_54{font-size:10px}}._modeBadge_71ti3_1{margin:8px 12px;padding:4px 10px;border-radius:6px;color:var(--text-secondary, #666);font-weight:500;font-size:11px;display:flex;align-items:center;justify-content:center;gap:4px;letter-spacing:.3px;font-family:Inter,sans-serif;text-transform:uppercase;background:transparent;border:1px solid rgba(0,0,0,.1);transition:all .2s ease}._modeBadge_71ti3_1._pro_71ti3_20,._modeBadge_71ti3_1._lite_71ti3_25{background:transparent;border:1px solid rgba(0,0,0,.1)}._icon_71ti3_30{display:none}._label_71ti3_34{font-size:10px;letter-spacing:.5px;font-weight:600}@media (max-width: 768px){._modeBadge_71ti3_1{margin:6px 10px;padding:3px 8px;font-size:10px}._label_71ti3_34{font-size:9px}}._sidebar_shorf_1{position:fixed;top:50px;left:-280px;width:280px;height:calc(100vh - 50px);background:linear-gradient(180deg,#fff,#f8fafc);padding:16px 0;overflow-y:auto;overflow-x:hidden;z-index:100;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 20px #00000014;border-right:1px solid #e2e8f0}._sidebar_shorf_1._open_shorf_17{left:0;box-shadow:8px 0 30px #0000001f}._sidebar_shorf_1::-webkit-scrollbar{width:6px}._sidebar_shorf_1::-webkit-scrollbar-track{background:transparent}._sidebar_shorf_1::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#94a3b8);border-radius:3px;transition:background .3s ease}._sidebar_shorf_1::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#94a3b8,#64748b)}._divider_shorf_43{height:1px;background:linear-gradient(90deg,transparent 0%,#e2e8f0 50%,transparent 100%);margin:12px 16px;opacity:.5}._sectionLabel_shorf_51{font-size:10px;font-weight:700;color:#94a3b8;letter-spacing:.8px;text-transform:uppercase;margin:16px 12px 8px;padding-top:8px;font-family:Inter,sans-serif}@media (min-width: 769px){._sidebar_shorf_1{width:250px;left:-250px}._sidebar_shorf_1._open_shorf_17,._sidebar_shorf_1:hover{left:0;box-shadow:4px 0 20px #00000014}}@media (max-width: 768px){._sidebar_shorf_1{width:280px;left:-280px}._sidebar_shorf_1._open_shorf_17{left:0}}:root{--primary-brand: #2563EB;--primary-brand-hover: #1d4ed8;--primary-brand-light: #3b82f6;--primary-brand-dark: #1e40af;--primary-brand-subtle: #dbeafe;--sidebar-bg: #1A202C;--sidebar-text: #E2E8F0;--sidebar-hover: #2D3748;--sidebar-active: #4299e1;--bg-main: #F8FAFC;--bg-secondary: #FFFFFF;--bg-tertiary: #F1F5F9;--text-main: #1E293B;--text-secondary: #64748B;--text-muted: #94A3B8;--text-inverse: #FFFFFF;--border-color: #E2E8F0;--border-color-dark: #CBD5E1;--success: #10B981;--success-hover: #059669;--success-light: #d1fae5;--success-dark: #047857;--warning: #F59E0B;--warning-hover: #d97706;--warning-light: #fef3c7;--warning-dark: #b45309;--danger: #EF4444;--danger-hover: #dc2626;--danger-light: #fee2e2;--danger-dark: #b91c1c;--info: #3b82f6;--info-hover: #2563eb;--info-light: #dbeafe;--info-dark: #1e40af;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-hover: 0 6px 12px rgba(37, 99, 235, .15);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Consolas", "Monaco", monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--transition-smooth: all var(--duration-normal) var(--ease-smooth);--transition-colors: color var(--duration-normal) var(--ease-smooth), background-color var(--duration-normal) var(--ease-smooth), border-color var(--duration-normal) var(--ease-smooth);--transition-transform: transform var(--duration-normal) var(--ease-smooth);--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--z-base: 1;--z-dropdown: 100;--z-sidebar: 99;--z-overlay: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500}.container-modern{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md)}.card-modern{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.card-modern:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-modern-primary{background:var(--primary-brand);color:var(--text-inverse);border:none;border-radius:var(--radius-md);padding:var(--space-md) var(--space-xl);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-sm)}.btn-modern-primary:hover{background:var(--primary-brand-hover);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-modern-success{background:var(--success);color:var(--text-inverse)}.btn-modern-success:hover{background:var(--success-hover)}.btn-modern-danger{background:var(--danger);color:var(--text-inverse)}.btn-modern-danger:hover{background:var(--danger-hover)}.badge-modern{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.input-modern{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-main);background:var(--bg-secondary);color:var(--text-main);transition:var(--transition-colors)}.input-modern:focus{outline:none;border-color:var(--primary-brand);box-shadow:0 0 0 3px var(--primary-brand-subtle)}.divider-modern{height:1px;background:var(--border-color);border:none;margin:var(--space-xl) 0}.skeleton-modern{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--border-color) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up var(--duration-normal) var(--ease-smooth)}.backdrop-blur{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0000004d}:root{--primary-brand: #2563EB;--primary-brand-hover: #1d4ed8;--primary-brand-light: #3b82f6;--primary-brand-dark: #1e40af;--primary-brand-subtle: #dbeafe;--success: #10B981;--success-hover: #059669;--success-light: #d1fae5;--success-dark: #047857;--warning: #F59E0B;--warning-hover: #d97706;--warning-light: #fef3c7;--warning-dark: #b45309;--danger: #EF4444;--danger-hover: #dc2626;--danger-light: #fee2e2;--danger-dark: #b91c1c;--info: #3b82f6;--info-hover: #2563eb;--info-light: #dbeafe;--info-dark: #1e40af;--bg-main: #F8FAFC;--bg-secondary: #FFFFFF;--bg-tertiary: #F1F5F9;--text-main: #1E293B;--text-secondary: #64748B;--text-muted: #94A3B8;--text-inverse: #FFFFFF;--border-color: #E2E8F0;--border-color-dark: #CBD5E1;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-hover: 0 6px 12px rgba(37, 99, 235, .15);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Consolas", "Monaco", monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--transition-smooth: all var(--duration-normal) var(--ease-smooth);--transition-colors: color var(--duration-normal) var(--ease-smooth), background-color var(--duration-normal) var(--ease-smooth), border-color var(--duration-normal) var(--ease-smooth);--transition-transform: transform var(--duration-normal) var(--ease-smooth);--z-base: 1;--z-dropdown: 100;--z-sidebar: 99;--z-overlay: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--bg-main);height:100vh;overflow:hidden;font-size:var(--font-size-base);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-primary{background:var(--primary-brand)!important}.bg-primary-hover:hover{background:var(--primary-brand-hover)!important}.bg-primary-light{background:var(--primary-brand-subtle)!important}.bg-success{background:var(--success)!important}.bg-success-hover:hover{background:var(--success-hover)!important}.bg-success-light{background:var(--success-light)!important}.text-primary{color:var(--primary-brand)!important}.text-inverse{color:var(--text-inverse)!important}.text-secondary{color:var(--text-secondary)!important}input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],input[type=date],select,textarea{padding:var(--space-md) var(--space-lg);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-main);color:var(--text-main);background:var(--bg-secondary);transition:var(--transition-smooth);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary-brand);box-shadow:0 0 0 3px var(--primary-brand-subtle)}input::placeholder{color:var(--text-muted)}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748B' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-right:var(--space-3xl)}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden}thead{background:var(--bg-tertiary)}thead th{padding:var(--space-lg) var(--space-xl);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-bottom:2px solid var(--border-color)}tbody tr{border-bottom:1px solid var(--border-color);transition:var(--transition-smooth)}tbody tr:hover{background:#f1f5f9;transform:scale(1.001)}tbody tr:last-child{border-bottom:none}tbody td{padding:var(--space-lg) var(--space-xl);font-size:var(--font-size-base);color:var(--text-main);vertical-align:middle}.badge-status{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.badge-success{background:var(--success-light);color:var(--success-dark)}.badge-warning{background:var(--warning-light);color:var(--warning-dark)}.badge-danger{background:var(--danger-light);color:var(--danger-dark)}.badge-info{background:var(--info-light);color:var(--info-dark)}.container-ventas>div:last-child>div:first-child{background:linear-gradient(135deg,var(--primary-brand) 0%,var(--primary-brand-dark) 100%)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-xl)!important;padding:var(--space-2xl)!important}.buscador-y-sugerencias input{padding:var(--space-lg) var(--space-xl)!important;border-radius:var(--radius-lg)!important;border:2px solid var(--border-color)!important;font-size:var(--font-size-md)!important;box-shadow:var(--shadow-sm)!important}.buscador-y-sugerencias input:focus{border-color:var(--primary-brand)!important;box-shadow:0 0 0 3px var(--primary-brand-subtle),var(--shadow-md)!important}.item-carrito{background:var(--bg-secondary)!important;border-radius:var(--radius-md)!important;padding:var(--space-lg)!important;margin-bottom:var(--space-md)!important;border:1px solid var(--border-color)!important;transition:var(--transition-smooth)!important}.item-carrito:hover{border-color:var(--primary-brand)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-1px)!important}.carrito-tab-button{background:#fff!important;border-radius:6px!important;padding:4px 8px!important;border:1px solid #E2E8F0!important;transition:all .2s!important;font-weight:500!important;font-size:11px!important;color:#64748b!important;cursor:pointer!important;box-shadow:0 1px 2px #0000000d!important}.carrito-tab-button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;border-color:#2563eb!important;box-shadow:0 4px 6px -1px #2563eb4d!important}.carrito-tab-button:not(.active):hover{background:#f8fafc!important;border-color:#cbd5e1!important;transform:translateY(-1px)!important;box-shadow:0 4px 6px -1px #0000001a!important}.carrito-tab-button .cerrar-carrito-btn{position:absolute;top:4px;right:6px;background:#ef44441a!important;color:#ef4444!important;border:none;width:18px;height:18px;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.carrito-tab-button .cerrar-carrito-btn:hover{background:#ef4444!important;color:#fff!important;transform:scale(1.1)}.carrito-tab-button.nueva-venta{background:#ecfdf5!important;border-color:#6ee7b7!important;color:#059669!important}.carrito-tab-button.nueva-venta:hover{background:#d1fae5!important;border-color:#34d399!important}.producto-sugerencia{padding:var(--space-md) var(--space-lg)!important;transition:var(--transition-smooth)!important;border-radius:var(--radius-md)!important}.producto-sugerencia:hover{background:var(--primary-brand-subtle)!important;border-left:3px solid var(--primary-brand)!important}.tabs{background:var(--primary-brand);padding:0;margin:0;display:flex;box-shadow:var(--shadow-md)}.tab-button{background:transparent;color:var(--text-inverse);border:none;padding:14px 25px;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:var(--transition-smooth);border-bottom:3px solid transparent;text-shadow:0 1px 1px rgba(0,0,0,.15);position:relative}.tab-button:hover{background:var(--primary-brand-hover);color:var(--text-inverse)}.tab-button.active{color:var(--text-main);background:var(--bg-secondary);border-bottom:3px solid var(--warning);box-shadow:inset 0 -3px 0 var(--warning)}.tab-content{position:absolute;top:51px;left:0;right:0;padding:0;height:calc(100vh - 51px);background:var(--bg-main);overflow-x:hidden;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.tab-content.active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;animation:fadeInUp .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content{scrollbar-width:thin;scrollbar-color:var(--primary-brand-light) var(--bg-tertiary)}.tab-content::-webkit-scrollbar{width:10px}.tab-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-md)}.tab-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-brand-light) 0%,var(--primary-brand) 100%);border-radius:var(--radius-md);border:2px solid var(--bg-tertiary);transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-brand) 0%,var(--primary-brand-dark) 100%);border:1px solid var(--bg-tertiary)}.btn-principal{background:var(--success);color:var(--text-inverse);padding:15px;border:none;border-radius:var(--radius-lg);width:100%;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;margin-top:10px;transition:var(--transition-smooth);box-shadow:var(--shadow-sm)}.btn-principal:hover{background:var(--success-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-eliminar{background:var(--danger)!important;color:var(--text-inverse)!important;border:none!important;padding:5px 10px!important;border-radius:var(--radius-sm)!important;cursor:pointer!important;font-size:var(--font-size-xs)!important;transition:var(--transition-smooth)!important}.btn-eliminar:hover{background:var(--danger-hover)!important;transform:translateY(-1px)}.container-ventas{display:grid;grid-template-columns:1fr minmax(300px,420px);grid-template-rows:auto 1fr;gap:var(--space-2xl);height:100%;padding:var(--space-2xl);background:var(--bg-main)}@media (max-width: 900px){.container-ventas{grid-template-columns:1fr!important;grid-template-rows:auto!important;height:auto!important;min-height:calc(100vh - 70px);overflow-y:auto!important;padding-bottom:20px}#items-carrito{min-height:200px!important;max-height:300px!important;overflow-y:auto!important;flex:none!important}.buscador-y-sugerencias{position:relative;z-index:100}}.area-superior-venta{grid-column:1 / -1;padding:var(--space-2xl);background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition-smooth)}.area-superior-venta:hover{box-shadow:var(--shadow-lg)}.area-carrito{grid-column:1;grid-row:2;background:var(--bg-secondary);padding:var(--space-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow-y:auto;transition:var(--transition-smooth)}.area-carrito:hover{box-shadow:var(--shadow-lg)}.area-panel-derecho{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:15px}.panel-total{background:linear-gradient(135deg,#60a5fa,#3b82f6);padding:20px;border-radius:12px;box-shadow:0 4px 12px #3b82f64d}.panel-finalizar{background:var(--bg-secondary);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.header-ventas{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f4f6f9}#buscador,#buscador-inventario,.input-form{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:15px;font-size:var(--font-size-base);font-family:var(--font-main);transition:var(--transition-smooth);background:var(--bg-secondary);color:var(--text-main)}#buscador:focus,#buscador-inventario:focus,.input-form:focus{outline:none;border-color:var(--primary-brand);box-shadow:0 0 0 3px var(--primary-brand-subtle)}.buscador-y-sugerencias{position:relative;margin-bottom:0}#lista-sugerencias{position:absolute;width:100%;max-height:200px;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-top:none;z-index:var(--z-dropdown);border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-lg)}.producto-sugerencia{padding:10px 15px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:var(--transition-colors)}.producto-sugerencia:hover{background:var(--primary-brand-subtle)}.container-seccion{padding:var(--space-xl);background:var(--bg-secondary);border-radius:var(--radius-lg);margin:15px;box-shadow:var(--shadow-sm);height:calc(100% - 30px);overflow-x:hidden;overflow-y:auto}.seccion-agregar-producto{background:var(--primary-brand-subtle);border-radius:var(--radius-md);margin-bottom:20px;border:1px solid var(--primary-brand);overflow:hidden}.header-agregar-producto{display:flex;justify-content:space-between;align-items:center;padding:15px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-colors)}.header-agregar-producto:hover{background:var(--info-light)}.header-agregar-producto h3{color:#333;font-size:16px;margin:0}.toggle-icon{font-size:24px;font-weight:700;color:var(--primary-brand);transition:var(--transition-transform)}.toggle-icon.rotated{transform:rotate(45deg)}.contenido-agregar-producto{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.contenido-agregar-producto.expanded{max-height:500px;padding:0 15px 15px}.tabla-inventario{width:100%;border-collapse:collapse;margin-top:15px}.tabla-inventario th{background:var(--bg-tertiary);padding:var(--space-md) var(--space-lg);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-main);border-bottom:none;font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.tabla-inventario td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm)}.tabla-inventario tr:hover{background:var(--bg-tertiary);transition:var(--transition-colors)}.input-editable{width:100%;padding:5px 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-main);transition:var(--transition-colors)}.input-editable:focus{outline:none;border-color:var(--primary-brand);box-shadow:0 0 0 2px var(--primary-brand-subtle)}.btn-guardar{background:var(--success);color:var(--text-inverse);border:none;padding:5px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:18px;transition:var(--transition-smooth)}.btn-guardar:hover{background:var(--success-hover);transform:translateY(-1px)}.btn-agregar-producto{background:var(--warning);color:var(--text-inverse);border:none;padding:10px 15px;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin-top:15px;width:100%;transition:var(--transition-smooth)}.btn-agregar-producto:hover{background:var(--warning-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tasa-display input{padding:5px 8px;border:1px solid #ddd;border-radius:3px;width:80px}.tasa-display button{background:#e53935;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:11px;padding:4px 8px}.item-carrito{padding:10px;border-bottom:1px solid var(--border-color);margin-bottom:10px;background:var(--bg-secondary);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.item-carrito:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.controles-cantidad button{background:var(--primary-brand);color:var(--text-inverse);border:none;width:25px;height:25px;border-radius:var(--radius-sm);cursor:pointer;margin:0 5px;transition:var(--transition-smooth)}.controles-cantidad button:hover{background:var(--primary-brand-hover)}#total-carrito{padding:20px;background:transparent!important;border:none;border-radius:8px;color:#fff;box-shadow:none}.item-gasto{padding:10px;border-bottom:1px solid var(--border-color);margin-bottom:8px;background:var(--bg-secondary);border-radius:var(--radius-sm)}.btn-guardar-gasto{background:var(--warning);color:var(--text-inverse);border:none;padding:10px 15px;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);width:100%;transition:var(--transition-smooth)}.btn-guardar-gasto:hover{background:var(--warning-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-eliminar-inventario{background:var(--danger);color:var(--text-inverse);border:none;padding:5px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:18px;transition:var(--transition-smooth);margin-left:5px}.btn-eliminar-inventario:hover{background:var(--danger-hover);transform:translateY(-1px)}.filtros-fecha-mejorados{display:grid;grid-template-columns:1fr auto auto;gap:15px;align-items:end;margin-bottom:20px;background:var(--bg-secondary);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.selector-rango-fechas{display:flex;flex-direction:column;gap:8px}.selector-rango-fechas label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-main);display:flex;align-items:center;gap:8px}.input-rango-fechas{display:flex;align-items:center;gap:10px;background:var(--bg-tertiary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--border-color)}.input-rango-fechas input{border:none;background:transparent;font-size:14px;padding:5px;flex:1;outline:none}.separador-fechas{color:#6c757d;font-weight:700}.btn-filtro-mejorado{background:var(--primary-brand);color:var(--text-inverse);padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:var(--transition-smooth);white-space:nowrap;box-shadow:var(--shadow-sm)}.btn-filtro-mejorado:hover{background:var(--primary-brand-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-filtro-secundario-mejorado{background:var(--text-secondary);color:var(--text-inverse);padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);transition:var(--transition-smooth);white-space:nowrap}.btn-filtro-secundario-mejorado:hover{background:var(--text-main);transform:translateY(-2px)}.botones-rapidos{display:flex;gap:10px;margin-bottom:15px}.btn-rapido{background:var(--primary-brand-subtle);color:var(--primary-brand-dark);border:1px solid var(--primary-brand);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:var(--transition-smooth)}.btn-rapido:hover{background:var(--primary-brand);color:var(--text-inverse)}.selector-tipo-cuenta{display:flex;gap:10px;margin-bottom:10px;background:var(--bg-secondary);padding:15px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.btn-tipo-cuenta{flex:1;padding:8px 20px;border:2px solid var(--primary-brand);background:var(--bg-secondary);color:var(--primary-brand);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center}.btn-tipo-cuenta.active{background:var(--primary-brand);color:var(--text-inverse)}.btn-tipo-cuenta:hover{background:var(--primary-brand-subtle)}.btn-tipo-cuenta.active:hover{background:var(--primary-brand-hover)}.item-cuenta{padding:15px;border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:15px;background:var(--bg-secondary);box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.item-cuenta:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.item-cuenta.pagado{background:var(--success-light);border-color:var(--success)}.btn-marcar-pagado{background:var(--success);color:var(--text-inverse);border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:var(--transition-smooth)}.btn-marcar-pagado:hover{background:var(--success-hover);transform:translateY(-1px)}.buscador-cuentas-container{background:var(--bg-secondary);padding:15px;border-radius:var(--radius-md);margin-bottom:10px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.buscador-cuentas{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--primary-brand);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-main);transition:var(--transition-smooth);background:var(--bg-secondary)}.buscador-cuentas:focus{outline:none;border-color:var(--primary-brand-dark);box-shadow:0 0 0 3px var(--primary-brand-subtle)}.buscador-cuentas::placeholder{color:#6c757d}.cuenta-vencida{border-left:4px solid var(--danger)!important;background:var(--danger-light)!important}.cuenta-proxima{border-left:4px solid var(--warning)!important;background:var(--warning-light)!important}.cuenta-normal{border-left:4px solid var(--success)!important}.estado-vencido{background:var(--danger);color:var(--text-inverse);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin-left:8px}.estado-proximo{background:var(--warning);color:var(--text-inverse);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin-left:8px}.estado-normal{background:var(--success);color:var(--text-inverse);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin-left:8px}.campo-cliente-venta{margin-top:10px;padding:10px;background:#e3f2fd;border-radius:6px;border:1px solid #90caf9}.campo-fecha-vencimiento{margin-top:10px;padding:10px;background:#fff3e0;border-radius:6px;border:1px solid #ffb74d}.campo-fecha-vencimiento label{display:block;margin-bottom:5px;font-weight:600;color:#e65100}.campo-fecha-vencimiento input{width:100%;padding:8px;border:1px solid #ffb74d;border-radius:4px;font-size:13px}.notificacion-badge{background:#f44336;color:#fff;border-radius:50%;font-size:11px;font-weight:700;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;margin-left:5px;display:none}.notificacion-vencida{background:#ff5722}.metrica-reportes{display:flex;flex-direction:column;align-items:center;background:var(--bg-secondary);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;border:1px solid var(--border-color);transition:var(--transition-smooth)}.metrica-reportes:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metrica-titulo{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:5px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.metrica-valor{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-main)}.formulario-cuenta{background:var(--bg-secondary);padding:var(--space-xl);border-radius:var(--radius-lg);margin-bottom:20px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.formulario-cuenta h3{color:var(--text-main);margin-bottom:15px;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--primary-brand);padding-bottom:10px}.campo-formulario{margin-bottom:15px}.campo-formulario label{display:block;margin-bottom:5px;font-size:13px;font-weight:700;color:#333}.campo-formulario input[type=text],.campo-formulario input[type=date],.campo-formulario input[type=number]{width:100%;padding:10px 15px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-main);transition:var(--transition-smooth);background:var(--bg-secondary);color:var(--text-main)}.campo-formulario input:focus{outline:none;border-color:var(--primary-brand);box-shadow:0 0 0 3px var(--primary-brand-subtle)}.tabla-cuentas{width:100%;border-collapse:collapse;margin-top:15px}.tabla-cuentas th{background:var(--bg-tertiary);color:var(--text-main);padding:var(--space-md) var(--space-lg);font-size:var(--font-size-sm);text-align:left;font-weight:var(--font-weight-semibold);border-bottom:none;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.tabla-cuentas td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm)}.tabla-cuentas tbody tr:hover{background:var(--bg-tertiary);transition:var(--transition-colors)}.carrito-tab-button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-bottom:none;padding:var(--space-sm) var(--space-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:var(--transition-smooth);display:flex;align-items:center;gap:8px}.carrito-tab-button:hover{background:var(--primary-brand-subtle);color:var(--primary-brand)}.carrito-tab-button.active{background:var(--primary-brand);color:var(--text-inverse);border-color:var(--primary-brand)}.carrito-tab-button.nueva-venta{background:var(--success-light);color:var(--success-dark);font-weight:var(--font-weight-semibold)}.carrito-tab-button.nueva-venta:hover{background:var(--success);color:var(--text-inverse)}.cerrar-carrito-btn{background:#0000001a;color:var(--text-inverse);border:none;border-radius:var(--radius-full);width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;line-height:1;padding:0;margin-left:5px;transition:var(--transition-smooth)}.cerrar-carrito-btn:hover{background:var(--danger)}.tab-button{color:#fff;font-weight:500;opacity:.8}.tab-button.active{color:#37474f;font-weight:700;opacity:1}.tab-button:not(.active):hover{background-color:#ffffff1a;opacity:1}.menu-toggle-btn{background:transparent;border:none;color:inherit;font-size:20px;cursor:pointer;padding:5px 10px;margin-right:5px;border-radius:4px;transition:background .3s}.menu-toggle-btn:hover{background:#fff3}.sidebar{position:fixed;top:50px;left:-280px;width:280px;height:calc(100vh - 50px);background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:4px 0 20px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:var(--z-sidebar);overflow-y:auto;padding:var(--space-lg) 0;border-right:1px solid var(--border-color)}.sidebar.open{left:0;box-shadow:8px 0 30px #0000001f}.sidebar-button{width:100%;padding:12px 20px;margin:2px 12px;width:calc(100% - 24px);background:transparent;border:none;text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-md);border-left:3px solid transparent;display:flex;align-items:center;gap:12px;position:relative}.sidebar-button:hover{background:var(--bg-tertiary);border-left-color:var(--primary-brand);color:var(--primary-brand);transform:translate(4px);box-shadow:0 2px 8px #2563eb1a}.sidebar-button.active{background:linear-gradient(90deg,var(--primary-brand-subtle) 0%,rgba(219,234,254,.3) 100%);border-left-color:var(--primary-brand);color:var(--primary-brand-dark);font-weight:var(--font-weight-bold);transform:translate(4px);box-shadow:0 2px 12px #2563eb26}.main-content{margin-left:0;transition:margin-left .3s ease;min-height:calc(100vh - 50px)}.main-content.menu-open{margin-left:280px}.sidebar-overlay{position:fixed;top:50px;left:0;width:100%;height:calc(100vh - 50px);background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--z-sidebar) - 1);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-button .notificacion-badge{margin-left:auto;transition:all .3s cubic-bezier(.4,0,.2,1);animation:badge-pulse 2s ease-in-out infinite}.sidebar-button:hover .notificacion-badge{transform:scale(1.1);box-shadow:0 4px 12px #ef44444d}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sidebar{scrollbar-width:thin;scrollbar-color:var(--primary-brand-light) var(--bg-tertiary)}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:transparent;margin:8px 0}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-brand-light) 0%,var(--primary-brand) 100%);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-brand) 0%,var(--primary-brand-dark) 100%);border:1px solid transparent}#items-carrito{scrollbar-width:thin;scrollbar-color:#3B82F6 #E5E7EB;overflow-y:auto}#items-carrito::-webkit-scrollbar{width:12px;display:block}#items-carrito::-webkit-scrollbar-track{background:#e5e7eb;border-radius:6px}#items-carrito::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:6px;border:2px solid #E5E7EB}#items-carrito::-webkit-scrollbar-thumb:hover{background:#2563eb}.buscador-y-sugerencias input{transition:border-color .2s}.buscador-y-sugerencias input:focus{border-color:#a0c4ff;outline:none;box-shadow:0 0 0 3px #a0c4ff1a}@media (max-width: 1200px){.container-ventas{grid-template-columns:1fr!important}}@media (max-width: 768px){.sidebar{width:250px;left:-250px}.main-content.menu-open{margin-left:0}.sidebar-overlay.active{display:block}.container-ventas{height:auto!important;min-height:calc(100vh - 70px);overflow-y:auto!important}#items-carrito{min-height:180px!important;max-height:280px!important;overflow-y:auto!important}#lista-sugerencias{z-index:1200!important}.container-seccion{padding:10px!important}.tabla-inventario{display:block;overflow-x:auto;white-space:nowrap}.filtros-fecha-mejorados{grid-template-columns:1fr!important;gap:10px}.selector-tipo-cuenta{flex-wrap:wrap}.btn-tipo-cuenta{flex:1 1 calc(50% - 5px);min-width:120px}h2{font-size:16px!important}.card-cuenta{padding:12px!important}.modal-content{max-width:95vw!important;padding:15px!important;margin:10px}button,.btn{min-height:44px}}@media (max-width: 480px){.sidebar{width:100%;left:-100%}.container-seccion{padding:8px!important}.container-ventas{padding:10px!important;gap:10px!important}#items-carrito{min-height:150px!important;max-height:250px!important;overflow-y:auto!important;border:1px solid #e0e0e0;border-radius:8px;padding:8px!important;background:#fafafa}#lista-sugerencias{z-index:1500!important;max-height:180px!important;box-shadow:0 8px 24px #0003!important}.item-carrito{padding:8px;margin-bottom:8px}.controles-cantidad button{width:36px;height:36px;font-size:18px}.controles-cantidad input{width:60px!important;font-size:14px}.btn-scroll-carrito{width:40px!important;height:40px!important}.carrito-tab-button{padding:8px 12px;font-size:12px}#buscador,.input-saas,.input-form,input,select{padding:10px 12px;font-size:14px}.seccion-header h2{font-size:14px!important}.grid-productos{grid-template-columns:1fr!important;gap:8px}.card,.card-producto{padding:10px!important}.tabla-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}td,th{font-size:11px!important;padding:6px 4px!important}.btn-finalizar-venta{padding:15px!important;font-size:14px!important}#total-carrito h3{font-size:14px!important}#total-bs,#total-usd{font-size:22px!important}#modal-cliente-busqueda{padding:20px!important;border-radius:12px!important}select#tipo-venta,select#metodo-pago-venta{font-size:14px;padding:10px}}@media (max-height: 500px) and (orientation: landscape){.container-ventas{height:auto!important;min-height:100vh}#items-carrito{max-height:150px}}