:root{color-scheme:light;--color-bg: #f9fafb;--color-bg-soft: #f8fafc;--color-surface: #ffffff;--color-surface-muted: #f8fafc;--color-surface-elevated: #ffffff;--color-border: #e5e7eb;--color-border-strong: #cbd5e1;--color-text: #0f172a;--color-text-strong: #111827;--color-text-muted: #64748b;--color-text-subtle: #94a3b8;--color-primary: #007bff;--color-primary-strong: #0056b3;--color-primary-soft: #eff6ff;--color-brand-blue: #1e3a8a;--color-brand-violet: #667eea;--color-brand-gold: #fbbf24;--color-success: #16a34a;--color-success-soft: #ecfdf5;--color-warning: #d97706;--color-warning-soft: #fef3c7;--color-danger: #dc2626;--color-danger-soft: #fee2e2;--color-info: #2563eb;--color-info-soft: #dbeafe;--shadow-card: 0 2px 4px rgba(0, 0, 0, .1);--shadow-elevated: 0 20px 60px rgba(15, 23, 42, .12);--focus-ring: 0 0 0 3px rgba(37, 99, 235, .16);--sidebar-bg: linear-gradient(180deg, #1e3a8a 0%, #1e40af 100%);--sidebar-accent: #fbbf24}:root[data-theme=dark]{color-scheme:dark;--color-bg: #07111f;--color-bg-soft: #0b1728;--color-surface: #0f1d31;--color-surface-muted: #13233a;--color-surface-elevated: #172940;--color-border: #24364f;--color-border-strong: #38516f;--color-text: #eaf2ff;--color-text-strong: #f8fbff;--color-text-muted: #9fb0c8;--color-text-subtle: #74849a;--color-primary: #4f8cff;--color-primary-strong: #7aa7ff;--color-primary-soft: rgba(79, 140, 255, .16);--color-brand-blue: #4f8cff;--color-brand-violet: #8b8df6;--color-brand-gold: #fbbf24;--color-success: #34d399;--color-success-soft: rgba(52, 211, 153, .14);--color-warning: #f59e0b;--color-warning-soft: rgba(245, 158, 11, .16);--color-danger: #f87171;--color-danger-soft: rgba(248, 113, 113, .15);--color-info: #60a5fa;--color-info-soft: rgba(96, 165, 250, .16);--shadow-card: 0 18px 48px rgba(0, 0, 0, .28);--shadow-elevated: 0 24px 70px rgba(0, 0, 0, .42);--focus-ring: 0 0 0 3px rgba(79, 140, 255, .28);--sidebar-bg: linear-gradient(180deg, #06152c 0%, #102a56 48%, #0b3b6f 100%);--sidebar-accent: #fbbf24}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden;zoom:.75}html{overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-strong)}.btn-secondary{background-color:var(--color-surface-muted);color:var(--color-text);border:1px solid var(--color-border)}.btn-danger{background-color:var(--color-danger);color:#fff}.card{background:var(--color-surface);border-radius:8px;padding:20px;border:1px solid var(--color-border);box-shadow:var(--shadow-card);margin-bottom:20px;max-width:100%}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:var(--color-text)}.form-control{width:100%;padding:8px 12px;border:1px solid var(--color-border-strong);border-radius:4px;font-size:14px;background:var(--color-surface);color:var(--color-text)}.form-control:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.table{width:100%;border-collapse:collapse;background:var(--color-surface);color:var(--color-text)}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid var(--color-border)}.table th{background-color:var(--color-surface-muted);font-weight:600;color:var(--color-text-strong)}.list-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--color-text-muted)}.list-summary strong{color:var(--color-text);font-size:20px}.summary-warning{border-radius:999px;background:var(--color-warning-soft);color:var(--color-warning);font-size:12px;font-weight:700;padding:4px 9px}.list-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) repeat(2,minmax(170px,220px));gap:12px;align-items:center}.empty-row{padding:28px!important}.empty-row strong,.empty-row span{display:block}.empty-row strong{color:var(--color-text);font-size:16px;margin-bottom:4px}.empty-row span{color:var(--color-text-muted);margin-bottom:14px}.pagination-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;color:var(--color-text-muted)}input,select,textarea{background-color:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}input::placeholder,textarea::placeholder{color:var(--color-text-subtle)}:root[data-theme=dark] .layout-content,:root[data-theme=dark] .dashboard-container,:root[data-theme=dark] .productos-container,:root[data-theme=dark] .ventas-container,:root[data-theme=dark] .clientes-container,:root[data-theme=dark] .proveedores-container,:root[data-theme=dark] .stock-container,:root[data-theme=dark] .reportes-container,:root[data-theme=dark] .configuracion-container,:root[data-theme=dark] .promociones-container,:root[data-theme=dark] .pedidos-container,:root[data-theme=dark] .gastos-container,:root[data-theme=dark] .alertas-container,:root[data-theme=dark] .presupuestos-container{background:var(--color-bg)!important;color:var(--color-text)!important}:root[data-theme=dark] .summary-card,:root[data-theme=dark] .sales-summary article,:root[data-theme=dark] .filter-section,:root[data-theme=dark] .settings-card,:root[data-theme=dark] .compact-card,:root[data-theme=dark] .pending-card,:root[data-theme=dark] .metric-card,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .action-card,:root[data-theme=dark] .detail-card,:root[data-theme=dark] .detail-section,:root[data-theme=dark] .form-section,:root[data-theme=dark] .items-section,:root[data-theme=dark] .items-card,:root[data-theme=dark] .list-card,:root[data-theme=dark] .report-card,:root[data-theme=dark] .chart-card,:root[data-theme=dark] .stock-card,:root[data-theme=dark] .client-card,:root[data-theme=dark] .provider-card,:root[data-theme=dark] .order-card,:root[data-theme=dark] .promo-card,:root[data-theme=dark] .delete-confirm-dialog,:root[data-theme=dark] .modal-content,:root[data-theme=dark] .auth-card{background:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text)!important;box-shadow:var(--shadow-card)!important}:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3,:root[data-theme=dark] h4,:root[data-theme=dark] .header h2,:root[data-theme=dark] .summary-card strong,:root[data-theme=dark] .sales-summary strong,:root[data-theme=dark] .stat-value,:root[data-theme=dark] .action-card h3,:root[data-theme=dark] .detail-card h3,:root[data-theme=dark] .detail-section h3,:root[data-theme=dark] .form-section h3,:root[data-theme=dark] .items-section h3,:root[data-theme=dark] .settings-card h3,:root[data-theme=dark] .delete-confirm-dialog h3,:root[data-theme=dark] .auth-header h1{color:var(--color-text-strong)!important}:root[data-theme=dark] p,:root[data-theme=dark] label,:root[data-theme=dark] small,:root[data-theme=dark] .header p,:root[data-theme=dark] .summary-card span,:root[data-theme=dark] .sales-summary span,:root[data-theme=dark] .action-card p,:root[data-theme=dark] .detail-card p,:root[data-theme=dark] .detail-section p,:root[data-theme=dark] .form-section p,:root[data-theme=dark] .items-section p,:root[data-theme=dark] .section-heading p,:root[data-theme=dark] .auth-header p,:root[data-theme=dark] .auth-footer p{color:var(--color-text-muted)!important}:root[data-theme=dark] .view-toggle,:root[data-theme=dark] .origin-badge,:root[data-theme=dark] .hero-pill,:root[data-theme=dark] .form-hint,:root[data-theme=dark] .info-button,:root[data-theme=dark] .variant-badge,:root[data-theme=dark] .promo-note,:root[data-theme=dark] .status-chip,:root[data-theme=dark] .origin-badge.online{background:var(--color-primary-soft)!important;border-color:#4f8cff47!important;color:var(--color-primary-strong)!important}:root[data-theme=dark] .view-toggle button.active,:root[data-theme=dark] .hero-pill.promo.active{background:var(--color-surface-elevated)!important;color:var(--color-primary-strong)!important}:root[data-theme=dark] .tooltip{background:#030712!important;color:var(--color-text)!important}:root[data-theme=dark] .table tr:hover,:root[data-theme=dark] tbody tr:hover{background:#4f8cff14!important}:root[data-theme=dark] .table td:before{color:var(--color-text-muted)!important}:root[data-theme=dark] .form-select,:root[data-theme=dark] .search-input,:root[data-theme=dark] input:not([type=checkbox]):not([type=radio]),:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:var(--color-surface)!important;border-color:var(--color-border-strong)!important;color:var(--color-text)!important}:root[data-theme=dark] input:disabled,:root[data-theme=dark] select:disabled,:root[data-theme=dark] textarea:disabled,:root[data-theme=dark] .btn:disabled{background:var(--color-surface-muted)!important;color:var(--color-text-subtle)!important}:root[data-theme=dark] .btn-secondary,:root[data-theme=dark] .btn-cancel,:root[data-theme=dark] .btn-clear{background:var(--color-surface-muted)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}:root[data-theme=dark] .btn-primary,:root[data-theme=dark] .btn-confirm,:root[data-theme=dark] .navbar-login{background:var(--color-primary)!important;color:#fff!important}:root[data-theme=dark] .empty-state,:root[data-theme=dark] .empty-row,:root[data-theme=dark] .loading-state,:root[data-theme=dark] .error-state{background:var(--color-surface)!important;color:var(--color-text-muted)!important}:root[data-theme=dark] .profile-alert,:root[data-theme=dark] .legal-warning,:root[data-theme=dark] .summary-warning,:root[data-theme=dark] .warning,:root[data-theme=dark] .promo-note{background:var(--color-warning-soft)!important;border-color:#f59e0b59!important;color:var(--color-warning)!important}:root[data-theme=dark] .error-message,:root[data-theme=dark] .danger,:root[data-theme=dark] .status-anulado{background:var(--color-danger-soft)!important;border-color:#f8717159!important;color:var(--color-danger)!important}:root[data-theme=dark] .bajo-stock,:root[data-theme=dark] .price-lower,:root[data-theme=dark] .btn-danger{color:#fff}:root[data-theme=dark] .catalog-page{background:#f4f0e8!important;color:#241f18!important}:root[data-theme=dark] .catalog-page h1,:root[data-theme=dark] .catalog-page h2,:root[data-theme=dark] .catalog-page h3,:root[data-theme=dark] .catalog-page strong{color:inherit!important}:root[data-theme=dark] .catalog-page p,:root[data-theme=dark] .catalog-page span,:root[data-theme=dark] .catalog-page label,:root[data-theme=dark] .catalog-page small{color:inherit!important}:root[data-theme=dark] .catalog-page .hero-content h1{color:#fffaf0!important}:root[data-theme=dark] .catalog-page .hero-content p{color:#fffaf0d1!important}:root[data-theme=dark] .catalog-page .catalog-kicker{color:#f5c469!important}:root[data-theme=dark] .catalog-page .business-strip,:root[data-theme=dark] .catalog-page .catalog-toolbar,:root[data-theme=dark] .catalog-page .product-card,:root[data-theme=dark] .catalog-page .empty-catalog,:root[data-theme=dark] .catalog-page .state-card{background:#ffffffe6!important;border-color:#241f181a!important;color:#241f18!important}:root[data-theme=dark] .catalog-page .product-card-copy{background:#fffaf0!important}:root[data-theme=dark] .catalog-page .product-card h2{color:#241f18!important}:root[data-theme=dark] .catalog-page .product-card p,:root[data-theme=dark] .catalog-page .business-strip span{color:#6f6557!important}:root[data-theme=dark] .catalog-page input,:root[data-theme=dark] .catalog-page select,:root[data-theme=dark] .catalog-page textarea{background:#fff!important;border-color:#241f1829!important;color:#241f18!important}.pagination-bar>div{display:flex;align-items:center;gap:10px}@media (max-width: 768px){body{background:var(--color-bg-soft)}.container,.productos-container,.ventas-container,.clientes-container,.proveedores-container,.stock-container,.reportes-container,.configuracion-container,.dashboard-container{width:100%;max-width:100%;padding-left:0!important;padding-right:0!important}.card{border-radius:16px;padding:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.card::-webkit-scrollbar{height:7px}.card::-webkit-scrollbar-thumb{border-radius:999px;background:var(--color-border-strong)}.header,.items-header,.header-actions{align-items:stretch!important;flex-direction:column;gap:10px}.btn,.btn-primary,.btn-secondary,.btn-danger,.btn-clear{width:100%;justify-content:center;text-align:center}.filter-section,.search-bar{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.list-toolbar{grid-template-columns:1fr}.pagination-bar{align-items:flex-start;flex-direction:column}.table{min-width:640px;white-space:nowrap}.table th,.table td{padding:10px}.clientes-container .table,.proveedores-container .table,.ventas-container .table,.productos-container .table{min-width:0;white-space:normal}.clientes-container .table thead,.proveedores-container .table thead,.ventas-container .table thead,.productos-container .table thead{display:none}.clientes-container .table tr,.proveedores-container .table tr,.ventas-container .table tr,.productos-container .table tr{display:grid;gap:8px;padding:14px 0;border-bottom:1px solid #e2e8f0}.clientes-container .table td,.proveedores-container .table td,.ventas-container .table td,.productos-container .table td{display:flex;justify-content:space-between;gap:12px;border:0;padding:0;white-space:normal}.clientes-container .table td:before,.proveedores-container .table td:before,.ventas-container .table td:before,.productos-container .table td:before{color:#64748b;content:attr(data-label);flex:0 0 115px;font-weight:700}.clientes-container .table td:not([data-label]):before,.proveedores-container .table td:not([data-label]):before,.ventas-container .table td:not([data-label]):before,.productos-container .table td:not([data-label]):before{display:none}}@media (max-width: 480px){.layout-content .card{margin-bottom:14px}.table{min-width:560px}}