@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Poppins,sans-serif;background-color:#f5f6fb;color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}button,input,select,textarea{font-family:Poppins,sans-serif}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 40px 10px 16px;font-size:14px;color:#1f2937;cursor:pointer;transition:all .3s ease;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:18px}select:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}select:focus{outline:none;border-color:#df0404;box-shadow:0 0 0 3px #df04041a}select:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}select option{padding:10px;background:#fff;color:#6b7280;font-size:14px;line-height:1.5}select option:hover{background:linear-gradient(135deg,#df0404,#9d0204);color:#fff}select option:checked{background:linear-gradient(135deg,#df0404,#9d0204);color:#fff}.icon-action-btn{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center}.icon-action-btn i{font-size:13px}.orders-table tbody tr:hover td,.users-table tbody tr:hover td,.vehicles-table tbody tr:hover td,.production-table tbody tr:hover td,.data-table tbody tr:hover td{background-color:#fff1f1}.actions-cell .btn.icon-action-btn{width:34px;height:34px;padding:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #fecaca;color:#dc2626;transition:all .2s ease}.actions-cell .btn.icon-action-btn i{color:#dc2626;font-size:13px;line-height:1}.actions-cell .btn.icon-action-btn:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px);box-shadow:0 6px 14px #dc262626}.actions-cell .btn.icon-action-btn.btn.danger,.actions-cell .btn.icon-action-btn.btn.ghost,.actions-cell .btn.icon-action-btn.btn.secondary{background:#fff;border:1px solid #fecaca;color:#dc2626}.actions-cell .btn.icon-action-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}body .modal-backdrop,body .modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:12px;z-index:9000;background:#0f172a73;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);animation:globalModalBackdropIn .2s ease-out}body .modal-backdrop>*,body .modal-overlay>*{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);animation:globalModalContentIn .24s ease-out!important}.modal-backdrop>.modal,.modal-backdrop>.modal-content,.modal-overlay>.modal,.modal-overlay>.modal-content{overflow:hidden;border-radius:16px;display:flex;flex-direction:column}.modal-backdrop>.modal .modal-body,.modal-backdrop>.modal-content .modal-body,.modal-overlay>.modal .modal-body,.modal-overlay>.modal-content .modal-body{overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes globalModalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes globalModalContentIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){body .modal-backdrop,body .modal-overlay,body .modal-backdrop>*,body .modal-overlay>*{animation:none!important}}@media (max-width: 768px){body .modal-backdrop,body .modal-overlay{padding:8px;align-items:center}body .modal-backdrop>*,body .modal-overlay>*{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.modal-backdrop>.modal,.modal-backdrop>.modal-content,.modal-overlay>.modal,.modal-overlay>.modal-content{border-radius:14px}}body.dark-mode,html.dark-mode{background-color:#0f172a!important;color:#f1f5f9!important}body.dark-mode *{border-color:#334155}body.dark-mode .dashboard-layout,body.dark-mode .dashboard-content{background-color:#0f172a!important;color:#f1f5f9!important}body.dark-mode .page-header-container{background-color:#1e293b!important;border-bottom:1px solid #334155!important;box-shadow:0 4px 24px #0006!important}body.dark-mode .page-header h1{color:#f8fafc!important}body.dark-mode .page-header .eyebrow{color:#f87171!important}body.dark-mode .page-header .muted{color:#94a3b8!important}body.dark-mode .op-chip{background-color:#0f172a!important;border-color:#334155!important;color:#e2e8f0!important}body.dark-mode .op-chip strong{color:#f8fafc!important}body.dark-mode .op-chip small,body.dark-mode .profile-chip p{color:#94a3b8!important}body.dark-mode .profile-avatar{background-color:#1e293b!important;border-color:#f87171!important;color:#f87171!important}body.dark-mode .sidebar{background:linear-gradient(135deg,#180b0f,#090406)!important;border-right:1px solid #291318!important;box-shadow:4px 0 24px #00000080!important}body.dark-mode .sidebar .nav-item:hover{background:#df040426!important}body.dark-mode .sidebar .nav-item.active{background:#df04044d!important;border-left-color:#f87171!important}body.dark-mode .hamburger-btn{background:#1e293b!important;border-color:#334155!important;color:#f87171!important}body.dark-mode .card,body.dark-mode .summary-card,body.dark-mode .customers-card,body.dark-mode .stock-card,body.dark-mode .chart-card,body.dark-mode .orders-card,body.dark-mode .performance-card,body.dark-mode .distributor-card,body.dark-mode .stat-card,body.dark-mode .resumen-card,body.dark-mode .kpi-card,body.dark-mode .inventory-card,body.dark-mode .user-card,body.dark-mode .product-card,body.dark-mode .filter-card,body.dark-mode .info-card,body.dark-mode .detail-card,body.dark-mode .metric-card,body.dark-mode .report-card,body.dark-mode .dashboard-card,body.dark-mode .courier-card,body.dark-mode .route-card,body.dark-mode .vehicle-card,body.dark-mode .supply-card,body.dark-mode .warehouse-card,body.dark-mode .section-card,body.dark-mode .module-card,body.dark-mode .pending-stops-card,body.dark-mode .progress-card,body.dark-mode .route-info-card,body.dark-mode .state-card,body.dark-mode .table-container,body.dark-mode .datatable-wrapper,body.dark-mode .filters-container,body.dark-mode .tabs-container,body.dark-mode .tab-switch-container,body.dark-mode .custom-accounts-section,body.dark-mode .investments-section,body.dark-mode .filter-box,body.dark-mode .filter-container,body.dark-mode [class$=-card],body.dark-mode [class*="-card "]{background-color:#1e293b!important;border:1px solid #334155!important;color:#f1f5f9!important;box-shadow:0 4px 20px #0006!important}body.dark-mode .card-header,body.dark-mode .table-header,body.dark-mode .detalle-header,body.dark-mode .chart-header,body.dark-mode .orders-header{border-bottom-color:#334155!important;background-color:transparent!important}body.dark-mode .section-title,body.dark-mode .chart-header,body.dark-mode .orders-title,body.dark-mode .customer-name,body.dark-mode .product-name,body.dark-mode .card-value,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,body.dark-mode strong{color:#f8fafc!important}body.dark-mode .card-label,body.dark-mode .customer-branch,body.dark-mode .product-sku,body.dark-mode .product-branch,body.dark-mode .carousel-indicator,body.dark-mode .text-muted,body.dark-mode .muted,body.dark-mode p,body.dark-mode span:not(.badge):not([class*=badge]):not(.status-badge):not(.customer-badge):not(.trend-positive):not(.trend-negative):not(.highlight),body.dark-mode label,body.dark-mode small{color:#cbd5e1!important}body.dark-mode .carousel-btn{background-color:#0f172a!important;border:1px solid #334155!important;color:#f8fafc!important}body.dark-mode .carousel-btn:hover:not(:disabled){background-color:#334155!important;border-color:#f87171!important;color:#fca5a5!important}body.dark-mode .carousel-btn:disabled{background-color:#1e293b!important;border-color:#334155!important;color:#475569!important}body.dark-mode .stock-info,body.dark-mode .summary-row,body.dark-mode .chart-filter,body.dark-mode .view-toggle button{background-color:#0f172a!important;border:1px solid #334155!important;color:#f8fafc!important}body.dark-mode .chart-filter:hover,body.dark-mode .view-toggle button:hover,body.dark-mode .view-toggle button.active{border-color:#f87171!important;background-color:#1e293b!important}body.dark-mode .customer-badge{background:#3b82f633!important;color:#60a5fa!important}body.dark-mode .customer-badge.distribuidor{background:#f59e0b33!important;color:#fbbf24!important}body.dark-mode .status-badge,body.dark-mode [class*=badge-]{border:1px solid transparent!important}body.dark-mode .status-badge.badge-paid,body.dark-mode .status-badge.badge-delivered,body.dark-mode .badge-paid,body.dark-mode .badge-delivered{background-color:#16a34a40!important;color:#4ade80!important;border-color:#4ade8066!important}body.dark-mode .status-badge.badge-pending,body.dark-mode .status-badge.badge-route,body.dark-mode .badge-pending,body.dark-mode .badge-route{background-color:#d9770640!important;color:#fbbf24!important;border-color:#fbbf2466!important}body.dark-mode .status-badge.badge-preparing,body.dark-mode .badge-preparing{background-color:#2563eb40!important;color:#60a5fa!important;border-color:#60a5fa66!important}body.dark-mode .status-badge.badge-cancelled,body.dark-mode .badge-cancelled{background-color:#dc262640!important;color:#f87171!important;border-color:#f8717166!important}body.dark-mode .status-badge.badge-not-required,body.dark-mode .badge-not-required{background-color:#64748b40!important;color:#cbd5e1!important;border-color:#cbd5e166!important}body.dark-mode table,body.dark-mode .table,body.dark-mode .orders-table,body.dark-mode .users-table,body.dark-mode .vehicles-table,body.dark-mode .production-table,body.dark-mode .data-table{background-color:transparent!important;color:#f1f5f9!important}body.dark-mode table thead th,body.dark-mode .table thead th{background-color:#0f172a!important;color:#94a3b8!important;border-bottom:1px solid #334155!important}body.dark-mode table tbody td,body.dark-mode .table tbody td{border-bottom:1px solid #334155!important;color:#e2e8f0!important}body.dark-mode table tbody tr:hover td,body.dark-mode .table tbody tr:hover td{background-color:#26354a!important}body.dark-mode .actions-cell .btn.icon-action-btn,body.dark-mode .btn.icon-action-btn{background-color:#0f172a!important;border-color:#334155!important;color:#f87171!important}body.dark-mode .actions-cell .btn.icon-action-btn:hover:not(:disabled),body.dark-mode .btn.icon-action-btn:hover:not(:disabled){background-color:#334155!important;border-color:#f87171!important;color:#fca5a5!important}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background-color:#0f172a!important;border-color:#334155!important;color:#f1f5f9!important}body.dark-mode select option{background-color:#1e293b!important;color:#f1f5f9!important}body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{border-color:#df0404!important;box-shadow:0 0 0 3px #df04044d!important}body.dark-mode input:disabled,body.dark-mode select:disabled,body.dark-mode textarea:disabled{background-color:#1e293b!important;color:#64748b!important}body.dark-mode .modal,body.dark-mode .modal-content{background-color:#1e293b!important;border:1px solid #334155!important;color:#f1f5f9!important;box-shadow:0 24px 60px #000000a6!important}body.dark-mode .modal-header,body.dark-mode .modal-footer{border-color:#334155!important;background-color:transparent!important}body.dark-mode .close,body.dark-mode .close-btn-modal{color:#94a3b8!important}body.dark-mode .bell-btn{background-color:#1e293b!important;border-color:#334155!important;color:#cbd5e1!important}body.dark-mode .bell-btn:hover{background-color:#334155!important;border-color:#ef4444!important;color:#f87171!important}body.dark-mode .dropdown{background-color:#1e293b!important;border:1px solid #334155!important;box-shadow:0 24px 50px #000000a6!important}body.dark-mode .dropdown-header{border-bottom:1px solid #334155!important}body.dark-mode .dropdown-header h4{color:#f8fafc!important}body.dark-mode .notification-item{background-color:#1e293b!important;border-bottom:1px solid #334155!important}body.dark-mode .notification-item:hover{background-color:#334155!important}body.dark-mode .notification-item.unread{background-color:#26354a!important}body.dark-mode .notification-item .title{color:#f8fafc!important}body.dark-mode .notification-item .message{color:#cbd5e1!important}body,.dashboard-layout,.dashboard-content,.page-header-container,.card,.table-container,.modal,.modal-content,.dropdown,.op-chip,.bell-btn,.sidebar,table tr,table td,table th,input,select,textarea{transition:background-color .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)!important}