#app{min-height:100vh;width:100%;overflow-x:hidden}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;padding:0;width:100%;overflow-x:hidden}.container,.main-content,.content{max-width:100%;overflow-x:hidden}@media (max-width: 768px){button,.btn,.btn-primary,.btn-secondary{min-height:44px;min-width:44px}a,button,input,select,textarea{touch-action:manipulation}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;max-width:100vw;overflow-x:hidden;position:relative}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f8f9fa;color:#2c3e50;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#app{width:100%;max-width:100vw;overflow-x:hidden}:root{--primary: #9B7EBD;--primary-dark: #7B5FA3;--secondary: #F48FB1;--success: #4CAF50;--warning: #FF9800;--error: #F44336;--info: #2196F3;--bg: #f8f9fa;--surface: #ffffff;--text: #2c3e50;--text-secondary: #6c757d;--border: #dee2e6;--shadow: rgba(0, 0, 0, .08)}.btn{padding:12px 24px;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:15px;transition:all .3s;box-shadow:0 2px 8px #00000014}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.btn-primary:hover{box-shadow:0 6px 16px #9b7ebd4d}.btn-secondary{background:#fff;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:#fff}.card{background:var(--surface);border-radius:16px;padding:24px;box-shadow:0 2px 12px var(--shadow);border:1px solid var(--border);transition:all .3s}.card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.table{width:100%;min-width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;box-shadow:0 2px 12px #00000014}@media (max-width: 768px){.table-wrapper{margin:0 -16px;width:calc(100% + 32px);border-radius:0}}.table th,.table td{padding:16px;text-align:left;border-bottom:1px solid var(--border)}.table th{font-weight:700;color:var(--text);background:#f8f9fa;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.table tbody tr{transition:all .2s}.table tbody tr:hover{background:#f8f9fa}.badge{padding:6px 14px;border-radius:16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.badge-success{background:#e8f5e9;color:var(--success)}.badge-warning{background:#fff3e0;color:var(--warning)}.badge-error{background:#ffebee;color:var(--error)}.badge-info{background:#e3f2fd;color:var(--info)}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:700;letter-spacing:-.5px}input,textarea,select{font-family:inherit;font-size:15px;padding:12px 16px;border:2px solid var(--border);border-radius:12px;transition:all .3s;background:#fff;width:100%;max-width:100%;box-sizing:border-box}table{width:100%;max-width:100%;overflow-x:auto;display:block}@media (min-width: 769px){table{display:table}}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #9b7ebd1a}@media (max-width: 768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}.btn{padding:10px 20px;font-size:14px}input,textarea,select{font-size:16px;padding:10px 14px}.card{padding:16px;border-radius:12px}.table th,.table td{padding:12px 8px;font-size:.875rem;white-space:nowrap}.table th:first-child,.table td:first-child{position:sticky;left:0;background:#fff;z-index:1}.table th:first-child{background:#f8f9fa}}@media (max-width: 480px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.btn{padding:8px 16px;font-size:13px}.card{padding:12px;border-radius:8px}.table th,.table td{padding:8px 6px;font-size:.75rem}.btn{width:100%;margin-bottom:8px}}.mobile-hidden{display:block}.mobile-only{display:none}@media (max-width: 768px){.mobile-hidden{display:none}.mobile-only{display:block}}.responsive-table-cards{display:none}@media (max-width: 768px){.table-wrapper.hide-on-mobile{display:none}.responsive-table-cards{display:block;padding:0}.table-card{background:#fff;border-radius:12px;padding:1rem;margin-bottom:.75rem;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1)}.table-card:active{transform:scale(.98);box-shadow:0 1px 4px #0000001a}.table-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.table-card-title{font-weight:600;color:#111827;font-size:1rem}.table-card-body{display:flex;flex-direction:column;gap:.5rem}.table-card-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0}.table-card-label{font-size:.875rem;color:#6b7280;font-weight:500}.table-card-value{font-size:.875rem;color:#111827;font-weight:600;text-align:right}.table-card-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f3f4f6}.table-card-actions button{flex:1;padding:.625rem;border-radius:8px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.table-card-actions button:active{transform:scale(.95)}}.responsive-grid{display:grid;gap:1rem}.responsive-grid.cols-1{grid-template-columns:1fr}.responsive-grid.cols-2{grid-template-columns:repeat(2,1fr)}.responsive-grid.cols-3{grid-template-columns:repeat(3,1fr)}.responsive-grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.responsive-grid.cols-2,.responsive-grid.cols-3,.responsive-grid.cols-4{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.responsive-grid.cols-3,.responsive-grid.cols-4{grid-template-columns:repeat(2,1fr)}}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-surface: #ffffff;--text-primary: #333333;--text-secondary: #666666;--border-color: #e5e7eb;--shadow: rgba(0, 0, 0, .1)}.dark-theme{--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-surface: #2d2d2d;--text-primary: #e5e5e5;--text-secondary: #a0a0a0;--border-color: #404040;--shadow: rgba(0, 0, 0, .3)}.dark-theme{background:var(--bg-primary);color:var(--text-primary)}.dark-theme .sidebar{background:linear-gradient(180deg,#2d2d2d,#1a1a1a)!important}.dark-theme .sidebar-header{border-bottom-color:#ffffff1a!important;background:#ffffff08!important}.dark-theme .sidebar-header h2{color:#e5e5e5!important}.dark-theme .nav-item{color:#ffffffd9!important}.dark-theme .nav-item:hover{background:#ffffff1a!important;color:#fff!important}.dark-theme .nav-item.router-link-active{background:#ffffff26!important;color:#fff!important}.dark-theme .toggle-btn{background:#ffffff1a!important;color:#fff!important}.dark-theme .toggle-btn:hover{background:#fff3!important}.dark-theme .theme-toggle{color:#ffffffd9!important}.dark-theme .theme-toggle:hover{background:#ffffff1a!important;color:#fff!important}.dark-theme .logout{color:#ff6b6b!important}.dark-theme .logout:hover{background:#ffffff1a!important;color:#ff8787!important}.dark-theme .sidebar-footer{border-top-color:#ffffff1a!important}.dark-theme .content{background:linear-gradient(135deg,#1a1a1a,#242424)!important}.dark-theme .top-bar{background:var(--bg-surface)!important;border-bottom-color:var(--border-color)!important;box-shadow:0 2px 12px var(--shadow)!important}.dark-theme .top-bar h1{color:var(--text-primary)!important}.dark-theme .user-info{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.dark-theme .mobile-menu-btn{color:var(--text-primary)!important}.dark-theme .card{background:var(--bg-surface)!important;border-color:var(--border-color)!important;box-shadow:0 2px 8px var(--shadow)!important}.dark-theme .stat-card{background:var(--bg-surface)!important;box-shadow:0 2px 8px var(--shadow)!important}.dark-theme .stat-content h3,.dark-theme .stat-content p{color:var(--text-primary)!important}.dark-theme .table{background:var(--bg-surface)!important}.dark-theme .table th{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-bottom-color:var(--border-color)!important}.dark-theme .table td{border-bottom-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-theme .table tbody tr:hover td,.dark-theme .table tbody tr:hover td *,.dark-theme .table tbody tr:hover .customer-info strong,.dark-theme .table tbody tr:hover .customer-info small,.dark-theme .table tbody tr:hover .plan-info strong,.dark-theme .table tbody tr:hover .plan-info small{color:#fff!important}.dark-theme .customer-info strong,.dark-theme .plan-info strong{color:var(--text-primary)!important}.dark-theme .customer-info small,.dark-theme .plan-info small{color:var(--text-secondary)!important}.dark-theme .order-id{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.dark-theme .mobile-card{background:var(--bg-surface)!important;border-color:var(--border-color)!important}.dark-theme .mobile-card-header{border-bottom-color:var(--border-color)!important}.dark-theme .mobile-card-body{background:var(--bg-secondary)!important}.dark-theme .mobile-card-row .label{color:var(--text-secondary)!important}.dark-theme .mobile-card-row .value{color:var(--text-primary)!important}.dark-theme .modal{background:var(--bg-surface)!important}.dark-theme .modal-body{color:var(--text-primary)!important}.dark-theme .detail-item label{color:var(--text-secondary)!important}.dark-theme .detail-item span{color:var(--text-primary)!important}.dark-theme input,.dark-theme select,.dark-theme textarea{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-theme input::placeholder,.dark-theme textarea::placeholder{color:var(--text-secondary)!important}.dark-theme .search-input{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.dark-theme .action-buttons button{border-color:var(--border-color)!important;background:var(--bg-secondary)!important}.dark-theme .mobile-actions button{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.dark-theme .empty-state h3{color:var(--text-primary)!important}.dark-theme .loading{color:var(--text-secondary)!important}.dark-theme .customer-info-group h3{color:var(--text-primary)!important}.dark-theme .image-item{border-color:var(--border-color)!important}.dark-theme .image-note{color:var(--text-secondary)!important}.dark-theme .image-modal{background:var(--bg-surface)!important}.dark-theme .brand-preference-item{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-surface) 100%)!important;border-color:var(--border-color)!important}.dark-theme .brand-preference-item:hover{border-color:#6366f1!important}.dark-theme .brand-preference-item:hover .brand-name{color:#fff!important}.dark-theme .brand-name{color:#818cf8!important}.dark-theme .action-buttons button:hover,.dark-theme .mobile-actions button:hover,.dark-theme .btn-view:hover,.dark-theme .btn-pause:hover,.dark-theme .btn-resume:hover,.dark-theme .btn-cancel:hover,.dark-theme .notification-item:hover .notification-title,.dark-theme .notification-item:hover .notification-body,.dark-theme .mobile-card:hover .customer-info strong,.dark-theme .mobile-card:hover .plan-info strong,.dark-theme .customer-group:hover .customer-info-group h3,.dark-theme .return-card:hover .customer-info strong,.dark-theme .return-card:hover .reason-text{color:#000!important}.dark-theme .subscriptions-management .header-content h1{color:var(--text-primary)!important}.dark-theme .subscriptions-management .header-content p{color:var(--text-secondary)!important}.dark-theme .subscriptions-management .customer-info strong,.dark-theme .subscriptions-management .plan-info strong{color:var(--text-primary)!important}.dark-theme .subscriptions-management .customer-info small,.dark-theme .subscriptions-management .plan-info small{color:var(--text-secondary)!important}.dark-theme .subscriptions-management .customer-info-group h3{color:var(--text-primary)!important}.dark-theme .subscriptions-management .empty-state{color:var(--text-secondary)!important}.dark-theme .subscriptions-management .empty-state h3{color:var(--text-primary)!important}.dark-theme .plan-change-info{background:var(--bg-secondary)!important}.dark-theme .change-from,.dark-theme .change-arrow{color:var(--text-secondary)!important}.dark-theme .change-to{color:var(--text-primary)!important}.dark-theme .status-select{border-color:var(--border-color)!important}.dark-theme .toggle-btn.active{background:var(--bg-surface)!important;color:#6366f1!important}.dark-theme .header-content h1{color:var(--text-primary)!important}.dark-theme .header-content p,.dark-theme .reason-text,.dark-theme .filter-group label{color:var(--text-secondary)!important}.dark-theme .stat-icon.pending{background:#fff3e0}.dark-theme .stat-icon.approved{background:#e8f5e9}.dark-theme .stat-icon.rejected{background:#ffebee}.dark-theme .stat-icon.refund{background:#e3f2fd}.dark-theme .stat-icon.active{background:#e8f5e9}.dark-theme .stat-icon.paused{background:#fff3e0}.dark-theme .stat-icon.revenue{background:#e3f2fd}.dark-theme .badge-success{background:#d1fae5;color:#065f46}.dark-theme .badge-warning{background:#fef3c7;color:#92400e}.dark-theme .badge-error{background:#fee2e2;color:#991b1b}.dark-theme .badge-info{background:#dbeafe;color:#1e40af}.dark-theme .amount{color:#10b981!important}.dark-theme .orders-page,.dark-theme .emergency-orders-page,.dark-theme .one-time-orders-page{background:var(--bg-primary)!important}.dark-theme .page-header{background:var(--bg-surface)!important;border-bottom-color:var(--border-color)!important}.dark-theme .page-header h1{color:var(--text-primary)!important}.dark-theme .stats-overview{background:var(--bg-surface)!important;border-bottom-color:var(--border-color)!important}.dark-theme .stat-card:hover{box-shadow:0 8px 25px var(--shadow)!important}.dark-theme .stat-number{color:var(--text-primary)!important}.dark-theme .stat-card.pending .stat-number{color:#f59e0b!important}.dark-theme .stat-card.processing .stat-number{color:#3b82f6!important}.dark-theme .stat-card.shipped .stat-number{color:#8b5cf6!important}.dark-theme .stat-card.delivered .stat-number{color:#10b981!important}.dark-theme .stat-card.total .stat-number{color:#6366f1!important}.dark-theme .stat-card.active .stat-number{color:#10b981!important}.dark-theme .stat-card.paused .stat-number{color:#f59e0b!important}.dark-theme .stat-card.cancelled .stat-number{color:#ef4444!important}.dark-theme .filter-select,.dark-theme .search-input{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-theme .filter-select:focus,.dark-theme .search-input:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f133!important}.dark-theme .btn-export,.dark-theme .btn-primary{background:#059669!important}.dark-theme .btn-export:hover,.dark-theme .btn-primary:hover{background:#047857!important}.dark-theme .btn-secondary{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.dark-theme .btn-secondary:hover{background:var(--bg-surface)!important}.dark-theme .orders-table-container,.dark-theme .table-container{background:var(--bg-surface)!important;border-color:var(--border-color)!important}.dark-theme .table-header{background:var(--bg-secondary)!important;border-bottom-color:var(--border-color)!important}.dark-theme .orders-table,.dark-theme table{background:var(--bg-surface)!important}.dark-theme .orders-table thead,.dark-theme table thead{background:var(--bg-secondary)!important}.dark-theme .orders-table th,.dark-theme table th{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-bottom-color:var(--border-color)!important}.dark-theme .orders-table th:hover,.dark-theme table th:hover{background:var(--bg-surface)!important}.dark-theme .orders-table td,.dark-theme table td{border-bottom-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-theme .order-row,.dark-theme tbody tr{background:var(--bg-surface)!important}.dark-theme .order-row:hover,.dark-theme tbody tr:hover{background:var(--bg-secondary)!important}.dark-theme .order-row.expanded{background:#6366f11a!important}.dark-theme .group-header{background:var(--bg-secondary)!important;border-top-color:var(--border-color)!important;border-bottom-color:var(--border-color)!important}.dark-theme .group-header-content,.dark-theme .group-title{color:var(--text-primary)!important}.dark-theme .group-count{color:var(--text-secondary)!important}.dark-theme .group-total{color:#10b981!important}.dark-theme .order-id,.dark-theme .order-id-cell .order-id{background:var(--bg-secondary)!important;color:#818cf8!important;border-color:var(--border-color)!important}.dark-theme .order-id-full{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.dark-theme .customer-name,.dark-theme .customer-cell .customer-name{color:var(--text-primary)!important}.dark-theme .customer-avatar{border-color:var(--bg-surface)!important}.dark-theme .user-order-badge{background:#3b82f633!important;color:#93c5fd!important;border-color:#3b82f64d!important}.dark-theme .returning-customer-badge{background:#f59e0b33!important;color:#fbbf24!important;border-color:#f59e0b4d!important}.dark-theme .phone,.dark-theme .contact-cell .phone{color:var(--text-primary)!important}.dark-theme .email,.dark-theme .contact-cell .email{color:var(--text-secondary)!important}.dark-theme .product-name,.dark-theme .product-cell .product-name{color:var(--text-primary)!important}.dark-theme .product-plan,.dark-theme .product-cell .product-plan{color:var(--text-secondary)!important}.dark-theme .subscription-badge{background:#3b82f633!important;color:#93c5fd!important;border-color:#3b82f64d!important}.dark-theme .date,.dark-theme .date-cell .date{color:var(--text-primary)!important}.dark-theme .time,.dark-theme .date-cell .time{color:var(--text-secondary)!important}.dark-theme .btn-action{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.dark-theme .btn-action:hover{background:var(--bg-primary)!important}.dark-theme .btn-status:disabled{background:var(--bg-primary)!important;opacity:.5!important}.dark-theme .dropdown-menu{background:var(--bg-surface)!important;border-color:var(--border-color)!important;box-shadow:0 10px 25px var(--shadow)!important}.dark-theme .dropdown-item{background:var(--bg-surface)!important;color:var(--text-primary)!important}.dark-theme .dropdown-item:hover{background:var(--bg-secondary)!important}.dark-theme .dropdown-item:disabled{background:var(--bg-primary)!important;opacity:.5!important}.dark-theme .expanded-row,.dark-theme .expanded-content{background:var(--bg-primary)!important}.dark-theme .order-details{background:var(--bg-primary)!important;border-top-color:var(--border-color)!important}.dark-theme .detail-section h4{color:var(--text-primary)!important}.dark-theme .item-row{border-bottom-color:var(--border-color)!important}.dark-theme .item-name{color:var(--text-primary)!important}.dark-theme .item-qty{color:var(--text-secondary)!important}.dark-theme .item-price{color:var(--text-primary)!important}.dark-theme .pricing-summary{border-top-color:var(--border-color)!important}.dark-theme .price-row{color:var(--text-primary)!important}.dark-theme .price-row.total{border-top-color:var(--border-color)!important}.dark-theme .timeline-dot{background:#818cf8!important}.dark-theme .timeline-title{color:var(--text-primary)!important}.dark-theme .timeline-date{color:var(--text-secondary)!important}.dark-theme .subscription-section{background:#6366f11a!important;border-color:#6366f14d!important}.dark-theme .pagination{background:var(--bg-secondary)!important;border-top-color:var(--border-color)!important}.dark-theme .page-btn:disabled{opacity:.5!important}.dark-theme .toast{box-shadow:0 10px 40px #00000080!important}.dark-theme .modal-content{background:var(--bg-surface)!important;box-shadow:0 25px 50px #00000080!important}.dark-theme .modal-header h3{color:var(--text-primary)!important}.dark-theme .date-input-group label{color:var(--text-primary)!important}.dark-theme .date-input{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-theme .date-input:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f133!important}.dark-theme .modal-actions{border-top-color:var(--border-color)!important}.dark-theme .brand-item{background:#8b5cf626!important;border-color:#8b5cf64d!important}.dark-theme .brand-item:hover{box-shadow:0 4px 12px #8b5cf64d!important}.dark-theme .brand-image{border-color:var(--bg-surface)!important}.dark-theme .brand-name{color:#a78bfa!important}.dark-theme .loading-state{color:var(--text-secondary)!important}.dark-theme .loading-spinner{border-color:var(--border-color)!important;border-top-color:#6366f1!important}.dark-theme .empty-state{color:var(--text-secondary)!important}.dark-theme .empty-title{color:var(--text-primary)!important}.dark-theme .empty-message{color:var(--text-secondary)!important}.dark-theme .dashboard-page{background:var(--bg-primary)!important}.dark-theme .dashboard-header{background:var(--bg-surface)!important;border-bottom-color:var(--border-color)!important}.dark-theme .dashboard-stats{background:var(--bg-surface)!important}.dark-theme .chart-container{background:var(--bg-surface)!important;border-color:var(--border-color)!important}.dark-theme .dashboard .card h2,.dark-theme .page-header h1,.dark-theme .table-header h2{color:#fff!important}.dark-theme .settings{background:var(--bg-primary)!important}.dark-theme .settings .header{background:linear-gradient(135deg,#6366f1,#4f46e5)!important}.dark-theme .settings .header-content h1{color:#fff!important}.dark-theme .settings .header-content p{color:#ffffffe6!important}.dark-theme .settings-card{background:var(--bg-surface)!important;border-color:var(--border-color)!important}.dark-theme .card-header{border-bottom-color:var(--border-color)!important}.dark-theme .card-header h2{color:var(--text-primary)!important}.dark-theme .card-header p{color:var(--text-secondary)!important}.dark-theme .form-group input{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-theme .form-group input:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f133!important}.dark-theme .form-group small{color:var(--text-secondary)!important}.dark-theme .users-page{background:var(--bg-primary)!important}.dark-theme .user-card{background:var(--bg-surface)!important;border-color:var(--border-color)!important}.dark-theme .user-card:hover{box-shadow:0 8px 25px var(--shadow)!important}.dark-theme .user-name{color:var(--text-primary)!important}.dark-theme .user-email{color:var(--text-secondary)!important}.dark-theme .notifications-page{background:var(--bg-primary)!important}.dark-theme .notification-item{background:var(--bg-surface)!important;border-color:var(--border-color)!important}.dark-theme .notification-item:hover{background:var(--bg-secondary)!important}.dark-theme .notification-title{color:var(--text-primary)!important}.dark-theme .notification-body,.dark-theme .notification-time{color:var(--text-secondary)!important}.dark-theme .support-page{background:var(--bg-primary)!important}.dark-theme .ticket-card:hover{box-shadow:0 8px 25px var(--shadow)!important}.dark-theme .ticket-title{color:var(--text-primary)!important}.dark-theme .ticket-description{color:var(--text-secondary)!important}.dark-theme .product-manager-page{background:var(--bg-primary)!important}.dark-theme .product-card{background:var(--bg-surface)!important;border-color:var(--border-color)!important}.dark-theme .product-card:hover{box-shadow:0 8px 25px var(--shadow)!important}.dark-theme .product-name{color:var(--text-primary)!important}.dark-theme .product-description{color:var(--text-secondary)!important}.dark-theme .product-price{color:#10b981!important}.dark-theme .delivery-tracking-page{background:var(--bg-primary)!important}.dark-theme .delivery-tracking-page .page-header{background:linear-gradient(135deg,#4caf50,#66bb6a)!important}.dark-theme .delivery-tracking-page .page-header h1{color:#fff!important}.dark-theme .delivery-tracking-page .subtitle{color:#fffffff2!important}.dark-theme .delivery-tracking-page .stat-card{background:#fff3!important}.dark-theme .delivery-tracking-page .stat-number{color:#fff!important}.dark-theme .delivery-tracking-page .stat-label{color:#ffffffe6!important}.dark-theme .controls-bar{background:var(--bg-surface)!important;box-shadow:0 2px 8px var(--shadow)!important}.dark-theme .search-input,.dark-theme .filter-select,.dark-theme .date-filter{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-theme .btn-clear{background:#6b7280!important}.dark-theme .btn-clear:hover{background:#4b5563!important}.dark-theme .view-toggle{background:var(--bg-secondary)!important}.dark-theme .toggle-btn{color:var(--text-secondary)!important}.dark-theme .toggle-btn.active{background:var(--bg-surface)!important;color:#4caf50!important}.dark-theme .customer-group{background:var(--bg-surface)!important;box-shadow:0 2px 8px var(--shadow)!important}.dark-theme .group-header{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-surface) 100%)!important;border-bottom-color:var(--border-color)!important}.dark-theme .group-header:hover{background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-secondary) 100%)!important}.dark-theme .customer-info h3{color:var(--text-primary)!important}.dark-theme .order-count{background:#3b82f633!important;color:#93c5fd!important}.dark-theme .total-spent{background:#10b98133!important;color:#6ee7b7!important}.dark-theme .expand-icon{color:var(--text-secondary)!important}.dark-theme .orders-table{background:var(--bg-surface)!important}.dark-theme .orders-table thead{background:var(--bg-secondary)!important}.dark-theme .orders-table th{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-bottom-color:var(--border-color)!important}.dark-theme .orders-table td{border-bottom-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-theme .orders-table tbody tr:hover{background:var(--bg-secondary)!important}.dark-theme .order-cell strong{color:var(--text-primary)!important}.dark-theme .order-id{background:var(--bg-secondary)!important;color:#818cf8!important}.dark-theme .customer-cell strong{color:var(--text-primary)!important}.dark-theme .customer-cell div{color:var(--text-secondary)!important}.dark-theme .carrier-avatar{background:#4caf50!important}.dark-theme .carrier-phone{color:var(--text-secondary)!important}.dark-theme .not-assigned{color:#ff9800!important}.dark-theme .btn-view{background:#2196f3!important}.dark-theme .btn-view:hover{background:#1976d2!important}.dark-theme .btn-assign{background:#4caf50!important}.dark-theme .btn-assign:hover{background:#45a049!important}.dark-theme .date-separator{background:transparent!important}.dark-theme .date-label{color:#4caf50!important}.dark-theme .divider-line{background:linear-gradient(to right,#4CAF50,transparent)!important}.dark-theme .modal{background:#000000b3!important}.dark-theme .modal-content{background:var(--bg-surface)!important}.dark-theme .modal-header{border-bottom-color:var(--border-color)!important}.dark-theme .modal-header h2{color:var(--text-primary)!important}.dark-theme .close-btn{color:var(--text-secondary)!important}.dark-theme .close-btn:hover{color:var(--text-primary)!important}.dark-theme .modal-body{background:var(--bg-surface)!important}.dark-theme .order-summary{background:var(--bg-secondary)!important}.dark-theme .form-group label{color:var(--text-primary)!important}.dark-theme .form-group input,.dark-theme .form-group textarea{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-theme .form-group input:focus,.dark-theme .form-group textarea:focus{border-color:#4caf50!important}.dark-theme .btn-primary{background:#4caf50!important}.dark-theme .btn-primary:hover:not(:disabled){background:#45a049!important}.dark-theme .btn-secondary{background:#757575!important}.dark-theme .btn-secondary:hover{background:#616161!important}.dark-theme .details-modal,.dark-theme .details-grid{background:var(--bg-surface)!important}.dark-theme .detail-section{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}.dark-theme .detail-section h3{color:var(--text-primary)!important;border-bottom-color:var(--border-color)!important}.dark-theme .detail-item{border-bottom-color:var(--border-color)!important}.dark-theme .detail-item .label{color:var(--text-secondary)!important}.dark-theme .detail-item .value{color:var(--text-primary)!important}.dark-theme .tracking-card{background:var(--bg-surface)!important;border-color:var(--border-color)!important}.dark-theme .tracking-status{color:var(--text-primary)!important}.dark-theme .tracking-location{color:var(--text-secondary)!important}.dark-theme .discounts-page{background:var(--bg-primary)!important}.dark-theme .discount-card{background:var(--bg-surface)!important;border-color:var(--border-color)!important}.dark-theme .discount-code{background:var(--bg-secondary)!important;color:#818cf8!important;border-color:var(--border-color)!important}.dark-theme .discount-value{color:#10b981!important}.dark-theme .package-brands{background:var(--bg-primary)!important}.dark-theme .package-brands .header{background:linear-gradient(135deg,#6366f1,#4f46e5)!important}.dark-theme .package-brands .header-content h1{color:#fff!important}.dark-theme .package-brands .header-content p{color:#ffffffe6!important}.dark-theme .package-brands .section{background:var(--bg-surface)!important;border-color:var(--border-color)!important}.dark-theme .package-brands .section-header{border-bottom-color:var(--border-color)!important}.dark-theme .package-brands .section-header p{color:var(--text-secondary)!important}.dark-theme .package-brands .empty-state{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}.dark-theme .package-brands .empty-state p{color:var(--text-secondary)!important}.dark-theme .package-brands .product-card{background:var(--bg-surface)!important;border-color:var(--border-color)!important}.dark-theme .package-brands .product-card:hover{border-color:#8b5cf680!important;box-shadow:0 6px 20px var(--shadow)!important}.dark-theme .package-brands .active-card{border-color:#10b981!important;background:var(--bg-surface)!important}.dark-theme .package-brands .product-image{background:var(--bg-secondary)!important}.dark-theme .package-brands .product-info h3{color:var(--text-primary)!important}.dark-theme .package-brands .product-info p,.dark-theme .package-brands .product-meta{color:var(--text-secondary)!important}.dark-theme .package-brands .product-actions{border-top-color:var(--border-color)!important}.dark-theme .package-brands .modal{background:var(--bg-surface)!important}.dark-theme .package-brands .modal-header{border-bottom-color:var(--border-color)!important}.dark-theme .package-brands .modal-header h2{color:var(--text-primary)!important}.dark-theme .package-brands .btn-close{color:var(--text-secondary)!important}.dark-theme .package-brands .btn-close:hover{color:var(--text-primary)!important}.dark-theme .package-brands .modal-body{background:var(--bg-surface)!important}.dark-theme .package-brands .form-group label{color:var(--text-primary)!important}.dark-theme .package-brands .form-group input,.dark-theme .package-brands .form-group textarea,.dark-theme .package-brands .form-group select{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-theme .package-brands .form-group input:focus,.dark-theme .package-brands .form-group textarea:focus,.dark-theme .package-brands .form-group select:focus{border-color:#8b5cf6!important}.dark-theme .package-brands .image-preview{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}.dark-theme .package-brands .image-requirements{background:#0ea5e926!important;border-left-color:#0ea5e9!important}.dark-theme .package-brands .image-requirements p{color:#38bdf8!important}.dark-theme .package-brands .upload-progress{background:#8b5cf626!important}.dark-theme .package-brands .upload-progress span{color:#a78bfa!important}.dark-theme .package-brands .modal-footer{border-top-color:var(--border-color)!important}.dark-theme .package-brands .btn-secondary{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-theme .package-brands .btn-secondary:hover,.dark-theme .support-page{background:var(--bg-primary)!important}.dark-theme .support-page .page-header{background:var(--bg-surface)!important;border-bottom-color:var(--border-color)!important}.dark-theme .support-page .page-header h1{color:var(--text-primary)!important}.dark-theme .support-page .search-input{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-theme .support-page .search-input:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f133!important}.dark-theme .tabs-container{background:var(--bg-surface)!important;border-bottom-color:var(--border-color)!important}.dark-theme .tab-btn{color:var(--text-secondary)!important}.dark-theme .tab-btn:hover{color:var(--text-primary)!important}.dark-theme .tab-btn.active{color:#6366f1!important}.dark-theme .stats-overview,.dark-theme .chat-stats{background:var(--bg-surface)!important;border-bottom-color:var(--border-color)!important}.dark-theme .stat-card{background:var(--bg-surface)!important;border-color:var(--border-color)!important}.dark-theme .stat-number{color:#fff!important}.dark-theme .stat-label{color:var(--text-secondary)!important}.dark-theme .customers-container,.dark-theme .chat-container{background:var(--bg-surface)!important}.dark-theme .table-header{border-bottom-color:var(--border-color)!important}.dark-theme .table-header h2{color:var(--text-primary)!important}.dark-theme .result-count{color:var(--text-secondary)!important}.dark-theme .customer-card{background:var(--bg-surface)!important;border-color:var(--border-color)!important}.dark-theme .customer-card:hover{border-color:#6366f1!important}.dark-theme .customer-name{color:var(--text-primary)!important}.dark-theme .label{color:var(--text-secondary)!important}.dark-theme .value{color:var(--text-primary)!important}.dark-theme .customer-details{border-top-color:var(--border-color)!important}.dark-theme .details-section h4{color:var(--text-primary)!important}.dark-theme .order-item,.dark-theme .subscription-item{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}.dark-theme .order-product,.dark-theme .subscription-plan{color:var(--text-primary)!important}.dark-theme .order-date,.dark-theme .next-delivery{color:var(--text-secondary)!important}.dark-theme .chat-sidebar{border-right-color:var(--border-color)!important}.dark-theme .chat-header{background:var(--bg-secondary)!important;border-bottom-color:var(--border-color)!important}.dark-theme .chat-header h3{color:var(--text-primary)!important}.dark-theme .chat-item{border-bottom-color:var(--border-color)!important}.dark-theme .chat-item:hover{background:var(--bg-secondary)!important}.dark-theme .chat-item.active{background:#6366f126!important;border-left-color:#6366f1!important}.dark-theme .chat-name{color:var(--text-primary)!important}.dark-theme .chat-preview,.dark-theme .chat-time,.dark-theme .chat-empty{color:var(--text-secondary)!important}.dark-theme .chat-empty h3{color:var(--text-primary)!important}.dark-theme .chat-conversation-header{background:var(--bg-secondary)!important;border-bottom-color:var(--border-color)!important}.dark-theme .chat-user-info h3{color:var(--text-primary)!important}.dark-theme .user-status{color:var(--text-secondary)!important}.dark-theme .chat-messages{background:var(--bg-primary)!important}.dark-theme .user-message .message-content{background:var(--bg-secondary)!important}.dark-theme .user-message .message-text{color:var(--text-primary)!important}.dark-theme .user-message .message-time{color:var(--text-secondary)!important}.dark-theme .chat-input{background:var(--bg-surface)!important;border-top-color:var(--border-color)!important}.dark-theme .message-input{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-theme .message-input:focus{border-color:#6366f1!important;background:var(--bg-surface)!important}.dark-theme .refresh-btn{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-theme .refresh-btn:hover{background:var(--bg-primary)!important}.dark-theme .pagination{border-top-color:var(--border-color)!important}.dark-theme .page-btn{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-theme .page-btn:hover:not(:disabled){background:var(--bg-secondary)!important}.dark-theme .page-info{color:var(--text-secondary)!important}.dark-theme .tickets-page{background:var(--bg-primary)!important}.dark-theme .tickets-container{background:var(--bg-surface)!important}.dark-theme .ticket-card{background:var(--bg-surface)!important;border-color:var(--border-color)!important}.dark-theme .ticket-card:hover{background:var(--bg-secondary)!important}.dark-theme .ticket-title,.dark-theme .ticket-subject{color:var(--text-primary)!important}.dark-theme .ticket-preview,.dark-theme .ticket-message{color:var(--text-secondary)!important}.dark-theme .info-value{color:var(--text-primary)!important}.dark-theme .ticket-info{background:var(--bg-surface)!important}.dark-theme .response-item{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}.dark-theme .tickets-table{background:var(--bg-surface)!important}.dark-theme ::-webkit-scrollbar{width:12px;height:12px}.dark-theme ::-webkit-scrollbar-track{background:var(--bg-secondary)}.dark-theme ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:6px}.dark-theme ::-webkit-scrollbar-thumb:hover{background:#606060}.dark-theme ::selection{background:#6366f14d;color:var(--text-primary)}.dark-theme *:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.dark-theme .order-row:hover .customer-name,.dark-theme .order-row:hover .phone,.dark-theme .order-row:hover .product-name,.dark-theme .order-row:hover .date,.dark-theme tbody tr:hover .customer-name,.dark-theme tbody tr:hover .phone,.dark-theme tbody tr:hover .product-name,.dark-theme tbody tr:hover .date{color:#fff!important}.dark-theme .order-row:hover .email,.dark-theme .order-row:hover .product-plan,.dark-theme .order-row:hover .time,.dark-theme tbody tr:hover .email,.dark-theme tbody tr:hover .product-plan,.dark-theme tbody tr:hover .time{color:#e5e5e5!important}