*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #1c1f26;--bg-secondary: #252830;--bg-surface: #2d3139;--bg-elevated: #374151;--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;--text-disabled: #4b5563;--accent-primary: #dc2626;--accent-hover: #ef4444;--accent-active: #b91c1c;--accent-light: #f87171;--status-success: #10b981;--status-warning: #f59e0b;--status-danger: #ef4444;--status-info: #3b82f6;--border-default: #374151;--border-light: #2d3139;--border-focus: #dc2626;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}html{font-size:14px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}a{color:var(--accent-primary);text-decoration:none;transition:color .15s ease-in-out}a:hover{color:var(--accent-hover)}button{font-family:inherit;font-size:inherit;font-weight:500;border:none;border-radius:var(--radius-md);padding:.5rem 1rem;cursor:pointer;transition:all .15s ease-in-out;outline:none}button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-elevated)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-surface);color:var(--text-primary)}input,textarea,select{font-family:inherit;font-size:inherit;background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:.5rem .75rem;outline:none;transition:all .15s ease-in-out}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #dc26261a}input::placeholder,textarea::placeholder{color:var(--text-muted)}.card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;transition:all .15s ease-in-out}.card:hover{box-shadow:var(--shadow-lg)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--status-success)}.text-warning{color:var(--status-warning)}.text-danger{color:var(--status-danger)}.text-info{color:var(--status-info)}.bg-success{background-color:var(--status-success)}.bg-warning{background-color:var(--status-warning)}.bg-danger{background-color:var(--status-danger)}.bg-info{background-color:var(--status-info)}.loader{display:inline-block;width:20px;height:20px;border:2px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.stats-card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);transition:all .15s ease-in-out}.stats-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stats-title{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.stats-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.stats-subtitle{font-size:.75rem;color:var(--text-secondary);margin:.25rem 0 0}.stats-secondary{font-size:.875rem;color:#9ca3af;margin:.5rem 0 0;font-style:italic}.stats-change{margin-top:.5rem;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.stats-change.up{color:var(--status-success)}.stats-change.down{color:var(--status-danger)}.stats-change.neutral{color:var(--text-secondary)}.loading-overlay-container{position:relative;width:100%;height:100%}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0a0a0ae6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:inherit;animation:fadeIn .2s ease-in}.global-loading-overlay{position:fixed!important;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999999;animation:fadeIn .2s ease-in}.loading-content{text-align:center}.loading-spinner-circle{width:48px;height:48px;border:3px solid #333;border-top-color:#7c3aed;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.loading-message{color:#a1a1aa;font-size:14px;margin:0;font-weight:500}.recharts-wrapper{font-family:inherit}.recharts-cartesian-axis-tick-value{fill:var(--text-secondary);font-size:.875rem}.recharts-legend-wrapper{padding-top:1rem}.recharts-legend-item-text{color:var(--text-secondary)!important;font-size:.875rem}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background-color:var(--bg-secondary)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.recharts-tooltip-label{color:var(--text-primary);font-weight:600;margin-bottom:.5rem}.recharts-tooltip-item{color:var(--text-secondary)!important}.enhanced-chart-container{display:flex;flex-direction:column;height:100%;min-height:400px;box-sizing:border-box;overflow:hidden}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-shrink:0}.chart-title h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.chart-subtitle{color:#a1a1aa;font-size:14px;margin:0}.chart-controls{display:flex;gap:10px;flex-wrap:wrap}.period-selector,.granularity-selector{display:flex;border-radius:8px;gap:4px}.period-btn,.granularity-btn{padding:6px 12px;background:transparent;border:none;color:#a1a1aa;font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s;white-space:nowrap}.period-btn:hover,.granularity-btn:hover{color:#fff;background:#ffffff1a}.period-btn.active,.granularity-btn.active{background:#7c3aed;color:#fff}.period-btn:disabled,.granularity-btn:disabled{cursor:not-allowed;opacity:.5}.chart-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:20px;padding:15px;background:#2d3139;border-radius:8px;flex-shrink:0;border:1px solid rgba(255,255,255,.06)}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{color:#a1a1aa;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.summary-value{color:#fff;font-size:20px;font-weight:600}.chart-wrapper{position:relative;background:#252830;border-radius:8px;padding:15px;flex:1;min-height:300px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.chart-wrapper>div{flex:1;display:flex;flex-direction:column;min-height:320px}.custom-tooltip{background:#2d3139;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;box-shadow:0 4px 12px #0000004d}.tooltip-date{color:#fff;font-weight:600;margin:0;font-size:14px}.tooltip-day{color:#a1a1aa;font-size:12px;margin:2px 0 8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.tooltip-content{display:flex;flex-direction:column;gap:6px}.tooltip-item{display:flex;justify-content:space-between;align-items:center;gap:12px}.tooltip-label{color:#a1a1aa;font-size:12px}.tooltip-value{color:#fff;font-weight:600;font-size:13px}.chart-loading{opacity:.3;pointer-events:none;transition:opacity .3s}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.enhanced-chart-container{animation:slideIn .3s ease-out}.granularity-selector{margin-left:10px}.granularity-btn{min-width:80px}@media (max-width: 768px){.enhanced-chart-container{min-height:350px;height:auto}.chart-header{flex-direction:column;gap:15px;margin-bottom:15px}.chart-controls{width:100%;flex-direction:column;gap:10px}.period-selector,.granularity-selector{width:100%;justify-content:stretch}.period-btn,.granularity-btn{flex:1;font-size:12px;padding:6px 8px}.granularity-selector{margin-left:0}.chart-summary{grid-template-columns:repeat(2,1fr);gap:10px;padding:10px;margin-bottom:15px}.summary-value{font-size:16px}.chart-wrapper{min-height:250px;padding:10px}.chart-wrapper>div{min-height:250px}}.top-customers-table{overflow-x:auto}.top-customers-table table{width:100%;border-collapse:collapse}.top-customers-table th{text-align:left;padding:.75rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-default)}.top-customers-table td{padding:.75rem;border-bottom:1px solid var(--border-light)}.top-customers-table tbody tr:hover{background-color:var(--bg-surface)}.customer-info{display:flex;flex-direction:column;gap:.25rem}.customer-name{font-weight:500;color:var(--text-primary)}.customer-email{font-size:.875rem;color:var(--text-muted)}.time-frame-selector{position:relative}.selector-main{display:flex;align-items:center;gap:12px}.time-frame-select{padding:10px 15px;background:#1a1a1a;background-image:linear-gradient(135deg,#7c3aed1a,#7c3aed0d);color:#fff;border:1px solid rgba(124,58,237,.3);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:180px}.time-frame-select:hover{background-image:linear-gradient(135deg,#7c3aed26,#7c3aed14);border-color:#7c3aed80;transform:translateY(-1px)}.time-frame-select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed33}.time-frame-select option{background:#1a1a1a;color:#fff;padding:8px}.date-range-text{color:#9ca3af;font-size:13px;padding:8px 12px;background:#ffffff0d;border-radius:8px;white-space:nowrap}.month-picker-modal,.custom-date-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.month-picker-content,.custom-date-content{background:#242424;border-radius:16px;padding:24px;max-width:500px;width:90%;max-height:70vh;overflow:auto;box-shadow:0 20px 40px #00000080;animation:slideUp .3s ease}.month-picker-content h3,.custom-date-content h3{color:#fff;margin:0 0 20px;font-size:18px;text-align:center}.month-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:20px}.month-option{padding:12px;background:#1a1a1a;color:#fff;border:1px solid #333;border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px}.month-option:hover{background:#7c3aed;border-color:#7c3aed;transform:translateY(-2px)}.date-inputs{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.date-input-group{display:flex;flex-direction:column;gap:8px}.date-input-group label{color:#9ca3af;font-size:14px}.date-input-group input[type=date]{padding:10px 12px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px}.date-input-group input[type=date]:focus{outline:none;border-color:#7c3aed}.modal-actions{display:flex;gap:12px;justify-content:center}.apply-btn,.cancel-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.apply-btn{background:#7c3aed;color:#fff}.apply-btn:hover:not(:disabled){background:#6d28d9;transform:translateY(-1px)}.apply-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{background:#374151;color:#fff}.cancel-btn:hover{background:#4b5563;transform:translateY(-1px)}@media (max-width: 768px){.selector-main{flex-direction:column;align-items:stretch}.time-frame-select{width:100%}.date-range-text{text-align:center}.month-picker-content,.custom-date-content{width:95%;padding:16px}.month-list{grid-template-columns:repeat(2,1fr)}}.revenue-diversification-container{background:linear-gradient(135deg,#1a1a1a,#242424);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:32px;margin:0;min-height:600px;position:relative;box-shadow:0 4px 6px #0000004d}.diversification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.diversification-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.75rem}.diversification-header h2:before{content:"💰";font-size:1.75rem}.period-selector select{background:#1a1a1a;background-image:linear-gradient(135deg,#7c3aed1a,#7c3aed0d);color:#fff;border:1px solid rgba(124,58,237,.3);border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.period-selector select option{background:#1a1a1a;color:#fff;padding:8px}.period-selector select:hover{background:#1a1a1a;background-image:linear-gradient(135deg,#7c3aed26,#7c3aed14);border-color:#7c3aed80;transform:translateY(-1px)}.period-selector select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed33}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:all .3s ease}.stat-card:hover{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-color:#ffffff1a;transform:translateY(-2px)}.stat-label{color:#9ca3af;font-size:.75rem;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.stat-value{color:#fff;font-size:1.75rem;font-weight:700;line-height:1}.chart-container{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:24px;margin-bottom:32px;height:400px}.breakdown-table{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:24px}.breakdown-table h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px}.breakdown-table table{width:100%;border-collapse:collapse}.breakdown-table thead{border-bottom:1px solid #3a3a3a}.breakdown-table th{text-align:right;padding:12px;color:#9ca3af;font-size:12px;font-weight:600;text-transform:uppercase}.breakdown-table tbody tr{border-bottom:1px solid rgba(58,58,58,.5)}.breakdown-table tbody tr:hover{background:#7c3aed0d}.breakdown-table td{padding:12px;color:#fff;font-size:14px}.type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.type-badge.pickup{background:#8b5cf633;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.type-badge.shipping{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:16px}.spinner{width:40px;height:40px;border:3px solid #3a3a3a;border-top:3px solid #7c3aed;border-radius:50%;animation:spin 1s linear infinite}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:16px}.error-message p{color:#ef4444;font-size:14px}.error-message button{background:#7c3aed;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.error-message button:hover{background:#6d28d9}[dir=rtl] .breakdown-table th,[dir=rtl] .breakdown-table td{text-align:right}@media (max-width: 768px){.revenue-diversification-container{padding:16px}.diversification-header{flex-direction:column;gap:16px;align-items:stretch}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:14px}.stat-card h3{font-size:11px}.stat-card .value{font-size:18px}.period-selector select{width:100%}.chart-container{height:300px}.breakdown-table{overflow-x:auto}.breakdown-table table{min-width:600px}}.google-analytics-dashboard{width:100%;padding:24px;background:#1f1f1f;border-radius:12px;margin-bottom:24px}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.analytics-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.period-selector{display:flex;gap:8px}.period-btn{padding:8px 16px;background:#2a2a2a;border:none;border-radius:8px;color:#a1a1aa;font-size:14px;cursor:pointer;transition:all .2s ease}.period-btn:hover{background:#333;color:#fff}.period-btn.active{background:#7c3aed;color:#fff}.analytics-stats-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin-bottom:24px}.stat-card{background:#2a2a2a;border-radius:12px;padding:20px;position:relative;overflow:hidden}.stat-card h3{color:#a1a1aa;font-size:14px;font-weight:500;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-header h3{margin:0}.live-indicator{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.live-card{background:linear-gradient(135deg,#2a2a2a,#1f1f1f)}.live-chart{position:relative;display:flex;align-items:center;gap:20px}.live-count{font-size:48px;font-weight:700;color:#10b981;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.stat-values{display:flex;flex-direction:column;gap:12px}.stat-item{display:flex;justify-content:space-between;align-items:center}.stat-label{color:#a1a1aa;font-size:14px}.stat-value{color:#fff;font-size:20px;font-weight:600}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.chart-card{background:#2a2a2a;border-radius:12px;padding:20px}.chart-card.full-width{grid-column:1 / -1}.chart-card h3{color:#fff;font-size:16px;font-weight:500;margin:0 0 20px}@media (max-width: 1200px){.analytics-stats-row,.charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.google-analytics-dashboard{padding:16px}.analytics-header{flex-direction:column;gap:16px;align-items:flex-start}.analytics-stats-row{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:12px}.stat-card h3{font-size:11px}.stat-value{font-size:20px}.period-selector{width:100%;overflow-x:auto}.live-count{font-size:32px}}.dashboard{max-width:1600px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h1{font-size:2rem;margin:0}.server-time{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.server-time .time-label{color:var(--text-secondary);font-size:.875rem}.server-time .time-value{color:var(--text-primary);font-weight:600;font-size:.875rem;font-family:SF Mono,Monaco,Consolas,monospace}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;margin-bottom:2rem}.full-width-section{width:100%;margin-bottom:2rem}.chart-container,.table-container{background:#1c1f26;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px;box-shadow:var(--shadow-md)}.chart-container{display:flex;flex-direction:column;min-height:480px;box-sizing:border-box;height:auto;overflow:hidden}.chart-container>div{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.chart-container h2,.table-container h2{font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary)}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem}.dashboard-grid{grid-template-columns:1fr;gap:1.5rem}.chart-container{min-height:400px;padding:15px}.ga-stats-row{width:100%;justify-content:space-between;flex-wrap:wrap}.ga-stat-box{flex:1;min-width:100px;padding:.5rem .75rem}.ga-stat-value{font-size:1rem}.ga-stat-label{font-size:.65rem}.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 480px){.ga-stats-row{gap:.5rem}.ga-stat-box{padding:.4rem .6rem}.ga-stat-icon{font-size:1rem}}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.confirm-dialog{background:#252830;border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease;border:1px solid rgba(124,58,237,.2)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog-header{padding:24px;border-bottom:1px solid #374151}.confirm-dialog-header h3{margin:0;color:#fff;font-size:20px;font-weight:600}.confirm-dialog-body{padding:24px}.confirm-message{color:#d1d5db;font-size:15px;margin:0 0 20px;line-height:1.5}.order-info{display:flex;align-items:center;gap:12px;padding:12px;background:#1c1f26;border-radius:8px;margin-bottom:20px}.order-label{color:#9ca3af;font-size:14px}.order-value{color:#dc2626;font-weight:600;font-size:16px}.status-change-info{display:flex;align-items:center;gap:20px;padding:16px;background:#1c1f26;border-radius:12px;margin-bottom:20px}.status-item{flex:1;display:flex;flex-direction:column;gap:8px}.status-label{color:#9ca3af;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.status-badge{padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600;text-transform:capitalize;text-align:center}.status-arrow{color:#6b7280;font-size:24px;font-weight:700}.confirm-warning{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:12px;margin-top:16px}.warning-icon{color:#f59e0b;font-size:20px;line-height:1}.confirm-warning span:last-child{color:#fbbf24;font-size:14px;line-height:1.5;flex:1}.confirm-dialog-footer{padding:24px;border-top:1px solid #374151;display:flex;justify-content:flex-end;gap:12px}.confirm-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;outline:none}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}.confirm-btn-cancel{background:#374151;color:#d1d5db}.confirm-btn-cancel:hover:not(:disabled){background:#4b5563;color:#fff}.confirm-btn-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff}.confirm-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.confirm-btn-primary:disabled{background:#4b5563}.notification{position:fixed;top:20px;right:20px;min-width:300px;padding:16px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #0000004d;animation:slideIn .3s ease;z-index:9999;font-size:14px;font-weight:500}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.notification-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;font-weight:700}.notification-message{flex:1;color:#fff}.notification-close{background:none;border:none;color:#ffffffb3;font-size:24px;line-height:1;cursor:pointer;padding:0;margin:0;transition:color .2s}.notification-close:hover{color:#fff}.notification-success{background:linear-gradient(135deg,#10b981,#059669);border:1px solid rgba(16,185,129,.3)}.notification-success .notification-icon{background:#fff3;color:#fff}.notification-error{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid rgba(239,68,68,.3)}.notification-error .notification-icon{background:#fff3;color:#fff}.notification-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid rgba(245,158,11,.3)}.notification-warning .notification-icon{background:#fff3;color:#fff}.notification-info{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid rgba(59,130,246,.3)}.notification-info .notification-icon{background:#fff3;color:#fff}.orders-page{padding:20px;min-height:100vh}@keyframes highlightPulse{0%{background-color:#3b82f61a}50%{background-color:#3b82f64d}to{background-color:#3b82f61a}}tr.order-highlight,.order-card.order-highlight{animation:highlightPulse 2s ease-in-out;box-shadow:0 0 20px #3b82f680}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.orders-header h1{color:#fff;font-size:28px;font-weight:600}.orders-controls{display:flex;gap:15px;align-items:center}.date-range-picker{display:flex;gap:10px}.date-range-picker input{padding:8px 12px;background:#252830;border:1px solid #374151;border-radius:8px;color:#fff;font-size:14px}.filter-select{padding:8px 12px;background:#252830;border:1px solid #374151;border-radius:8px;color:#fff;font-size:14px;cursor:pointer}.cache-refresh-btn{padding:8px 16px;font-size:14px;background-color:#7c3aed33;color:#7c3aed;border:1px solid rgba(124,58,237,.3);border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;margin-bottom:1rem;transition:all .2s ease}.cache-refresh-btn:hover{background-color:#7c3aed4d;border-color:#7c3aed80;transform:translateY(-1px);box-shadow:0 2px 8px #7c3aed4d}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner{text-align:center}.spinner{width:50px;height:50px;border:3px solid #374151;border-top-color:#dc2626;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-spinner p{color:#9ca3af;font-size:14px}.orders-table-container{background:#252830;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0003}.orders-table{width:100%;border-collapse:collapse}.orders-table thead{background:#2d3139}.orders-table th{padding:12px 16px;text-align:left;color:#9ca3af;font-weight:500;font-size:14px;border-bottom:1px solid #374151}.orders-table tbody tr{border-bottom:1px solid #2d3139;transition:background .2s}.orders-table tbody tr:hover,.orders-table tbody tr.expanded{background:#2d3139}.orders-table td{padding:12px 16px;color:#fff;font-size:14px}.expand-btn{background:none;border:none;color:#dc2626;cursor:pointer;padding:4px 8px;font-size:12px;transition:transform .2s}.expand-btn:hover{transform:scale(1.2)}.order-number{font-weight:600;color:#dc2626}.text-muted{color:#9ca3af}.coupon-info{color:#10b981;font-weight:500;margin-top:4px}.text-sm{font-size:12px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-success{background:#10b98133;color:#10b981}.status-info{background:#3b82f633;color:#3b82f6}.status-warning{background:#f59e0b33;color:#f59e0b}.status-danger{background:#ef444433;color:#ef4444}.shipping-cell .shipping-method{font-weight:500;margin-bottom:4px}.pickup-store-info{margin-top:4px}.pickup-store-info .text-primary{color:#8b5cf6;font-weight:600}.pickup-store-info .text-xs{font-size:11px;margin-top:2px}.items-count .badge{display:inline-block;background:#dc2626;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.order-total strong{color:#10b981;font-size:16px}.expanded-row td{padding:0;background:#252830}.order-details{padding:20px;background:#1c1f26;border-top:2px solid #dc2626}.order-details h4{color:#dc2626;margin-bottom:15px;font-size:16px;font-weight:600}.order-status-section{background:#252830;padding:20px;border-radius:12px;margin-bottom:24px;border:1px solid rgba(220,38,38,.2)}.status-change-container{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.status-label{color:#9ca3af;font-size:14px;font-weight:500}.status-selector{padding:10px 16px;background:#1c1f26;border:1px solid rgba(124,58,237,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;min-width:150px;transition:all .3s}.status-selector:hover{border-color:#7c3aed99;background:#252830}.status-selector:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.status-selector option{background:#1c1f26;color:#fff;padding:8px}.current-status-badge{display:inline-flex;align-items:center;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;text-transform:capitalize;margin-left:auto}.items-table{width:100%;margin-bottom:30px;background:#252830;border-radius:8px;overflow:hidden}.items-table thead{background:#2d3139}.items-table th,.items-table td{padding:10px 12px;text-align:left;font-size:13px}.items-table th{color:#9ca3af;font-weight:500;border-bottom:1px solid #374151}.items-table tbody tr{border-bottom:1px solid #2d3139}.items-table tfoot tr{border-top:2px solid #374151}.items-table tfoot td{padding:8px 12px}.items-table .text-right{text-align:right}.items-table .total-row{background:#2d3139;font-size:15px}.customer-note{background:#2d3139;padding:15px;border-radius:8px;margin-bottom:20px}.customer-note p{color:#fff;margin:0;line-height:1.6}.order-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.meta-section{background:#2d3139;padding:15px;border-radius:8px}.meta-section address{color:#fff;font-style:normal;line-height:1.6}.load-more-container{display:flex;justify-content:center;margin-top:30px}.load-more-btn{padding:12px 30px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.load-more-btn:hover{background:#b91c1c;transform:translateY(-2px)}.load-more-btn:disabled{background:#374151;color:#6b7280;cursor:not-allowed;transform:none}.orders-table.loading{position:relative;opacity:.5;pointer-events:none}.orders-table.loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center}.mobile-view-toggle{display:none;gap:.5rem;margin-bottom:1rem;padding:0 .5rem}.view-toggle-btn{flex:1;padding:.5rem 1rem;background:#252830;color:#9ca3af;border:1px solid #374151;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease}.view-toggle-btn.active{background:linear-gradient(135deg,#dc262626,#f8717126);color:#f87171;border-color:#dc26264d}.view-toggle-btn:hover:not(.active){background:#2d3139;color:#fff}.orders-mobile-container{display:none;padding:.5rem}.orders-mobile-container.active{display:block}.orders-mobile-table-container{display:none;padding:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.orders-mobile-table-container.active{display:block}.orders-mobile-table-container .orders-table-container{background:transparent;box-shadow:none;border-radius:0;overflow:visible}.orders-mobile-table-container .orders-table{min-width:500px;width:100%;background:#252830;border-radius:12px}.orders-mobile-table-container .mobile-table{font-size:12px}.orders-mobile-table-container .mobile-table th,.orders-mobile-table-container .mobile-table td{padding:8px 12px}.orders-mobile-table-container .mobile-table th{background:#2d3139;position:sticky;top:0;z-index:10}.reset-dates-btn{padding:8px 12px;background:#dc2626;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease}.reset-dates-btn:hover{background:#b91c1c;transform:scale(1.05)}.order-card{background-color:#252830;border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 4px 6px #0003;border:1px solid #374151;transition:all .3s ease}.order-card.expanded{border-color:#dc2626;box-shadow:0 0 0 1px #dc2626}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;cursor:pointer}.order-card-number{font-size:1.125rem;font-weight:600;color:#dc2626;display:flex;align-items:center;gap:.5rem}.order-card-expand{background:none;border:none;color:#9ca3af;font-size:1.25rem;cursor:pointer;padding:0;transition:transform .3s ease}.order-card.expanded .order-card-expand{transform:rotate(90deg);color:#dc2626}.order-card-status{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-bottom:.75rem}.order-card-customer{background-color:#1c1f26;padding:.75rem;border-radius:8px;margin-bottom:.75rem}.order-card-customer-name{font-weight:600;color:#fff;margin-bottom:.25rem}.order-card-customer-email{font-size:.8125rem;color:#9ca3af;word-break:break-all}.order-card-customer-phone{font-size:.8125rem;color:#9ca3af;margin-top:.25rem}.order-card-coupon{font-size:.8125rem;color:#10b981;font-weight:500;margin-top:.25rem}.order-card-shipping{background-color:#1c1f26;padding:.75rem;border-radius:8px;margin-bottom:.75rem}.order-card-pickup-info{font-size:.8125rem;color:#8b5cf6;margin-top:.5rem;font-weight:500}.order-card-info{display:grid;gap:.5rem;margin-bottom:.75rem}.order-card-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.order-card-label{font-size:.875rem;color:#9ca3af}.order-card-value{font-size:.875rem;color:#fff;font-weight:500;text-align:right}.order-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid #374151}.order-card-total{font-size:1.125rem;font-weight:600;color:#10b981}.order-card-date{font-size:.8125rem;color:#9ca3af;display:flex;flex-direction:column;align-items:flex-end}.order-card-time{color:#6b7280;font-size:.75rem;margin-top:2px}.order-card-expanded{margin-top:1rem;padding-top:1rem;border-top:1px solid #374151;animation:slideDown .3s ease}.order-status-section-mobile{background:#1c1f26;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid rgba(220,38,38,.2)}.order-status-section-mobile h4{color:#dc2626;margin-bottom:1rem;font-size:1rem;font-weight:600}.status-change-container-mobile{display:flex;flex-direction:column;gap:.75rem}.status-change-container-mobile .status-selector{width:100%}.status-change-container-mobile .current-status-badge{justify-content:center;margin-left:0}.order-items-mobile{margin-top:1rem}.order-items-mobile h4{color:#dc2626;margin-bottom:1rem;font-size:1rem;font-weight:600}.order-items-mobile .items-list{display:flex;flex-direction:column;gap:.5rem}.order-card-item{background-color:#1c1f26;padding:.75rem;border-radius:8px;border:1px solid #374151}.order-card-item-name{font-weight:500;color:#fff;margin-bottom:.25rem;font-size:.875rem}.order-card-item-details{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.order-card-item-qty{color:#9ca3af}.order-card-item-price{color:#10b981;font-weight:500}.order-card-totals{margin-top:1rem;padding:1rem;background-color:#1c1f26;border-radius:8px}.order-card-total-row{border-top:1px solid #374151;margin-top:.5rem;padding-top:.5rem}.order-card-note{background:#1c1f26;padding:1rem;border-radius:8px;margin-top:1rem}.order-card-note h4{color:#dc2626;margin-bottom:.5rem;font-size:1rem;font-weight:600}.order-card-note p{color:#fff;margin:0;line-height:1.6;font-size:.875rem}.load-more-container-mobile{display:flex;justify-content:center;margin-top:1.5rem;margin-bottom:1rem}@media (max-width: 768px){.orders-header{flex-direction:column;align-items:stretch;gap:1rem}.orders-header h1{font-size:1.5rem}.orders-controls{flex-direction:column;width:100%}.date-range-picker{width:100%;flex-direction:column;gap:.5rem}.date-range-picker input,.filter-select{width:100%}.orders-page>.orders-table-container{display:none}.mobile-view-toggle{display:flex}.orders-mobile-table-container .orders-table-container{display:block!important}.load-more-container{display:none}.order-meta{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.orders-table{font-size:12px}.orders-table th,.orders-table td{padding:8px}.order-meta{grid-template-columns:1fr}}.hfd-cell,.hfd-synced{display:flex;align-items:center;gap:8px}.hfd-synced-badge{font-size:16px}.hfd-sync-controls{display:flex;align-items:center;gap:8px}.hfd-sync-controls input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#dc2626}.btn-hfd-sync{background:transparent;border:1px solid rgba(220,38,38,.3);border-radius:6px;padding:4px 8px;cursor:pointer;font-size:16px;transition:all .2s}.btn-hfd-sync:hover:not(:disabled){background-color:#dc26261a;border-color:#dc2626}.btn-hfd-sync:disabled{opacity:.5;cursor:not-allowed}.btn-batch-hfd{padding:10px 20px;background-color:#dc2626;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-batch-hfd:hover:not(:disabled){background-color:#b91c1c;transform:translateY(-1px)}.btn-batch-hfd:disabled{opacity:.5;cursor:not-allowed}.spinner-small{display:inline-block;width:12px;height:12px;border:2px solid rgba(220,38,38,.3);border-top-color:#dc2626;border-radius:50%;animation:spin .8s linear infinite}.pickup-badge{font-size:16px;opacity:.7}.order-card-hfd-synced{display:inline-flex;align-items:center;gap:.5rem}.btn-icon-small{background:none;border:none;padding:2px 6px;cursor:pointer;font-size:1rem;transition:transform .2s}.btn-icon-small:hover{transform:scale(1.1)}.btn-hfd-sync-small{background:var(--primary);color:#fff;border:none;padding:2px 8px;border-radius:4px;cursor:pointer;font-size:.75rem;display:inline-flex;align-items:center;gap:.25rem;transition:background-color .2s}.btn-hfd-sync-small:hover:not(:disabled){background:var(--primary-dark)}.btn-hfd-sync-small:disabled{opacity:.5;cursor:not-allowed}.hfd-orders-page{padding:20px;min-height:100vh}.hfd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.hfd-header h1{color:#fff;font-size:28px;font-weight:600;margin:0}.header-right{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.btn-refresh{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #dc262633}.btn-refresh:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.btn-refresh .spinner-small{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.read-only-badge{display:inline-flex;align-items:center;padding:8px 16px;background-color:#a1a1aa1a;border:1px solid rgba(161,161,170,.3);border-radius:20px;color:#a1a1aa;font-size:14px;font-weight:500;gap:6px}.sync-status-badge{display:flex;align-items:center;gap:12px;padding:10px 20px;background-color:#242424;border-radius:12px;border:1px solid rgba(220,38,38,.3)}.sync-status-badge .sync-icon{animation:rotate 2s linear infinite}.sync-status-badge span{color:#a1a1aa;font-size:14px}.sync-status-badge .sync-time{padding-left:12px;border-left:1px solid #3f3f46}.hfd-action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px;flex-wrap:wrap}.action-buttons{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background-color:#dc2626;color:#fff}.btn-primary:hover:not(:disabled){background-color:#b91c1c;transform:translateY(-1px)}.btn-secondary{background-color:#3f3f46;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#52525b}.btn-sm{padding:6px 12px;font-size:13px}.btn-icon{background:transparent;border:none;cursor:pointer;font-size:18px;padding:4px;transition:transform .2s}.btn-icon:hover{transform:scale(1.2)}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.spinner-large{width:40px;height:40px;border:4px solid rgba(220,38,38,.2);border-top-color:#dc2626;border-radius:50%;animation:spin .8s linear infinite}.filters{display:flex;gap:12px;flex:1;max-width:800px}.search-input,.filter-select,.date-input{padding:10px 15px;background-color:#242424;border:1px solid rgba(220,38,38,.3);border-radius:8px;color:#fff;font-size:14px;outline:none;transition:border-color .2s}.search-input{flex:1;min-width:200px}.search-input:focus,.filter-select:focus,.date-input:focus{border-color:#dc2626}.filter-select,.date-input{min-width:140px}.hfd-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.summary-card_hfd{display:flex;align-items:center;gap:15px;padding:20px;background-color:#242424;border-radius:12px;border:1px solid #3f3f46;transition:transform .2s,border-color .2s}.summary-card_hfd:hover{transform:translateY(-2px);border-color:#dc262680}.summary-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:24px}.summary-icon.pending{background-color:#f59e0b1a}.summary-icon.synced{background-color:#10b9811a}.summary-icon.failed{background-color:#ef44441a}.summary-icon.total{background-color:#dc26261a}.summary-content{flex:1}.summary-value{font-size:24px;font-weight:600;color:#fff;margin-bottom:4px}.summary-label{font-size:14px;color:#a1a1aa}.hfd-table-container{background-color:#242424;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.hfd-table{width:100%;border-collapse:collapse}.hfd-table thead{background-color:#1a1a1a}.hfd-table th{padding:15px;text-align:left;color:#a1a1aa;font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #3f3f46}.hfd-table tbody tr{border-bottom:1px solid #3f3f46;transition:background-color .2s}.hfd-table tbody tr:hover{background-color:#dc26260d}.hfd-table tbody tr.expanded{background-color:#dc262614}.hfd-table td{padding:15px;color:#fff;font-size:14px}.checkbox-column{width:40px}.checkbox-column input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#dc2626}.order-number-cell{display:flex;align-items:center;gap:8px}.expand-btn{background:none;border:none;color:#a1a1aa;cursor:pointer;font-size:12px;padding:2px;transition:color .2s}.expand-btn:hover{color:#dc2626}.tracking-number{display:flex;align-items:center;gap:8px;font-family:SF Mono,monospace}.copy-btn{background:none;border:none;cursor:pointer;font-size:14px;opacity:.7;transition:opacity .2s}.copy-btn:hover{opacity:1}.customer-cell .customer-name{font-weight:500;margin-bottom:4px}.customer-cell .customer-contact{font-size:12px;color:#a1a1aa}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-success{background-color:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-info{background-color:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.status-warning{background-color:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-danger{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-default{background-color:#a1a1aa1a;color:#a1a1aa;border:1px solid rgba(161,161,170,.3)}.sync-error-badge{margin-left:8px;font-size:14px;cursor:help}.action-buttons-cell{display:flex;gap:8px}.expanded-row td{padding:0;background-color:#dc262605}.expanded-content{padding:20px;background:#1a1a1a;border-radius:8px}.expanded-row-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.expanded-section{background:#242424;padding:15px;border-radius:8px;border:1px solid rgba(124,58,237,.1)}.expanded-section h4{color:#7c3aed;margin-bottom:12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.detail-item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;padding:4px 0;border-bottom:1px solid rgba(161,161,170,.1)}.detail-item:last-child{border-bottom:none;margin-bottom:0}.detail-label{color:#a1a1aa;font-size:12px;font-weight:500;min-width:100px}.detail-value{color:#fff;font-size:12px;text-align:right;flex:1;word-break:break-word}.detail-value.success{color:#10b981}.expanded-section address{font-style:normal;line-height:1.6;color:#e5e5e5}.expanded-section p{margin:8px 0;color:#e5e5e5}.error-section{grid-column:1 / -1;background-color:#ef44440d;padding:15px;border-radius:8px;border:1px solid rgba(239,68,68,.2)}.error-message{color:#ef4444;font-size:13px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#a1a1aa}.loading-container p{margin-top:20px;font-size:16px}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{color:#fff;font-size:20px;margin-bottom:10px}.empty-state p{color:#a1a1aa;font-size:14px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;background-color:#1a1a1a;border-top:1px solid #3f3f46}.pagination-btn{padding:8px 16px;background-color:#242424;border:1px solid #3f3f46;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#3f3f46;border-color:#dc2626}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.order-count{display:flex;justify-content:center;align-items:center;padding:20px;background-color:#1a1a1a;border-top:1px solid #3f3f46}.order-count-info{color:#a1a1aa;font-size:14px;font-weight:500}.hfd-mobile-container{display:none}@media (max-width: 768px){.hfd-table-container{display:none}.hfd-mobile-container{display:block}.hfd-header{flex-direction:column;align-items:flex-start;gap:15px}.header-right{width:100%;flex-direction:column;align-items:stretch}.btn-refresh{width:100%;justify-content:center}.hfd-action-bar{flex-direction:column;align-items:stretch}.filters{flex-direction:column;max-width:100%}.hfd-summary-cards{grid-template-columns:repeat(2,1fr);gap:12px}.summary-card_hfd{padding:15px}.summary-icon{width:40px;height:40px;font-size:20px}.summary-value{font-size:20px}.hfd-card{background-color:#242424;border-radius:12px;border:1px solid #3f3f46;margin-bottom:15px;overflow:hidden;transition:all .3s ease}.hfd-card.expanded{box-shadow:0 4px 12px #0000004d}.hfd-card-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#1a1a1a;border-bottom:1px solid #3f3f46;cursor:pointer;-webkit-user-select:none;user-select:none}.hfd-card-header:hover{background-color:#1f1f1f}.hfd-card-header-right{display:flex;align-items:center;gap:10px}.hfd-card-number{font-weight:600;color:#fff;font-size:16px}.hfd-card .expand-btn{background:none;border:none;color:#a1a1aa;font-size:12px;padding:4px;cursor:pointer;transition:transform .3s ease}.hfd-card.expanded .expand-btn{transform:rotate(90deg)}.hfd-card-body{padding:15px}.hfd-card-row{display:flex;justify-content:space-between;margin-bottom:10px}.hfd-card-row .label{color:#a1a1aa;font-size:13px}.hfd-card-row .value{color:#fff;font-size:13px;font-weight:500;text-align:right}.hfd-card-expanded{padding:15px;background-color:#1f1f1f;border-top:1px solid #3f3f46;animation:slideDown .3s ease}.hfd-card-expanded .expanded-section{margin-bottom:15px;padding:10px;background-color:#242424;border-radius:8px}.hfd-card-expanded .expanded-section h4{color:#dc2626;font-size:14px;font-weight:600;margin-bottom:8px}.hfd-card-expanded .detail-item{display:flex;justify-content:space-between;margin-bottom:6px;font-size:13px}.hfd-card-expanded .detail-label{color:#a1a1aa}.hfd-card-expanded .detail-value{color:#fff;font-weight:500}.hfd-card-expanded .address-text,.hfd-card-expanded .notes-text{color:#e5e5e5;font-size:13px;line-height:1.5}.hfd-card-actions{display:flex;gap:10px;margin-top:15px}.hfd-card-actions .btn{flex:1;justify-content:center}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}}.customers-page{max-width:1600px;margin:0 auto}.customers-header{margin-bottom:2rem}.customers-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px}.customers-header h1{font-size:2rem;margin-bottom:.5rem}.filter-controls{display:flex;gap:20px;align-items:flex-end}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-size:12px;color:#9ca3af;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.button-group{display:flex;gap:0;border-radius:8px;overflow:hidden;border:1px solid #374151}.filter-btn{padding:8px 16px;background:#252830;color:#9ca3af;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-btn:first-child{border-right:1px solid #374151}.filter-btn:hover{background:#2d3139;color:#fff}.filter-btn.active{background:linear-gradient(135deg,#dc2626,#f87171);color:#fff}.period-select{padding:8px 12px;background:#252830;border:1px solid #374151;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;min-width:120px}.period-select:hover{background:#2d3139;border-color:#dc2626}.period-select:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.customer-card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);transition:all .15s ease-in-out;position:relative}.customer-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.customer-rank{position:absolute;top:1rem;right:1rem;background-color:var(--accent-primary);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.customer-details{margin-bottom:1rem}.customer-details h3{font-size:1.25rem;margin-bottom:.25rem;color:var(--text-primary)}.customer-details p{font-size:.875rem;margin:.25rem 0}.customer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);margin:1rem 0}.stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:.25rem}.stat-value{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.last-order{font-size:.875rem;color:var(--text-secondary);margin-top:1rem}.loading-more{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 0;color:#a1a1aa;font-size:14px}.loader-small{width:20px;height:20px;border:2px solid #3f3f46;border-top:2px solid #7c3aed;border-radius:50%;animation:spin 1s linear infinite}.revenue-page{max-width:1600px;margin:0 auto}.revenue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.revenue-header h1{font-size:2rem;margin:0}.period-selector{display:flex;gap:.5rem}.period-selector button{padding:.5rem 1rem}.revenue-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md)}.summary-card h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase}.summary-card .amount{font-size:2rem;font-weight:700;color:var(--text-primary);margin:.5rem 0}.summary-card .label{font-size:.875rem;color:var(--text-muted)}.summary-card.vat{border-left:3px solid var(--status-warning)}.summary-card.net{border-left:3px solid var(--status-success)}.revenue-chart-section{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);margin-bottom:2rem}.revenue-chart-section h2{font-size:1.25rem;margin-bottom:1rem}.revenue-breakdown{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md)}.revenue-breakdown h2{font-size:1.25rem;margin-bottom:1rem}.breakdown-table{width:100%;border-collapse:collapse}.breakdown-table th{text-align:left;padding:.75rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-default)}.breakdown-table td{padding:.75rem;border-bottom:1px solid var(--border-light)}.breakdown-table tbody tr:hover{background-color:var(--bg-surface)}.products-container{padding:20px;min-height:100vh}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #333}.header-actions{display:flex;gap:15px}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-primary{background:#7c3aed;color:#fff}.btn-primary:hover{background:#6d28d9}.save-button{position:fixed!important;bottom:30px;right:30px;z-index:1000;background:#2563eb;box-shadow:0 2px 10px #2563eb33;padding:12px 24px!important;font-size:14px!important;font-weight:500!important;border:none;border-radius:8px;transition:background .2s ease,box-shadow .2s ease}.save-button:hover{background:#1d4ed8;box-shadow:0 4px 15px #2563eb4d}.save-button:active{background:#1e40af}.products-header.has-changes{border-bottom:2px solid rgba(220,38,38,.3);transition:border-color .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.btn-secondary{background:#374151;color:#fff}.btn-secondary:hover{background:#4b5563}.products-filters{display:flex;gap:20px;align-items:center;margin-bottom:20px;padding:20px;background:#242424;border-radius:12px}.search-box input{padding:10px 15px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;width:300px;font-size:14px}.search-box input::placeholder{color:#666}.category-filter select{padding:10px 15px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px;min-width:150px}.products-stats{margin-left:auto;display:flex;gap:20px;color:#a1a1aa;font-size:14px}.products-stats span{padding:8px 12px;background:#1a1a1a;border-radius:6px}.products-table-container{background:#242424;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.products-table{width:100%;border-collapse:collapse}.products-table thead{background:#1a1a1a}.products-table th{padding:15px;text-align:left;color:#a1a1aa;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #333}.products-table tbody tr{border-bottom:1px solid #333;transition:background .2s}.products-table tbody tr:hover{background:#2a2a2a}.products-table td{padding:15px;color:#fff;font-size:14px}.product-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:8px}.no-image{width:50px;height:50px;background:#333;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#666;font-size:10px;text-align:center}.product-name{font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sku{color:#a1a1aa;font-family:monospace}.price{font-weight:600}.sale-price{color:#10b981;margin-right:8px}.regular-price.crossed{text-decoration:line-through;color:#666;font-size:12px}.buying-price-input input{padding:8px 12px;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;width:120px;font-size:14px}.buying-price-input input:focus{outline:none;border-color:#7c3aed}.profit.positive{color:#10b981;font-weight:600}.profit.negative{color:#ef4444}.margin{font-weight:600}.margin.high{color:#10b981}.margin.medium{color:#f59e0b}.margin.low{color:#ef4444}.stock{font-weight:500}.status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-align:center}.status.instock{background:#10b98133;color:#10b981}.status.outofstock{background:#ef444433;color:#ef4444}.error-message{background:#ef44441a;border:1px solid #ef4444;color:#ef4444;padding:15px;border-radius:8px;margin-bottom:20px}.no-products{text-align:center;padding:60px;color:#666;font-size:16px}.products-mobile-container{display:none}@media (max-width: 768px){.products-table-container{display:none}.products-mobile-container{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;width:100%;box-sizing:border-box}.products-header{flex-direction:column;gap:1rem;align-items:flex-start}.save-button{bottom:20px!important;right:20px!important;left:20px!important;width:calc(100% - 40px)!important;font-size:14px!important;padding:12px 20px!important;border-radius:8px!important;justify-content:center;max-width:400px!important;margin:0 auto!important}.header-actions{width:100%;flex-direction:column}.btn{width:100%;justify-content:center}.products-filters{flex-direction:column;gap:1rem;padding:1rem}.search-box input,.category-filter select{width:100%}.products-stats{width:100%;margin-left:0;justify-content:space-around}.products-stats span{font-size:.75rem;padding:.5rem}}.product-card{background-color:#252830;border-radius:12px;padding:.75rem;box-shadow:0 2px 4px #0000004d;border:1px solid #2d3139;transition:all .3s ease;width:100%;box-sizing:border-box;overflow:hidden}.product-card.expanded{border-color:#dc2626;box-shadow:0 0 0 1px #dc2626}.product-card-header{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;padding-bottom:.5rem;border-bottom:1px solid #2d3139;width:100%}.product-card-image{flex-shrink:0;width:40px;height:40px}.product-card-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid #374151}.product-card-no-image{width:100%;height:100%;background:#1c1f26;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:.625rem;text-align:center;border:1px solid #374151}.product-card-title-section{flex:1;min-width:0;overflow:hidden}.product-card-name{font-weight:600;color:#fff;font-size:.7rem;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.product-card-sku{font-size:.6rem;color:#9ca3af;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card-expand{background:none;border:none;color:#9ca3af;font-size:1rem;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.product-card-expand .expand-icon{transition:transform .3s ease}.product-card.expanded .expand-icon{transform:rotate(0);color:#dc2626}.product-card-body{padding-top:.5rem}.product-card-price-section{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.product-card-price{display:flex;align-items:baseline;gap:.5rem}.product-card-price .sale-price{color:#10b981;font-size:.875rem;font-weight:600}.product-card-price .regular-price{font-size:.75rem;color:#fff;font-weight:500}.product-card-price .regular-price.crossed{text-decoration:line-through;color:#6b7280;font-size:.875rem}.product-card-stock{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.product-card-stock.stock-in{background:#10b98133;color:#10b981}.product-card-stock.stock-out{background:#ef444433;color:#ef4444}.product-card-stock.stock-limited{background:#f59e0b33;color:#f59e0b}.product-card-info{background-color:#1c1f26;padding:.5rem;border-radius:6px;margin-bottom:.5rem}.product-card-row{display:flex;flex-direction:column;gap:.125rem;padding:.2rem 0;width:100%}.product-card-row:not(:last-child){border-bottom:1px solid #2d3139}.product-card-label{font-size:.625rem;color:#9ca3af;text-transform:uppercase}.product-card-value{font-size:.7rem;color:#fff;font-weight:500;word-break:break-word}.product-card-value.profit-positive{color:#10b981;font-weight:600}.product-card-value.profit-negative{color:#ef4444}.product-card-value.margin-high{color:#10b981}.product-card-value.margin-medium{color:#f59e0b}.product-card-value.margin-low{color:#ef4444}.product-card-buying-price{display:flex;flex-direction:column;gap:.5rem}.product-card-price-input{padding:.375rem;background:#1c1f26;border:1px solid #374151;border-radius:6px;color:#fff;font-size:.75rem;width:100%;transition:all .2s ease}.product-card-price-input:focus{outline:none;border-color:#dc2626;background:#252830}.product-card-price-input::placeholder{color:#6b7280}.product-card-expanded{margin-top:1rem;padding-top:1rem;border-top:1px solid #2d3139;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.product-card-details h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem}.product-card-details h5{color:#fff;font-size:.875rem;font-weight:600;margin:1rem 0 .5rem}.product-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;background:#1c1f26;padding:1rem;border-radius:8px}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.025em}.detail-value{font-size:.875rem;color:#fff;font-weight:500}.product-images-gallery{margin-top:1rem}.images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.gallery-thumbnail{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid #374151;cursor:pointer;transition:transform .2s ease}.gallery-thumbnail:hover{transform:scale(1.05);border-color:#dc2626}@media (max-width: 480px){.product-card-header{padding-bottom:.5rem}.product-card-image{width:50px;height:50px}.product-card-name{font-size:.875rem}.product-details-grid{grid-template-columns:1fr}.images-grid{grid-template-columns:repeat(2,1fr)}}.bundle-component-editor{margin-top:20px;border:1px solid #404249;border-radius:8px;padding:20px;background:#2b2d31}.bundle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.bundle-header h3{margin:0;color:#dbdee1;font-size:18px}.btn-add-component{background:#5865f2;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}.btn-add-component:hover{background:#4752c4}.no-components{text-align:center;padding:40px;color:#b5bac1}.components-list{display:flex;flex-direction:column;gap:15px}.component-card{background:#313338;border:1px solid #404249;border-radius:6px;padding:15px;box-shadow:0 2px 4px #0000004d}.component-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #404249}.component-title-input{flex:1;padding:8px;border:1px solid #404249;border-radius:4px;font-size:16px;font-weight:500;margin-right:10px;background:#1e1f22;color:#dbdee1}.component-actions{display:flex;gap:5px}.btn-move,.btn-remove{width:30px;height:30px;border:1px solid #404249;background:#1e1f22;color:#b5bac1;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-move:hover:not(:disabled){background:#404249}.btn-move:disabled{opacity:.3;cursor:not-allowed}.btn-remove{color:#ed4245;font-size:20px;font-weight:700}.btn-remove:hover{background:#5d2223;border-color:#ed4245}.component-body{display:flex;flex-direction:column;gap:15px}.form-row{display:flex;gap:15px;align-items:flex-end}.form-group{flex:1;display:flex;flex-direction:column}.form-group label{margin-bottom:5px;font-size:13px;color:#b5bac1;font-weight:500}.form-group input[type=text],.form-group input[type=number],.form-group select{padding:8px;border:1px solid #404249;border-radius:4px;font-size:14px;background:#1e1f22;color:#dbdee1}.form-group input[type=checkbox]{margin-right:5px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:12px;border:1px solid #404249;border-radius:8px;background:#1e1f22;max-height:400px;overflow-y:auto;position:relative}.products-grid:before{content:"";position:sticky;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,#3ba55c,transparent);z-index:1;display:none}.products-grid:has(.product-grid-item.selected):has(.product-grid-item:not(.selected)):before{display:block}.product-grid-item{background:#313338;border:2px solid #404249;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center}.product-grid-item:hover{border-color:#5865f2;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.product-grid-item.selected{border-color:#3ba55c;background:#2d3f32}.product-image{width:100%;height:100px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border-radius:4px;overflow:hidden;background:#2b2d31}.product-image img{width:100%;height:100%;object-fit:cover}.product-image .no-image{font-size:48px;color:#b5bac1}.selected-overlay{position:absolute;top:0;right:0;background:#3ba55c;color:#fff;width:28px;height:28px;border-radius:0 4px 0 8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.product-info{width:100%;text-align:center}.product-name{font-size:12px;color:#dbdee1;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;min-height:31px}.product-price{font-size:14px;font-weight:700;color:#3ba55c}.selected-products-summary{margin-top:10px;padding:10px;background:#313338;border-radius:4px;font-size:13px;color:#5865f2;border:1px solid #404249}@media (min-width: 768px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.product-image{height:120px}}@media (min-width: 1024px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.product-image{height:150px}}@media (max-width: 768px){.form-row{flex-direction:column}.component-header{flex-direction:column;align-items:stretch}.component-title-input{margin-right:0;margin-bottom:10px}.component-actions{justify-content:flex-end}}.product-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.product-modal{background:#2a2b2e;border-radius:8px;width:90%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#1e1f22;border-bottom:1px solid #3a3b3e;flex-shrink:0}.close-btn{background:none;border:none;color:#999;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-tabs{display:flex;gap:5px;padding:15px 20px;background:#1e1f22;border-bottom:1px solid #3a3b3e;overflow-x:auto;position:relative;z-index:10;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.tab{padding:8px 16px;background:transparent;border:1px solid #3a3b3e;color:#999;cursor:pointer;border-radius:4px;transition:all .2s;white-space:nowrap}.tab:hover{background:#3a3b3e;color:#fff}.tab.active{background:#007bff;color:#fff;border-color:#007bff}.modal-body{padding:20px;overflow-y:auto;flex:1;position:relative;z-index:1;background:#2a2b2e}.tab-content{display:flex;flex-direction:column;gap:20px}.form-group label{color:#e0e0e0;font-size:14px;font-weight:500}.form-group input[type=text],.form-group input[type=number],.form-group input[type=url],.form-group select,.form-group textarea{padding:10px;background:#1e1f22;border:1px solid #3a3b3e;border-radius:4px;color:#e0e0e0;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;background:#ffffff08}.rich-editor{border:1px solid #3a3b3e;border-radius:4px;overflow:hidden}.editor-toolbar{display:flex;gap:5px;padding:8px;background:#1e1f22;border-bottom:1px solid #3a3b3e;flex-wrap:wrap}.editor-toolbar button{padding:5px 10px;background:#2a2b2e;border:1px solid #3a3b3e;color:#e0e0e0;cursor:pointer;border-radius:3px;font-size:14px}.editor-toolbar button:hover{background:#3a3b3e}.editor-content,.editor-preview{min-height:200px;padding:12px;color:#dbdee1;background:#1e1f22}.editor-content{outline:none;text-align:left!important;direction:ltr!important;unicode-bidi:plaintext!important;white-space:pre-wrap;word-wrap:break-word;word-break:normal;line-height:1.6;caret-color:#fff;-webkit-user-modify:read-write-plaintext-only}.editor-content *{direction:ltr!important;text-align:left!important}.editor-content:focus{background:#ffffff08}.editor-content h1{font-size:2em;font-weight:700;margin:.67em 0}.editor-content h2{font-size:1.5em;font-weight:700;margin:.75em 0}.editor-content h3{font-size:1.17em;font-weight:700;margin:.83em 0}.editor-content p{margin:1em 0}.editor-content ul,.editor-content ol{margin:1em 0;padding-left:2em}.images-section{display:flex;flex-direction:column;gap:20px}.current-images{display:flex;flex-wrap:wrap;gap:15px}.no-images-placeholder{width:100%;padding:40px;text-align:center;background:#1e1f22;border:2px dashed #3a3b3e;border-radius:8px;color:#666}.image-item{position:relative;width:150px;height:150px;border-radius:8px;overflow:hidden;border:2px solid #3a3b3e}.image-item.uploading{opacity:.6}.image-item img{width:100%;height:100%;object-fit:cover}.upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:12px;gap:8px}.upload-overlay .spinner{font-size:20px;animation:spin 1s linear infinite}.image-item button{position:absolute;top:5px;right:5px;background:#ed4245;color:#fff;border:none;width:25px;height:25px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px}.main-badge{position:absolute;bottom:5px;left:5px;background:#28a745;color:#fff;padding:3px 8px;border-radius:3px;font-size:11px;font-weight:700}.add-image-section{display:flex;flex-direction:column;gap:15px}.upload-btn{background:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;width:100%}.upload-btn:hover:not(:disabled){background:#0056b3}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.compression-notice{background:#fff3cd;color:#856404;padding:8px 12px;border-radius:4px;text-align:center;animation:pulse 1.5s ease-in-out infinite}.compression-notice small{font-size:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.url-input{display:flex;gap:10px}.url-input input{flex:1;padding:10px;background:#1e1f22;border:1px solid #3a3b3e;border-radius:4px;color:#e0e0e0;font-size:14px}.url-input button{padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.url-input button:hover{background:#218838}.label-preview-section{margin-top:10px;padding:12px;background:#1e1f22;border-radius:4px}.label-preview{display:inline-block;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:700;margin-right:8px}.label-sale{background:#ed4245;color:#fff}.label-extra{background:#ff6b00;color:#fff}.label-blue{background:#040eff!important;color:#fff!important;border:0!important}.categories-selector{max-height:200px;overflow-y:auto;border:1px solid #3a3b3e;border-radius:4px;padding:10px;background:#1e1f22}.category-checkbox{display:flex;align-items:center;gap:8px;padding:5px;cursor:pointer;color:#e0e0e0}.category-checkbox input[type=checkbox]{cursor:pointer}.selected-categories{margin-top:8px;padding:8px;background:#007bff1a;border-radius:4px}.selected-categories small{color:#007bff}.price-preview{margin-top:10px;padding:10px;background:#1e1f22;border-radius:4px;display:flex;align-items:center;gap:10px}.sale-price{color:#28a745;font-size:18px;font-weight:700}.regular-price.crossed{color:#999;text-decoration:line-through}.discount{background:#ed4245;color:#fff;padding:3px 8px;border-radius:3px;font-size:12px}.bundle-components-editor{border:1px solid #3a3b3e;border-radius:4px;padding:15px;background:#1e1f22}.variations-section,.attributes-list{display:flex;flex-direction:column;gap:20px}.attribute-group{background:#1e1f22;border:1px solid #3a3b3e;border-radius:6px;padding:15px;display:flex;flex-direction:column;gap:15px}.attribute-header{display:flex;gap:10px;align-items:center}.attribute-name-input{flex:1;padding:10px;background:#2a2b2e;border:1px solid #3a3b3e;border-radius:4px;color:#e0e0e0;font-size:14px}.btn-remove-attr{padding:8px 12px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;white-space:nowrap}.btn-remove-attr:hover{background:#c82333}.attribute-values{display:flex;flex-direction:column;gap:10px}.values-label{color:#999;font-size:13px;font-weight:600;margin-bottom:5px}.values-list{display:flex;flex-direction:column;gap:8px;padding-left:10px}.value-input-group{display:flex;gap:8px;align-items:center}.value-input{flex:1;padding:8px 12px;background:#2a2b2e;border:1px solid #3a3b3e;border-radius:4px;color:#e0e0e0;font-size:14px}.btn-remove-value{width:30px;height:30px;padding:0;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px}.btn-remove-value:hover{background:#c82333}.btn-add-value{padding:6px 12px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;align-self:flex-start;margin-top:5px}.btn-add-value:hover{background:#218838}.help-text{color:#999;font-size:13px;margin-bottom:15px}.variations-list{display:flex;flex-direction:column;gap:15px;margin-top:15px}.variation-item{background:#1e1f22;border:1px solid #3a3b3e;border-radius:6px;padding:15px;display:flex;flex-direction:column;gap:12px}.variation-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #3a3b3e}.variation-label{color:#e0e0e0;font-weight:600;font-size:14px}.variation-details{padding:5px 0}.variation-subtitle{color:#999;font-size:12px;display:block;margin-bottom:10px}.variation-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.field-with-label{display:flex;flex-direction:column;gap:5px}.field-with-label label{color:#999;font-size:12px;font-weight:600}.field-with-label input{padding:8px 12px;background:#2a2b2e;border:1px solid #3a3b3e;border-radius:4px;color:#e0e0e0;font-size:14px}.field-with-label input:focus{outline:none;border-color:#007bff;background:#ffffff08}.modal-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px;color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}.loading-content p{font-size:16px;margin:0;color:#fff;font-weight:500}.product-modal.modal-saving{position:relative;pointer-events:none;-webkit-user-select:none;user-select:none}.product-modal.modal-saving .modal-body,.product-modal.modal-saving .modal-tabs{opacity:.5;filter:grayscale(.3)}.btn-loading{position:relative;padding-left:40px!important}.btn-loading .spinner{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn:disabled{opacity:.6;cursor:not-allowed}.close-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.modal-footer{padding:20px;background:#1e1f22;border-top:1px solid #3a3b3e;display:flex;justify-content:flex-end;gap:10px}.btn-save,.btn-cancel{padding:10px 24px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.btn-save{background:#28a745;color:#fff}.btn-save:hover{background:#218838}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover{background:#5a6268}@media (max-width: 768px){.product-modal{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-tabs{overflow-x:scroll;-webkit-overflow-scrolling:touch}.current-images{justify-content:center}.image-item{width:120px;height:120px}}.product-table-container{border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.product-table{width:100%;border-collapse:collapse}.product-table th{padding:15px;text-align:left;color:#ffffffe6;font-weight:600;font-size:14px;border-bottom:2px solid rgba(255,255,255,.1)}.product-table tbody tr{transition:all .3s;border-bottom:1px solid rgba(255,255,255,.05)}.product-table td{padding:15px;color:#fffc;font-size:14px}.col-image{width:80px}.product-image-cell{position:relative}.product-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:8px;border:2px solid rgba(255,255,255,.1)}.no-image{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:2px dashed rgba(255,255,255,.2)}.no-image span{font-size:24px;opacity:.5}.featured-badge{position:absolute;top:-5px;right:-5px;font-size:16px}.product-name-row{display:flex;align-items:center;gap:8px;margin-bottom:5px}.product-name-cell strong{color:#fff}.product-excerpt{color:#ffffff80;font-size:12px;line-height:1.4}.col-sku code{padding:3px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:12px}.price-cell{display:flex;flex-direction:column;gap:5px}.sale-price{color:#2ecc71;font-weight:700;font-size:16px}.regular-price{color:#fffc;font-size:14px}.regular-price.crossed{text-decoration:line-through;color:#fff6;font-size:12px}.discount-badge{display:inline-block;padding:2px 8px;color:#fff;border-radius:12px;font-size:11px;font-weight:700}.stock-cell{display:flex;flex-direction:column;gap:5px}.stock-status{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.stock-status.stock-instock{color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.stock-status.stock-outofstock{color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.stock-status.stock-onbackorder{color:#f1c40f;border:1px solid rgba(241,196,15,.3)}.stock-quantity{color:#ffffff80;font-size:11px}.categories-cell{display:flex;flex-wrap:wrap;gap:5px}.category-tag{display:inline-block;padding:3px 10px;color:#3498db;border-radius:12px;font-size:11px;border:1px solid rgba(52,152,219,.3)}.labels-cell{position:relative!important;display:flex!important;flex-wrap:wrap;gap:5px;visibility:visible!important;align-items:center;min-height:20px}.product-label{position:static!important;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;white-space:nowrap;margin-right:5px;display:inline-block!important;visibility:visible!important;opacity:1!important;z-index:1}.product-label.label-sale{background:red;color:#fff}.product-label.label-extra{background:#ff6b00;color:#fff}.product-label.label-blue{background:#040eff!important;color:#fff!important;border:0!important}.product-label.label-cheapest{background:#f1c40f;color:#000}.product-label.label-custom{background:#3498db;color:#fff}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.status-published{color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.status-badge.status-draft{color:#9b59b6;border:1px solid rgba(155,89,182,.3)}.status-badge.status-pending{color:#f1c40f;border:1px solid rgba(241,196,15,.3)}.status-badge.status-private{color:#bdc3c7;border:1px solid rgba(189,195,199,.3)}.btn-action{width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;font-size:16px}.no-products{padding:60px 20px;text-align:center;color:#ffffff80}.no-products p{font-size:18px}@media (max-width: 1400px){.col-dimensions,.col-weight{display:none}}@media (max-width: 1200px){.col-categories{display:none}.product-table th,.product-table td{padding:12px;font-size:13px}}@media (max-width: 1024px){.product-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -10px;padding:0 10px}.product-table{min-width:900px}.col-sku{display:none}.action-buttons{flex-wrap:wrap;gap:5px}.btn-action{width:30px;height:30px;font-size:14px}}@media (max-width: 768px){.product-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -10px;padding:0}.product-table-container.force-show{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -10px;padding:0}.product-table{min-width:700px;font-size:12px}.product-table thead{position:sticky;top:0;z-index:5}.product-table th,.product-table td{padding:8px;font-size:11px}.col-image{width:50px}.product-thumbnail,.no-image{width:35px;height:35px}.no-image span{font-size:16px}.featured-badge{font-size:12px;top:-3px;right:-3px}.product-name-cell strong{font-size:12px}.product-excerpt,.col-sku{display:none}.price-cell{font-size:11px}.sale-price{font-size:13px}.regular-price{font-size:11px}.discount-badge{font-size:9px;padding:1px 5px}.stock-status{font-size:10px;padding:3px 6px}.stock-quantity{font-size:9px}.category-tag{font-size:9px;padding:2px 6px}.status-badge{font-size:10px;padding:3px 8px}.action-buttons{flex-direction:column;gap:4px}.btn-action{width:26px;height:26px;font-size:12px;border-radius:5px}.btn-duplicate,.btn-view{display:none}}@media (max-width: 480px){.product-table{min-width:600px}.product-table th,.product-table td{padding:6px;font-size:10px}.product-thumbnail,.no-image{width:30px;height:30px}.col-status,.col-stock{display:none}.btn-action{width:24px;height:24px;font-size:11px}}@media (hover: none) and (pointer: coarse){.btn-action{min-width:36px;min-height:36px}.product-table tbody tr{min-height:50px}.product-table td{padding:10px 8px}.product-name-cell{cursor:pointer}}@media (max-width: 768px){.product-table-container:after{content:"← גלול לצדדים →";position:absolute;bottom:10px;right:10px;color:#fff;padding:5px 10px;border-radius:15px;font-size:11px;pointer-events:none;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%,to{opacity:0}20%,80%{opacity:1}}}.product-table-container::-webkit-scrollbar{height:8px}.product-table-container::-webkit-scrollbar-track{border-radius:4px}.product-table-container::-webkit-scrollbar-thumb{border-radius:4px}.alert-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in-out}.alert-modal{background:#2a2b2e;border-radius:8px;min-width:400px;max-width:500px;box-shadow:0 4px 20px #00000080;animation:slideUp .3s ease-out;border:1px solid #3a3b3e}.alert-modal-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #3a3b3e;position:relative}.alert-modal-icon{font-size:24px;margin-left:12px}.alert-modal-header h3{margin:0;font-size:18px;color:#fff;flex:1}.alert-modal-close{background:none;border:none;color:#999;font-size:20px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.alert-modal-close:hover{background:#3a3b3e;color:#fff}.alert-modal-body{padding:20px}.alert-modal-body p{margin:0;color:#e0e0e0;line-height:1.6;text-align:right}.alert-modal-footer{padding:16px 20px;border-top:1px solid #3a3b3e;display:flex;justify-content:flex-end}.alert-modal-button{background:#007bff;color:#fff;border:none;padding:8px 24px;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s}.alert-modal-button:hover{background:#0056b3}.alert-modal-success .alert-modal-header{border-bottom-color:#28a745}.alert-modal-success .alert-modal-button{background:#28a745}.alert-modal-success .alert-modal-button:hover{background:#218838}.alert-modal-error .alert-modal-header{border-bottom-color:#dc3545}.alert-modal-error .alert-modal-button{background:#dc3545}.alert-modal-error .alert-modal-button:hover{background:#c82333}.alert-modal-warning .alert-modal-header{border-bottom-color:#ffc107}.alert-modal-warning .alert-modal-button{background:#ffc107;color:#212529}.alert-modal-warning .alert-modal-button:hover{background:#e0a800}@media (max-width: 600px){.alert-modal{min-width:90%;max-width:90%;margin:0 20px}}.products-management-container{padding:20px;min-height:100vh}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;border-radius:10px}.products-header h1{color:#fff;font-size:28px;margin:0}.header-actions{display:flex;gap:15px;align-items:center}.view-mode-toggle{display:flex;border-radius:8px;overflow:hidden}.view-btn{padding:8px 16px;background:transparent;border:none;color:#fff;cursor:pointer;transition:all .3s}.products-filters{display:flex;gap:20px;margin-bottom:30px;padding:20px;border-radius:10px;align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:250px}.search-box input{width:100%;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px}.search-box input::placeholder{color:#ffffff80}.category-filter select{padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;min-width:200px}.products-stats{display:flex;gap:20px;color:#fffc;font-size:14px}.products-stats span{padding:8px 16px;border-radius:20px}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.btn-primary{color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-secondary{color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-danger{color:#fff}.btn-sm{padding:6px 12px;font-size:12px}.products-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px}.product-card-item{border-radius:12px;overflow:hidden;transition:all .3s}.product-card-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.product-card-image{position:relative;width:100%;height:200px;display:flex;align-items:center;justify-content:center}.product-card-image img{width:100%;height:100%;object-fit:cover}.product-card-image .no-image{color:#ffffff4d;font-size:48px}.product-label{position:absolute;top:10px;right:10px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.product-label.label-sale{color:#fff}.product-label.label-cheapest{color:#000}.product-label.label-custom{color:#fff}.product-card-content{padding:20px}.product-card-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.product-card-content h3{color:#fff;margin:0;font-size:18px;flex:1}.product-badges{display:flex;gap:6px;flex-wrap:wrap}.product-type-badge{font-size:11px;padding:2px 8px;border-radius:12px;font-weight:600;white-space:nowrap}.product-type-badge.type-bundle{background:#5865f2;color:#fff}.product-type-badge.type-variable{background:#eb459e;color:#fff}.product-type-badge.type-grouped{background:#f47b67;color:#fff}.product-sku{color:#fff9;font-size:12px;margin-bottom:8px}.product-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.category-badge{display:inline-block;padding:3px 8px;background:#8b5cf626;color:#a78bfa;border-radius:12px;font-size:11px;font-weight:500;border:1px solid rgba(139,92,246,.25)}.product-price{display:flex;align-items:center;gap:10px;margin-bottom:15px}.sale-price{color:#2ecc71;font-size:20px;font-weight:700}.regular-price{color:#fffc;font-size:16px}.regular-price.crossed{text-decoration:line-through;color:#ffffff80}.product-stock{display:flex;align-items:center;gap:10px;margin-bottom:15px}.stock-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.stock-status.instock{color:#2ecc71}.stock-status.outofstock{color:#e74c3c}.stock-qty{color:#fff9;font-size:12px}.product-status-badge{font-size:11px;padding:2px 8px;border-radius:12px;font-weight:600}.product-status-badge.status-publish{background:#10b98133;color:#10b981}.product-status-badge.status-draft{background:#f59e0b33;color:#f59e0b}.product-extra-info{display:flex;gap:10px;margin-top:10px;font-size:12px;flex-wrap:wrap}.featured-badge{padding:4px 8px;background:#fbbf2433;color:#fbbf24;border-radius:6px}.last-modified{color:#ffffff80}.product-labels-list{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.label-tag{font-size:10px;padding:3px 8px;border-radius:12px;font-weight:600;border:1px solid rgba(255,255,255,.2)}.label-tag.label-sale{background:#ef444433;color:#ef4444;border-color:#ef44444d}.label-tag.label-cheapest{background:#10b98133;color:#10b981;border-color:#10b9814d}.label-tag.label-custom{background:#8b5cf633;color:#8b5cf6;border-color:#8b5cf64d}.product-card-actions{display:flex;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}.error-message{border:1px solid #e74c3c;color:#fff;padding:15px;border-radius:8px;margin-bottom:20px}@media (max-width: 1024px){.products-cards-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.products-stats{flex-direction:column;gap:10px}}@media (max-width: 768px){.products-management-container{padding:10px}.products-header{flex-direction:column;gap:10px;padding:15px}.products-header h1{font-size:20px;text-align:center}.header-actions{width:100%;flex-direction:column;gap:10px}.header-actions .btn{width:100%;justify-content:center;padding:12px}.view-mode-toggle{width:100%;display:grid;grid-template-columns:1fr 1fr}.view-btn{padding:10px;font-size:13px}.products-filters{flex-direction:column;gap:15px;padding:15px}.search-box{width:100%}.search-box input{padding:10px;font-size:16px}.category-filter{width:100%}.category-filter select{width:100%;padding:10px;font-size:16px}.products-stats{flex-direction:row;justify-content:space-around;flex-wrap:wrap;gap:10px}.products-stats span{padding:6px 12px;font-size:12px;text-align:center;flex:1;min-width:100px}.products-cards-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px;padding:10px 0}.product-card-item{border-radius:10px;box-shadow:0 2px 8px #0003}.product-card-image{height:120px}.product-card-content{padding:10px}.product-card-content h3{font-size:14px;margin-bottom:6px;line-height:1.2}.product-card-header{flex-direction:column;align-items:flex-start;gap:6px}.product-badges{width:100%}.product-status-badge,.product-type-badge{font-size:10px;padding:2px 6px}.product-extra-info{font-size:11px;gap:6px}.featured-badge{padding:2px 6px;font-size:10px}.product-labels-list{gap:4px}.label-tag{font-size:9px;padding:2px 6px}.product-sku{font-size:10px}.product-categories{gap:4px;margin-bottom:8px}.category-badge{padding:2px 6px;font-size:10px}.product-price{flex-wrap:wrap;margin-bottom:8px}.sale-price{font-size:16px}.regular-price{font-size:12px}.product-stock{flex-wrap:wrap;gap:5px;margin-bottom:10px}.product-card-actions{display:flex;flex-direction:column;gap:6px}.product-card-actions .btn{padding:6px;font-size:11px;justify-content:center}.loading-overlay{padding:20px}.loading-overlay p{font-size:14px;margin-top:15px}.error-message{font-size:14px;padding:12px;margin:10px}}@media (max-width: 480px){.products-header h1{font-size:18px}.btn{font-size:13px;padding:10px 15px}.products-stats{flex-direction:column}.products-stats span{width:100%}.product-card-content h3{font-size:14px}.product-label{font-size:10px;padding:3px 8px;top:5px;right:5px}}@media (hover: none) and (pointer: coarse){.btn{min-height:44px}.view-btn{min-height:40px}.product-card-actions .btn{min-height:36px}input,select,button{min-height:40px}}.profits-container{padding:20px;min-height:100vh}.profits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #333}.profits-header h1{color:#fff;font-size:28px;margin:0}.header-controls{display:flex;align-items:center;gap:20px}.refresh-btn{padding:8px 16px;background:#374151;border:1px solid #4b5563;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.refresh-btn:hover{background:#4b5563}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn.refreshing{animation:rotate 1s linear infinite}.period-selector{display:flex;gap:10px}.period-btn{padding:8px 16px;background:#242424;border:1px solid #333;border-radius:8px;color:#a1a1aa;font-size:14px;cursor:pointer;transition:all .3s ease}.period-btn:hover{background:#2a2a2a;color:#fff}.period-btn.active{background:#7c3aed;border-color:#7c3aed;color:#fff}@media (min-width: 1400px){.summary-cards{grid-template-columns:repeat(5,1fr)}}@media (max-width: 768px){.summary-cards{grid-template-columns:repeat(2,1fr);gap:10px}}.summary-card.revenue{border-top:3px solid #7c3aed}.summary-card.profit{border-top:3px solid #10b981}.summary-card.costs{border-top:3px solid #ef4444}.summary-card.fees{border-top:3px solid #f59e0b}.summary-card.delivery-stats{border-top:3px solid #3b82f6}.card-header .icon{font-size:20px}.card-value{color:#fff;font-size:24px;font-weight:700;margin-bottom:8px;direction:ltr;text-align:right;flex:1}.card-subtitle{color:#666;font-size:13px}.profit-details{display:flex;flex-direction:column;gap:12px;margin-top:5px}.profit-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.profit-row:last-child{border-bottom:none;padding-bottom:0}.profit-label{color:#a1a1aa;font-size:13px;flex:1}.profit-value{color:#fff;font-size:20px;font-weight:600;direction:ltr}.profit-percent{color:#10b981;font-size:12px;font-weight:500;background:#10b9811a;padding:2px 8px;border-radius:4px;white-space:nowrap}.fees-breakdown,.delivery-breakdown{display:flex;flex-direction:column;gap:3px;margin-top:6px;font-size:11px;color:#a1a1aa}.delivery-breakdown.compact{gap:2px}.fees-breakdown div,.delivery-breakdown div{display:flex;justify-content:space-between;align-items:center;padding:1px 0;border-bottom:1px solid rgba(255,255,255,.05)}.fees-breakdown div span:last-child,.delivery-breakdown div span:last-child{font-weight:500;color:#d1d5db}.fees-breakdown div:last-child,.delivery-breakdown div:last-child{border-bottom:none}.chart-section{margin-bottom:30px}.chart-card{background:#242424;border-radius:12px;padding:25px;border:1px solid #333}.chart-card h3{color:#fff;font-size:18px;margin:0 0 20px;padding-bottom:15px;border-bottom:1px solid #333}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:20px;margin-bottom:30px}.products-profit-table{background:#242424;border-radius:12px;padding:25px;border:1px solid #333;overflow-x:auto}.products-profit-table h3{color:#fff;font-size:18px;margin:0 0 20px;padding-bottom:15px;border-bottom:1px solid #333}.products-profit-table table{width:100%;border-collapse:collapse}.products-profit-table thead{background:#1a1a1a}.products-profit-table th{padding:12px;text-align:left;color:#a1a1aa;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #333}.products-profit-table tbody tr{border-bottom:1px solid #333;transition:background .2s}.products-profit-table tbody tr:hover{background:#2a2a2a}.products-profit-table td{padding:12px;color:#fff;font-size:14px}.products-profit-table .product-name{font-weight:500;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.products-profit-table .positive{color:#10b981;font-weight:600}.products-profit-table .negative{color:#ef4444;font-weight:600}.products-profit-table .high{color:#10b981}.products-profit-table .medium{color:#f59e0b}.products-profit-table .low{color:#ef4444}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.spinner{width:50px;height:50px;border:3px solid #333;border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite}.loading-overlay p{color:#fff;margin-top:20px;font-size:16px}@media (max-width: 768px){.summary-cards{grid-template-columns:repeat(2,1fr);gap:10px}.summary-card{padding:12px}.card-header h3{font-size:11px}.card-value{font-size:18px}.profit-row{padding:6px 0}.profit-label{font-size:11px}.profit-value{font-size:16px}.fees-breakdown,.delivery-breakdown{font-size:10px}.charts-grid{grid-template-columns:1fr}.products-profit-table{padding:15px}.products-profit-table table{font-size:12px}.products-profit-table th,.products-profit-table td{padding:8px}}.month-picker-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.month-picker-content{background:#242424;border-radius:12px;padding:30px;box-shadow:0 10px 40px #00000080;min-width:350px;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.month-picker-content h3{color:#fff;margin:0 0 20px;text-align:center;font-size:20px}.month-picker-controls{display:flex;gap:15px;margin-bottom:25px}.month-select,.year-select{flex:1;padding:10px 15px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.month-select:hover,.year-select:hover{border-color:#7c3aed;background:#2a2a2a}.month-select:focus,.year-select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed33}.month-picker-actions{display:flex;gap:10px;justify-content:center}.month-picker-actions button{padding:10px 25px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn{background:#7c3aed;color:#fff}.submit-btn:hover{background:#6d28d9;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.cancel-btn{background:#333;color:#a1a1aa}.cancel-btn:hover{background:#404040;color:#fff}.stock-container{padding:24px;min-height:100vh;color:#fff}.stock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.stock-header-content h1{font-size:32px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stock-subtitle{color:#a1a1aa;font-size:14px;margin:0}.stock-header-actions{display:flex;gap:12px}.stock-btn{padding:10px 20px;border-radius:8px;border:none;font-weight:500;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.stock-btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.stock-btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.stock-btn:disabled{opacity:.5;cursor:not-allowed}.stock-btn-small{padding:6px 12px;font-size:12px}.stock-controls{display:flex;gap:20px;margin-bottom:24px;flex-wrap:wrap}.store-selector{display:flex;align-items:center;gap:12px}.store-selector label{font-size:14px;color:#a1a1aa;font-weight:500}.store-dropdown{padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;min-width:250px;cursor:pointer;transition:all .2s}.store-dropdown:hover{background:#ffffff14;border-color:#fff3}.store-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.stock-search{flex:1;min-width:300px}.stock-search-input{width:100%;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;transition:all .2s}.stock-search-input::placeholder{color:#6b7280}.stock-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.stock-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stock-summary-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;display:flex;gap:16px;transition:all .3s}.stock-summary-card:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.stock-summary-card.worth-card{background:linear-gradient(135deg,#10b9811a,#3b82f61a);border-color:#10b9814d}.stock-card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#3b82f633;color:#3b82f6;font-size:24px}.worth-card .stock-card-icon{background:#10b98133;color:#10b981}.stock-card-content{flex:1}.stock-card-content h3{font-size:12px;font-weight:500;color:#a1a1aa;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.stock-card-value{font-size:28px;font-weight:700;color:#fff;margin-bottom:4px}.stock-card-label{font-size:13px;color:#6b7280}.stock-products-table-container{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.stock-products-table{width:100%;border-collapse:collapse}.stock-products-table thead{background:#ffffff0d}.stock-products-table th{padding:16px;text-align:left;font-size:13px;font-weight:600;color:#a1a1aa;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.stock-products-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}.stock-products-table tbody tr{transition:all .2s}.stock-products-table tbody tr:hover{background:#ffffff08}.expandable-row{cursor:pointer}.expandable-row:hover{background:#3b82f60d}.store-detail-row{background:#ffffff05;font-size:13px}.store-detail-row:hover{background:#ffffff08}.store-name-cell{padding-left:32px;color:#a1a1aa}.product-name{font-weight:500;color:#fff}.product-unit{color:#6b7280;font-size:12px}.product-codes{display:flex;flex-direction:column;gap:4px}.product-sku{color:#e5e7eb;font-family:monospace;font-size:13px}.product-barcode{color:#6b7280;font-family:monospace;font-size:12px}.stock-quantity,.warehouse-quantity,.total-quantity{text-align:center;font-family:monospace}.stock-quantity{color:#3b82f6}.warehouse-quantity{color:#8b5cf6}.total-quantity{color:#10b981}.buying-price{text-align:right;color:#a1a1aa}.product-worth{text-align:right;color:#10b981}.stock-empty-state{padding:60px 20px;text-align:center;color:#6b7280}.stock-empty-state svg{font-size:48px;margin-bottom:16px;color:#4b5563}.stock-empty-state p{font-size:16px;margin:0}.stock-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px;margin-bottom:24px;color:#ef4444}.stock-error svg{font-size:20px}@media (max-width: 768px){.stock-container{padding:12px}.stock-header{flex-direction:column;align-items:stretch;gap:16px}.stock-header-content h1{font-size:24px}.stock-controls{flex-direction:column}.store-selector{flex-direction:column;align-items:stretch}.store-dropdown{width:100%}.stock-search{min-width:auto}.stock-summary-cards{grid-template-columns:1fr}.stock-products-table-container{overflow-x:auto}.stock-products-table{min-width:700px}.stock-products-table th,.stock-products-table td{padding:10px;font-size:12px}}.warehouse-groups-section{margin-bottom:32px;padding:24px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.warehouse-groups-title{font-size:20px;font-weight:600;margin:0 0 20px;color:#fff}.warehouse-groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.warehouse-group-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;transition:all .2s}.warehouse-group-card:hover{background:#ffffff14;transform:translateY(-2px)}.warehouse-group-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.warehouse-group-header h3{margin:0;font-size:18px;font-weight:600;color:#10b981}.warehouse-group-desc{margin:4px 0 0;font-size:13px;color:#a1a1aa}.warehouse-group-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.warehouse-stat{display:flex;flex-direction:column}.stat-label{font-size:12px;color:#a1a1aa;margin-bottom:4px}.stat-value{font-size:16px;font-weight:600;color:#fff}.worth-stat{grid-column:1 / -1;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.worth-stat .stat-value{color:#10b981;font-size:18px}.warehouse-group-stores{font-size:12px;color:#a1a1aa;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.warehouse-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:#3b82f633;color:#60a5fa;font-size:11px;font-weight:500;border-radius:4px;vertical-align:middle}.expenses-tab{padding:20px;max-width:1200px;margin:0 auto}.expenses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid rgba(124,58,237,.2)}.expenses-header h2{color:#fff;font-size:24px;margin:0}.total-expenses{background:linear-gradient(135deg,#667eea,#764ba2);padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:10px}.total-expenses .label{color:#ffffffe6;font-size:14px}.total-expenses .amount{color:#fff;font-size:20px;font-weight:600}.add-expense-section{background:#242424;border-radius:12px;padding:25px;margin-bottom:30px;border:1px solid rgba(124,58,237,.2)}.add-expense-section h3{color:#fff;margin-top:0;margin-bottom:20px;font-size:18px}.expense-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#a1a1aa;font-size:14px;font-weight:500}.form-group input{background:#1a1a1a;border:1px solid rgba(124,58,237,.3);border-radius:8px;padding:12px 15px;color:#fff;font-size:14px;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.date-picker{cursor:pointer}.date-picker::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer;padding:5px}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #7c3aed4d}.btn-save:disabled{opacity:.5;cursor:not-allowed}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:10px 15px;border-radius:8px;font-size:14px}.success-message{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981;padding:10px 15px;border-radius:8px;font-size:14px}.expenses-list-section{background:#242424;border-radius:12px;padding:25px;border:1px solid rgba(124,58,237,.2)}.expenses-list-section h3{color:#fff;margin-top:0;margin-bottom:20px;font-size:18px}.loading{text-align:center;color:#a1a1aa;padding:40px;font-size:14px}.no-expenses{text-align:center;padding:60px 20px}.no-expenses p{color:#a1a1aa;margin:10px 0}.no-expenses .hint{color:#71717a;font-size:14px}.expenses-groups{display:flex;flex-direction:column;gap:25px}.expense-month-group{background:#1a1a1a;border-radius:10px;padding:20px;border:1px solid rgba(124,58,237,.15)}.month-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(124,58,237,.1)}.month-header h4{color:#7c3aed;margin:0;font-size:16px;font-weight:600}.month-total{color:#fff;font-size:16px;font-weight:600}.expenses-list{display:flex;flex-direction:column;gap:10px}.expense-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#242424;border-radius:8px;transition:all .2s ease}.expense-item:hover{background:#7c3aed0d;transform:translate(5px)}.expense-info{display:flex;flex-direction:column;gap:4px;flex:1}.expense-description{color:#fff;font-size:15px;font-weight:500}.expense-date{color:#71717a;font-size:13px}.expense-actions{display:flex;align-items:center;gap:15px}.expense-amount{color:#10b981;font-size:16px;font-weight:600;min-width:80px;text-align:right}.btn-delete{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:16px}.btn-delete:hover{background:#ef444433;border-color:#ef44444d;transform:scale(1.1)}@media (max-width: 768px){.expenses-tab{padding:15px}.expenses-header{flex-direction:column;gap:15px;align-items:stretch}.total-expenses{justify-content:center}.form-row{grid-template-columns:1fr;gap:15px}.add-expense-section,.expenses-list-section{padding:20px}.expense-month-group{padding:15px}.expense-item{flex-direction:column;align-items:stretch;gap:10px}.expense-actions{justify-content:space-between}.btn-save{width:100%}.month-header{flex-direction:column;gap:8px;align-items:flex-start}}.settings-container{padding:20px;background:#1a1a1a;min-height:100vh}.settings-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #333}.settings-header h1{color:#fff;font-size:28px;margin:0 0 10px}.settings-subtitle{color:#a1a1aa;font-size:14px;margin:0}.settings-message{padding:12px 20px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500;animation:slideIn .3s ease}.settings-message.success{background:#10b9811a;border:1px solid #10b981;color:#10b981}.settings-message.error{background:#ef44441a;border:1px solid #ef4444;color:#ef4444}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:1px solid #333;padding-bottom:0}.tab-btn{padding:12px 24px;background:transparent;border:none;border-bottom:2px solid transparent;color:#a1a1aa;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.tab-btn:hover{color:#fff;background:#242424}.tab-btn.active{color:#fff;border-bottom-color:#7c3aed;background:#242424}.settings-content{background:#242424;border-radius:12px;padding:30px;border:1px solid #333}.section-description{color:#a1a1aa;font-size:14px;margin:0 0 25px}.payment-fees h2,.delivery-fees h2,.other-fees h2{color:#fff;font-size:20px;margin:0 0 10px}.fees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.fee-card{background:#1a1a1a;border:1px solid #333;border-radius:10px;padding:20px;transition:transform .2s,box-shadow .2s}.fee-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.fee-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #333}.fee-header h3{color:#fff;font-size:16px;margin:0}.method-id{color:#666;font-size:12px;font-family:monospace;background:#333;padding:4px 8px;border-radius:4px}.fee-inputs{display:flex;gap:15px;margin-bottom:20px}.input-group{flex:1}.input-group label{display:block;color:#a1a1aa;font-size:12px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.input-group input{width:100%;padding:8px 12px;background:#242424;border:1px solid #333;border-radius:6px;color:#fff;font-size:14px}.input-group input:focus{outline:none;border-color:#7c3aed}.fee-preview{background:#2a2a2a;border-radius:6px;padding:10px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.fee-preview span{color:#a1a1aa;font-size:13px}.fee-preview strong{color:#f59e0b;font-size:14px}.save-btn{width:100%;padding:10px;background:#7c3aed;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .3s ease}.save-btn:hover{background:#6d28d9}.save-btn:disabled{opacity:.5;cursor:not-allowed}.fees-list{display:flex;flex-direction:column;gap:20px}.fee-item{background:#1a1a1a;border:1px solid #333;border-radius:10px;padding:20px;display:flex;justify-content:space-between;align-items:center;transition:transform .2s,box-shadow .2s}.fee-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.fee-info h3{color:#fff;font-size:16px;margin:0 0 6px}.fee-info p{color:#a1a1aa;font-size:13px;margin:0}.fee-control{display:flex;align-items:center;gap:10px}.fee-control input{width:100px;padding:8px 12px;background:#242424;border:1px solid #333;border-radius:6px;color:#fff;font-size:14px;text-align:right}.fee-control input:focus{outline:none;border-color:#7c3aed}.currency{color:#a1a1aa;font-size:14px}.fee-control button{padding:8px 20px;background:#7c3aed;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .3s ease}.fee-control button:hover{background:#6d28d9}.fee-control button:disabled{opacity:.5;cursor:not-allowed}.settings-footer{margin-top:30px}.info-box{background:#242424;border:1px solid #333;border-radius:12px;padding:20px;border-left:4px solid #7c3aed}.info-box h3{color:#fff;font-size:16px;margin:0 0 15px}.info-box ul{list-style:none;padding:0;margin:0}.info-box li{color:#a1a1aa;font-size:13px;margin-bottom:8px;padding-right:20px;position:relative}.info-box li:before{content:"✓";position:absolute;right:0;color:#10b981}.settings-loading,.settings-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#fff}.spinner{width:50px;height:50px;border:3px solid #333;border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.settings-error button{margin-top:20px;padding:10px 20px;background:#7c3aed;border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer}.settings-error button:hover{background:#6d28d9}@media (max-width: 768px){.settings-container{padding:15px}.fees-grid{grid-template-columns:1fr}.fee-inputs{flex-direction:column}.fee-item{flex-direction:column;align-items:stretch;gap:15px}.fee-control{justify-content:space-between}.settings-tabs{overflow-x:auto}.tab-btn{white-space:nowrap}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{background-color:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:3rem;width:100%;max-width:400px}.login-card h1{font-size:2rem;margin-bottom:.5rem;text-align:center}.login-card p{text-align:center;margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.error-message{background-color:#ef44441a;color:var(--status-danger);padding:.75rem;border-radius:var(--radius-md);font-size:.875rem;text-align:center}.login-form button{padding:.75rem;font-size:1rem;margin-top:.5rem;display:flex;align-items:center;justify-content:center;min-height:44px}.fixed-invoices-container{padding:24px;min-height:100vh;color:#fff}.header-content h1{font-size:32px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.summary-card.orders-fixed{border-top:3px solid #10b981}.summary-card.check-status{border-top:3px solid #f59e0b}.summary-card.success-rate{border-top:3px solid #8b5cf6}.filter-group input[type=date]:focus{outline:none;border-color:#667eea;background:#ffffff14}.invoices-table-container{background:#1a1a1a;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.invoices-table{width:100%;border-collapse:collapse}.invoices-table thead{background:#ffffff0d}.invoices-table th{text-align:left;padding:16px;font-size:12px;text-transform:uppercase;color:#a1a1aa;letter-spacing:.5px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1)}.invoices-table tbody tr{transition:background .2s;border-bottom:1px solid rgba(255,255,255,.05)}.invoices-table tbody tr:hover{background:#ffffff05}.invoices-table tbody tr:last-child{border-bottom:none}.invoices-table td{padding:16px;font-size:14px;color:#e4e4e7}.order-link{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s}.order-link:hover{color:#764ba2;text-decoration:underline}.invoice-number{font-family:SF Mono,Monaco,monospace;font-size:13px;color:#a1a1aa}.customer-info{display:flex;flex-direction:column;gap:4px}.customer-name{font-weight:500;color:#fff}.customer-email{font-size:12px;color:#71717a}.status-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.status-pending{background:#f59e0b33;color:#f59e0b}.status-processing{background:#3b82f633;color:#3b82f6}.status-completed{background:#10b98133;color:#10b981}.status-cancelled,.status-failed{background:#ef444433;color:#ef4444}.status-default{background:#a1a1aa33;color:#a1a1aa}@media (max-width: 1024px){.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.fixed-invoices-container{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%}.header-actions .btn{flex:1}.summary-cards{grid-template-columns:1fr}.date-range-filter{flex-direction:column}.invoices-table-container{overflow-x:auto}.invoices-table{min-width:800px}}.cancelled-orders-section{margin-top:40px;padding:24px;background:#1e1e2866;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.cancelled-orders-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.cancelled-orders-section h3{color:#f59e0b;font-size:20px;font-weight:600;margin:0}.scan-controls{display:flex;align-items:center;gap:16px}.scan-controls label{display:flex;align-items:center;color:#a1a1aa;font-size:14px}.scan-controls input[type=number]{background:#1e1e2899;border:1px solid rgba(255,255,255,.1);color:#fff;padding:6px 8px;border-radius:6px;font-size:14px}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .3s}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-success:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:4px 10px;font-size:12px}.mobile-invoice-cards{display:none}@media (max-width: 768px){.fixed-invoices-container{padding:12px;min-height:100vh}.page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px;padding-bottom:16px}.header-content h1{font-size:24px;line-height:1.2}.subtitle{font-size:13px;line-height:1.4}.header-actions{width:100%;flex-direction:column;gap:8px}.btn{min-height:44px;padding:12px 16px;font-size:15px;width:100%;justify-content:center;border-radius:10px;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.98)}.summary-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.summary-card{padding:16px;border-radius:10px;flex-direction:column;align-items:flex-start;gap:12px;min-height:120px}.card-icon{width:40px;height:40px;font-size:20px}.card-content h3{font-size:11px;margin-bottom:6px}.card-value{font-size:22px;line-height:1}.card-label{font-size:12px;line-height:1.3}.filters-section{padding:16px;margin-bottom:16px}.date-range-filter{flex-direction:column;gap:12px}.filter-group{width:100%}.filter-group input[type=date]{width:100%;padding:12px 14px;font-size:16px;min-height:44px;-webkit-appearance:none}.invoices-table-container{background:transparent;border:none;padding:0}.invoices-table{display:none}.mobile-invoice-cards{display:flex;flex-direction:column;gap:12px}.mobile-invoice-card{background:#1a1a1a;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.1);position:relative}.mobile-invoice-card:active{background:#ffffff05}.mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05)}.mobile-order-info{flex:1}.mobile-order-number{font-size:16px;font-weight:600;color:#667eea;margin-bottom:4px}.mobile-invoice-number{font-size:12px;color:#a1a1aa;font-family:monospace}.mobile-amount{font-size:18px;font-weight:700;color:#10b981}.mobile-card-body{display:flex;flex-direction:column;gap:8px}.mobile-info-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.mobile-info-label{color:#71717a;font-size:12px}.mobile-info-value{color:#e4e4e7;text-align:right}.mobile-status-row{display:flex;align-items:center;gap:8px;margin-top:8px}.mobile-status-arrow{color:#71717a;font-size:12px}.cancelled-orders-section{margin-top:24px;padding:16px;border-radius:12px}.cancelled-orders-section .section-header{flex-direction:column;align-items:stretch;gap:12px}.cancelled-orders-section h3{font-size:18px}.scan-controls{flex-direction:column;align-items:stretch;gap:12px}.scan-controls label{width:100%}.scan-controls input[type=number]{width:60px;margin-left:8px;padding:8px;font-size:16px}.btn-warning{width:100%;min-height:44px}.loading-overlay{background:#000c}.empty-message{padding:32px 16px!important;font-size:14px}.error-message{margin:16px 0;padding:12px;font-size:13px}}@media (max-width: 480px){.summary-cards{grid-template-columns:1fr}.summary-card{flex-direction:row;align-items:center;min-height:auto}.card-icon{width:36px;height:36px;font-size:18px}.header-content h1,.card-value{font-size:20px}}@media (min-width: 769px) and (max-width: 1024px){.fixed-invoices-container{padding:20px}.summary-cards{grid-template-columns:repeat(2,1fr);gap:16px}.date-range-filter{flex-wrap:wrap}.btn{min-height:40px}.invoices-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.invoices-table{min-width:900px}.invoices-table-container:after{content:"→";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#ffffff4d;font-size:24px;pointer-events:none;animation:scrollHint 2s ease-in-out infinite}@keyframes scrollHint{0%,to{opacity:.3;transform:translateY(-50%) translate(0)}50%{opacity:.8;transform:translateY(-50%) translate(5px)}}}@media (max-width: 812px) and (orientation: landscape){.fixed-invoices-container{padding:12px}.page-header{margin-bottom:16px;padding-bottom:12px}.header-content h1{font-size:20px}.summary-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.summary-card{padding:12px;min-height:auto}.card-value{font-size:18px}.card-icon{width:32px;height:32px;font-size:16px}}@media (hover: none) and (pointer: coarse){.invoices-table tbody tr:hover{background:transparent}.summary-card:hover{transform:none;border-color:#ffffff1a;box-shadow:none}.btn:hover{transform:none;box-shadow:none}.btn:active,.summary-card:active,.mobile-invoice-card:active{opacity:.8}}@media (max-width: 768px) and (prefers-color-scheme: dark){.mobile-invoice-card{background:#0f0f0f;border-color:#ffffff0d}}@media print{.header-actions,.filters-section,.btn{display:none!important}.fixed-invoices-container{padding:0;background:#fff;color:#000}.invoices-table{display:table!important}.mobile-invoice-cards{display:none}}.sumit-payments-container{padding:24px;min-height:100vh;color:#fff}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.header-content h1{font-size:32px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:#a1a1aa;font-size:14px;margin:0}.btn{padding:10px 20px;border-radius:8px;border:none;font-weight:500;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-icon-small{padding:6px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#3b82f61a;color:#3b82f6;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon-small:hover{background:#3b82f633;border-color:#3b82f6;transform:translateY(-1px)}.btn-icon-small svg{width:16px;height:16px}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover:not(:disabled){background:#ffffff26}.btn-danger{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover:not(:disabled){background:#ef44444d;border-color:#ef444480}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:#242424;border-radius:12px;padding:18px;border:1px solid #333;transition:transform .3s ease,box-shadow .3s ease;min-height:140px;display:flex;flex-direction:column}.summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.summary-card.total-payments{border-top:3px solid #3b82f6}.summary-card.total-amount{border-top:3px solid #10b981}.summary-card.linked-orders{border-top:3px solid #8b5cf6}.summary-card.sync-status{border-top:3px solid #f59e0b}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-header h3{color:#a1a1aa;font-size:13px;font-weight:500;margin:0;text-transform:uppercase;letter-spacing:.5px}.card-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#71717a}.card-value{font-size:28px;font-weight:700;margin:8px 0 4px;color:#fff;flex:1}.card-subtitle{font-size:13px;color:#71717a;margin-top:4px}.filters-section{background:#1a1a1a;border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid rgba(255,255,255,.1)}.filters-row{display:flex;gap:20px;align-items:flex-end}.search-filter{flex:1;position:relative}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#71717a;font-size:18px}.search-filter input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px 10px 42px;color:#fff;font-size:14px;transition:all .2s}.search-filter input::placeholder{color:#71717a}.search-filter input:focus{outline:none;border-color:#3b82f6;background:#ffffff14}.date-range-filter{display:flex;gap:20px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:12px;text-transform:uppercase;color:#a1a1aa;letter-spacing:.5px}.filter-group input[type=date]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;color:#fff;font-size:14px;transition:all .2s}.filter-group input[type=date]:focus{outline:none;border-color:#3b82f6;background:#ffffff14}.payments-table-container{background:#1a1a1a;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.payments-table{width:100%;border-collapse:collapse}.payments-table thead{background:#ffffff0d}.payments-table th{text-align:left;padding:16px;font-size:12px;text-transform:uppercase;color:#a1a1aa;letter-spacing:.5px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1)}.payments-table tbody tr{transition:background .2s;border-bottom:1px solid rgba(255,255,255,.05)}.payments-table tbody tr:hover{background:#ffffff05}.payments-table tbody tr:last-child{border-bottom:none}.payments-table td{padding:16px;font-size:14px;color:#e4e4e7}.empty-message{text-align:center;color:#71717a;padding:40px!important;font-style:italic}.date-time{display:flex;flex-direction:column;gap:4px}.date{font-weight:500;color:#fff}.time{font-size:12px;color:#71717a}.document-number{font-family:SF Mono,Monaco,monospace;font-size:13px;color:#a1a1aa}.customer-name{font-weight:500}.contact-info{display:flex;flex-direction:column;gap:4px}.contact-info .email{font-size:13px;color:#a1a1aa}.contact-info .phone{font-size:13px;color:#71717a}.amount{font-weight:600;color:#10b981;font-size:15px}.order-link{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s}.order-link:hover{color:#8b5cf6;text-decoration:underline}.no-order{color:#71717a}.description{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#a1a1aa}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px;padding:20px;background:#1a1a1a;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.pagination-btn{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#ffffff26}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:#a1a1aa;font-size:14px}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:12px;color:#ef4444;margin-top:24px}@media (max-width: 1024px){.summary-cards{grid-template-columns:repeat(2,1fr)}.filters-row{flex-direction:column}.search-filter{width:100%}}@media (max-width: 768px){.sumit-payments-container{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;display:grid;grid-template-columns:repeat(2,1fr)}.summary-cards{grid-template-columns:1fr}.date-range-filter{flex-direction:column;width:100%}.payments-table-container{overflow-x:auto}.payments-table{min-width:900px}.pagination{flex-direction:column;gap:12px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1e1e1e;border-radius:8px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;color:#fff}.btn-close{background:none;border:none;color:#999;font-size:28px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.btn-close:hover{color:#fff}.modal-body{padding:20px;color:#e0e0e0}.test-scrape-info{margin-bottom:20px;padding:15px;background:#ffffff0d;border-radius:4px}.test-scrape-info h3{margin-top:0;margin-bottom:10px;color:#fff}.test-scrape-info p{margin:5px 0}.test-scrape-info .error{color:#ff6b6b}.test-scrape-orders{margin-bottom:20px}.test-scrape-orders h3{color:#fff;margin-bottom:15px}.test-scrape-table{width:100%;border-collapse:collapse;background:#ffffff0d}.test-scrape-table th,.test-scrape-table td{padding:10px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.test-scrape-table th{background:#ffffff1a;color:#fff;font-weight:500}.test-scrape-raw h3{color:#fff;margin-bottom:10px}.btn-info{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-info:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.mobile-payment-cards{display:none}@media (max-width: 768px){.sumit-payments-container{padding:12px;min-height:100vh}.page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px;padding-bottom:16px}.header-content h1{font-size:24px;line-height:1.2}.subtitle{font-size:13px;line-height:1.4}.header-actions{width:100%;flex-direction:column;gap:8px}.btn{min-height:44px;padding:12px 16px;font-size:15px;width:100%;justify-content:center;border-radius:10px;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.98)}.btn-icon-small{min-width:36px;min-height:36px;padding:8px}.mobile-header-actions{display:flex;align-items:center;gap:8px}.summary-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.summary-card{padding:16px;border-radius:10px;flex-direction:column;align-items:flex-start;gap:12px;min-height:120px}.card-icon{width:40px;height:40px;font-size:20px}.card-content h3{font-size:11px;margin-bottom:6px}.card-value{font-size:22px;line-height:1}.card-label{font-size:12px;line-height:1.3}.filters-section{padding:16px;margin-bottom:16px}.filters-row{flex-direction:column;gap:12px}.filter-group{width:100%}.filter-group input[type=date],.filter-group input[type=text],.filter-group select{width:100%;padding:12px 14px;font-size:16px;min-height:44px;-webkit-appearance:none}.filter-buttons{width:100%;flex-direction:column;gap:8px}.payments-table-container{background:transparent;border:none;padding:0}.payments-table{display:none}.mobile-payment-cards{display:flex;flex-direction:column;gap:12px}.mobile-payment-card{background:#1a1a1a;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.1);position:relative}.mobile-payment-card:active{background:#ffffff05}.mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05)}.mobile-document-info{flex:1}.mobile-document-number{font-size:16px;font-weight:600;color:#3b82f6;margin-bottom:4px}.mobile-order-number{font-size:12px;color:#a1a1aa;font-family:monospace}.mobile-amount{font-size:18px;font-weight:700;color:#10b981}.mobile-card-body{display:flex;flex-direction:column;gap:8px}.mobile-info-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.mobile-info-label{color:#71717a;font-size:12px}.mobile-info-value{color:#e4e4e7;text-align:right}.mobile-status-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-top:8px}.mobile-status-badge.synced{background:#10b98133;color:#10b981}.mobile-status-badge.pending{background:#f59e0b33;color:#f59e0b}.mobile-status-badge.error{background:#ef444433;color:#ef4444}.monthly-stats-section{margin-top:24px;padding:16px;border-radius:12px}.monthly-stats-grid{display:grid;grid-template-columns:1fr;gap:12px}.month-card{padding:12px}.month-header h4{font-size:14px}.month-stats{flex-direction:column;gap:8px;margin-top:8px}.stat-item{width:100%;padding:8px;justify-content:space-between}.stat-label{font-size:12px}.stat-value{font-size:14px}.sync-status{padding:12px;margin-bottom:16px;font-size:13px}.sync-info{flex-direction:column;gap:8px}.loading-overlay{background:#000c}.empty-message{padding:32px 16px!important;font-size:14px}.error-message{margin:16px 0;padding:12px;font-size:13px}.pagination{flex-wrap:wrap;justify-content:center;gap:8px;padding:16px 0}.pagination button{min-width:44px;min-height:44px;padding:8px 12px;font-size:14px}}@media (max-width: 480px){.summary-cards{grid-template-columns:1fr}.summary-card{flex-direction:row;align-items:center;min-height:auto}.card-icon{width:36px;height:36px;font-size:18px}.header-content h1,.card-value{font-size:20px}.mobile-payment-card{padding:12px}.mobile-document-number{font-size:14px}.mobile-amount{font-size:16px}}@media (min-width: 769px) and (max-width: 1024px){.sumit-payments-container{padding:20px}.summary-cards{grid-template-columns:repeat(2,1fr);gap:16px}.filters-row{flex-wrap:wrap}.btn{min-height:40px}.payments-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.payments-table{min-width:1000px}.payments-table-container:after{content:"→";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#ffffff4d;font-size:24px;pointer-events:none;animation:scrollHint 2s ease-in-out infinite}@keyframes scrollHint{0%,to{opacity:.3;transform:translateY(-50%) translate(0)}50%{opacity:.8;transform:translateY(-50%) translate(5px)}}.monthly-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 812px) and (orientation: landscape){.sumit-payments-container{padding:12px}.page-header{margin-bottom:16px;padding-bottom:12px}.header-content h1{font-size:20px}.summary-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.summary-card{padding:12px;min-height:auto}.card-value{font-size:18px}.card-icon{width:32px;height:32px;font-size:16px}}@media (hover: none) and (pointer: coarse){.payments-table tbody tr:hover{background:transparent}.summary-card:hover{transform:none;border-color:#ffffff1a;box-shadow:none}.btn:hover{transform:none;box-shadow:none}.btn:active,.summary-card:active,.mobile-payment-card:active,.month-card:active{opacity:.8}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px) and (prefers-color-scheme: dark){.mobile-payment-card{background:#0f0f0f;border-color:#ffffff0d}.month-card{background:#1e1e284d}}@media print{.header-actions,.filters-section,.btn,.pagination{display:none!important}.sumit-payments-container{padding:0;background:#fff;color:#000}.payments-table{display:table!important}.mobile-payment-cards{display:none}}.free-product-selector{margin-top:20px;padding:20px;background:#2a2a2a;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.section-header svg{color:#4caf50}.section-description{margin:0 0 16px;color:#aaa;font-size:14px}.free-product-search{position:relative;margin-bottom:20px}.search-input:focus{outline:none;border-color:#4caf50;background:#222}.search-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:#4caf50}.product-result-item.selected{background-color:#4caf501a;cursor:default}.add-product-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.add-product-btn:hover{background:#45a049}.selected-badge{padding:4px 8px;background:#4caf50;color:#fff;border-radius:4px;font-size:12px;font-weight:500}.selected-free-products h4{margin:0 0 12px;font-size:14px;color:#fff}.free-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.free-product-card{position:relative;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px;transition:all .2s}.free-product-card:hover{border-color:#fff3;box-shadow:0 4px 12px #0000004d}.free-product-card .product-image{width:60px;height:60px;object-fit:cover;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:#2a2a2a}.free-product-card .product-details{flex:1;min-width:0}.free-product-card .product-name{font-size:13px;font-weight:500;color:#fff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.free-product-card .product-price{font-size:12px;color:#666;text-decoration:line-through;margin-bottom:4px}.free-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:#4caf50;color:#fff;border-radius:4px;font-size:11px;font-weight:500}.remove-product-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:4px;cursor:pointer;color:#f44336;transition:all .2s}.remove-product-btn svg{width:18px;height:18px;stroke-width:2.5}.tab-content{position:relative}.free-product-search.dropdown-open{margin-bottom:320px}@media (max-width: 768px){.free-products-grid{grid-template-columns:1fr}.free-product-card{flex-direction:row}.search-dropdown{max-height:200px}}.product-requirements{margin-top:20px;padding:20px;background:#2a2a2a;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.section-header svg{color:#ff9800}.section-header h3{margin:0;font-size:18px;color:#fff}.section-description{margin:0 0 20px;color:#aaa;font-size:14px}.field-description{display:block;margin-top:4px;color:#888;font-size:12px;font-weight:400}.requirement-logic-selector{margin-bottom:20px;padding:16px;background:#1a1a1a;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.logic-label{display:block;margin-bottom:12px;font-size:14px;color:#fff;font-weight:500}.logic-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.logic-option{position:relative;display:flex;align-items:center;padding:12px;background:#2a2a2a;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s}.logic-option:hover{background:#333;border-color:#ff9f004d}.logic-option.selected{background:#ff9f001a;border-color:#ff9800}.logic-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.option-text{display:flex;flex-direction:column;gap:4px}.option-text strong{color:#fff;font-size:14px}.option-text small{color:#888;font-size:12px;font-weight:400}.requirement-product-search{position:relative;margin-bottom:20px}.search-input-wrapper{position:relative}.search-input{width:100%;padding:10px 40px 10px 12px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:14px;color:#fff;transition:border-color .2s}.search-input::placeholder{color:#666}.search-input:focus{outline:none;border-color:#ff9800;background:#222}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.search-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:#ff9800}.search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#1a1a1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;box-shadow:0 10px 30px #00000080;max-height:300px;overflow-y:auto;z-index:10000;margin-bottom:20px}.search-dropdown::-webkit-scrollbar{width:8px}.search-dropdown::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.search-dropdown::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.search-dropdown::-webkit-scrollbar-thumb:hover{background:#555}.product-result-item{display:flex;align-items:center;padding:12px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid rgba(255,255,255,.05);background:#1a1a1a}.product-result-item:last-child{border-bottom:none}.product-result-item:hover{background-color:#2a2a2a}.product-result-item.selected{background-color:#ff9f001a;cursor:default}.product-thumb{width:48px;height:48px;object-fit:cover;border-radius:4px;margin-right:12px;border:1px solid rgba(255,255,255,.1);background:#2a2a2a}.product-info{flex:1;min-width:0}.product-name{font-size:14px;font-weight:500;color:#fff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-meta{display:flex;gap:12px;font-size:12px;color:#aaa}.product-sku{color:#666}.product-price{font-weight:500;color:#4caf50}.add-product-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ff9800;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.add-product-btn:hover{background:#f57c00}.selected-badge{padding:4px 8px;background:#ff9800;color:#fff;border-radius:4px;font-size:12px;font-weight:500}.required-products-display{margin-top:20px}.requirement-info{display:flex;align-items:center;gap:8px;padding:12px;background:#ff9f001a;border:1px solid rgba(255,159,0,.3);border-radius:6px;margin-bottom:16px;color:#ff9800;font-size:14px}.requirement-info svg{flex-shrink:0}.required-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.required-product-card{position:relative;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px;transition:all .2s}.required-product-card:hover{border-color:#ff9f004d;box-shadow:0 4px 12px #0000004d}.required-product-card .product-image{width:60px;height:60px;object-fit:cover;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:#2a2a2a}.required-product-card .product-details{flex:1;min-width:0}.required-product-card .product-name{font-size:13px;font-weight:500;color:#fff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.required-product-card .product-price{font-size:12px;color:#4caf50;margin-bottom:4px}.requirement-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:#ff9800;color:#fff;border-radius:4px;font-size:11px;font-weight:500}.remove-product-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#2a2a2a;border:1px solid rgba(255,255,255,.1);border-radius:4px;cursor:pointer;color:#aaa;transition:all .2s}.remove-product-btn:hover{background:#f44336;border-color:#f44336;color:#fff}.requirement-product-search.dropdown-open{margin-bottom:320px}@media (max-width: 768px){.logic-options,.required-products-grid{grid-template-columns:1fr}.search-dropdown{max-height:200px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.coupon-modal{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{font-size:20px;font-weight:600;color:#fff}.close-btn{background:none;border:none;color:#888;cursor:pointer;padding:4px;transition:color .2s}.close-btn:hover{color:#fff}.modal-tabs{display:flex;gap:4px;padding:0 24px;background:#0f0f0f;border-bottom:1px solid rgba(255,255,255,.1)}.tab{padding:12px 24px;background:none;border:none;color:#888;cursor:pointer;font-size:14px;font-weight:500;position:relative;transition:color .2s}.tab:hover{color:#ccc}.tab.active{color:#fff}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#8b5cf6}.modal-body{flex:1;overflow-y:auto;padding:24px}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#ccc;font-size:14px;font-weight:500}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group input[type=email],.form-group textarea,.form-group select{width:100%;padding:10px 12px;background:#0f0f0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;transition:border-color .2s;-webkit-appearance:none}.form-group select{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='white' 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 10px center;background-size:20px;padding-right:40px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#8b5cf680}.form-group textarea{resize:vertical;font-family:inherit}.form-group small{display:block;margin-top:4px;color:#666;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-group{margin-bottom:16px}.checkbox-group label{display:flex;align-items:center;color:#ccc;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;margin-right:8px}.product-search{display:flex;gap:8px;margin-bottom:12px}.product-search input{flex:1}.product-search button{padding:10px 16px;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;transition:background .2s}.product-search button:hover{background:#7c3aed}.search-results{background:#0f0f0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;max-height:200px;overflow-y:auto;margin-bottom:16px}.product-result{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}.product-result:hover{background:#ffffff0d}.product-result:last-child{border-bottom:none}.product-result img{width:40px;height:40px;object-fit:cover;border-radius:6px}.product-info{flex:1;display:flex;flex-direction:column;gap:4px}.product-name{color:#fff;font-size:14px;font-weight:500}.product-price{color:#888;font-size:12px}.product-actions{display:flex;gap:8px}.btn-small{padding:6px 12px;font-size:12px;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.btn-small:not(.secondary){background:#8b5cf6;color:#fff}.btn-small:not(.secondary):hover{background:#7c3aed}.btn-small.secondary{background:#2a2a2a;color:#ccc;border:1px solid rgba(255,255,255,.1)}.btn-small.secondary:hover{background:#333}.selected-products{margin-top:16px}.selected-products h4{color:#ccc;font-size:14px;font-weight:500;margin-bottom:12px}.product-chips{display:flex;flex-wrap:wrap;gap:8px}.product-chip{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:20px;font-size:13px;color:#a78bfa}.product-chip.excluded{background:#ef44441a;border-color:#ef444433;color:#f87171}.product-chip img{width:20px;height:20px;object-fit:cover;border-radius:50%}.product-chip button{background:none;border:none;color:inherit;cursor:pointer;padding:0;display:flex;align-items:center;opacity:.6;transition:opacity .2s}.product-chip button:hover{opacity:1}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:200px;overflow-y:auto;padding:12px;background:#0f0f0f;border:1px solid rgba(255,255,255,.1);border-radius:8px}.category-checkbox{display:flex;align-items:center;gap:8px;color:#ccc;font-size:13px;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.category-checkbox:hover{background:#ffffff0d}.category-checkbox input{width:auto}.email-input{display:flex;gap:8px;margin-bottom:12px}.email-input input{flex:1}.email-input button{padding:10px 20px;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;transition:background .2s}.email-input button:hover{background:#7c3aed}.email-list{display:flex;flex-wrap:wrap;gap:8px}.email-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:20px;font-size:13px;color:#60a5fa}.email-chip button{background:none;border:none;color:inherit;cursor:pointer;padding:0;display:flex;align-items:center;opacity:.6;transition:opacity .2s}.email-chip button:hover{opacity:1}.usage-info{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;color:#60a5fa;font-size:14px;margin-top:16px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);background:#0f0f0f}.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary:hover:not(:disabled){background:#7c3aed}.btn-secondary:hover:not(:disabled){background:#333;border-color:#fff3}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-width:100%;width:100%;max-height:90vh;border-radius:16px 16px 0 0;margin:0;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{padding:16px 20px;position:sticky;top:0;background:#1a1a1a;z-index:10;border-radius:16px 16px 0 0}.modal-header h2{font-size:18px}.modal-tabs{padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:sticky;top:60px;background:#0f0f0f;z-index:9}.modal-tabs::-webkit-scrollbar{display:none}.tab{padding:10px 16px;font-size:13px;white-space:nowrap}.modal-body{padding:16px 16px 80px}.modal-footer{position:sticky;bottom:0;padding:16px;background:#0f0f0f;border-top:1px solid rgba(255,255,255,.1);z-index:10}.form-row{grid-template-columns:1fr;gap:12px}.form-group{margin-bottom:16px}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:12px}.categories-grid{grid-template-columns:1fr;max-height:300px}.product-search{flex-direction:column}.product-search input{font-size:16px}.product-search button{width:100%;justify-content:center;padding:12px}.search-results{max-height:250px}.product-result{padding:10px}.product-actions{flex-direction:column;width:100%;gap:4px}.product-actions .btn-small{width:100%;padding:8px}.email-input{flex-direction:column}.email-input input{font-size:16px}.email-input button{width:100%;padding:12px;justify-content:center}.btn{padding:12px 20px;font-size:14px;width:100%}.modal-footer{flex-direction:column;gap:8px}.checkbox-group{padding:8px 0}.checkbox-group label{font-size:14px;padding:4px 0}}@media (max-width: 480px){.modal-content{max-height:95vh}.modal-header{padding:14px 16px}.modal-header h2{font-size:16px}.close-btn{padding:2px}.close-btn svg{width:20px;height:20px}.tab{padding:8px 12px;font-size:12px}.modal-body{padding:12px}.form-section h3{font-size:14px}}.bulk-generate-modal{max-width:700px;max-height:85vh;display:flex;flex-direction:column}.bulk-generate-modal .modal-body{flex:1;overflow-y:auto;max-height:calc(85vh - 160px)}.info-box{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;margin-bottom:24px}.info-box svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.info-box p{color:#93bbfc;font-size:14px;line-height:1.5;margin:0}.form-section{margin-bottom:32px}.form-section:last-child{margin-bottom:0}.form-section h3{color:#fff;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.form-group select{width:100%;padding:10px 40px 10px 12px;background:#0f0f0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;transition:border-color .2s;-webkit-appearance:none;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='white' 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 10px center;background-size:20px}.form-group select option{background:#0f0f0f;color:#fff}.form-group select:focus{outline:none;border-color:#8b5cf680}.preview-box{padding:12px 16px;background:#0f0f0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-top:16px}.preview-box strong{color:#888;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.preview-codes{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.preview-code{padding:6px 12px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);color:#a78bfa;border-radius:6px;font-family:Courier New,monospace;font-size:13px;font-weight:600}.result-container{min-height:400px;display:flex;flex-direction:column}.success-result,.error-result{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px}.result-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.result-icon.success{background:#22c55e1a;color:#22c55e}.result-icon.error{background:#ef44441a;color:#ef4444}.success-result h3,.error-result h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:20px}.error-message{color:#ef4444;font-size:14px;line-height:1.5;margin-top:12px}.result-stats{display:flex;gap:32px;justify-content:center;margin-bottom:24px}.stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{color:#888;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:24px;font-weight:600}.stat-value.success{color:#22c55e}.stat-value.error{color:#ef4444}.created-codes,.failed-codes{width:100%;text-align:left;margin-top:24px}.created-codes h4,.failed-codes h4{color:#ccc;font-size:14px;font-weight:600;margin-bottom:12px}.codes-list{background:#0f0f0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;max-height:200px;overflow-y:auto}.code-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.code-item:last-child{border-bottom:none}.code-item .code{color:#fff;font-family:Courier New,monospace;font-weight:500}.code-item .amount{color:#22c55e;font-weight:600;font-size:13px}.more-codes{text-align:center;color:#666;font-style:italic;padding:8px;font-size:13px}.error-list{background:#ef44440d;border:1px solid rgba(239,68,68,.1);border-radius:8px;padding:12px}.error-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(239,68,68,.1)}.error-item:last-child{border-bottom:none}.error-item .code{color:#f87171;font-family:Courier New,monospace;font-weight:500}.error-item .error{color:#ef4444;font-size:12px;font-style:italic}@media (max-width: 768px){.bulk-generate-modal{max-height:90vh;width:100%;border-radius:16px 16px 0 0}.bulk-generate-modal .modal-body{max-height:calc(90vh - 140px);padding:16px 16px 80px}.info-box{padding:12px;flex-direction:column;text-align:left}.info-box svg{align-self:flex-start}.info-box p{font-size:13px;margin-top:8px}.form-section{margin-bottom:24px}.form-section h3{font-size:15px;margin-bottom:12px}.form-row{grid-template-columns:1fr;gap:12px}.form-group label{font-size:13px}.form-group input,.form-group select{font-size:16px;padding:12px}.preview-box{padding:10px 12px;margin-top:12px}.preview-codes{margin-top:6px}.preview-code{font-size:12px;padding:4px 8px}.checkbox-group{margin-bottom:12px}.checkbox-group label{font-size:14px}.checkbox-group small{font-size:11px}.modal-footer{position:sticky;bottom:0;padding:16px;background:#0f0f0f;border-top:1px solid rgba(255,255,255,.1);z-index:10;flex-direction:column;gap:8px}.modal-footer .btn{width:100%;padding:12px}.result-container{min-height:auto}.success-result,.error-result{padding:16px}.result-icon{width:60px;height:60px;margin-bottom:16px}.result-icon svg{width:36px;height:36px}.success-result h3,.error-result h3{font-size:18px;margin-bottom:16px}.result-stats{flex-direction:column;gap:16px;margin-bottom:20px}.stat-value{font-size:20px}.codes-list{max-height:250px;padding:10px}.code-item{padding:6px 10px;flex-direction:column;align-items:flex-start;gap:4px}.code-item .code{font-size:13px}.code-item .amount{font-size:12px}}@media (max-width: 480px){.bulk-generate-modal{max-height:95vh}.bulk-generate-modal .modal-body{max-height:calc(95vh - 120px);padding:12px}.modal-header{padding:14px 16px}.modal-header h2{font-size:16px}.info-box{padding:10px}.info-box p{font-size:12px}.form-section h3{font-size:14px}.form-group{margin-bottom:12px}.form-group small{font-size:11px}.modal-footer{padding:12px}}.coupons-container{padding:20px;min-height:100vh;color:#fff}.coupons-header{margin-bottom:30px}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.coupons-header h1{font-size:28px;font-weight:600;color:#fff}.header-actions{display:flex;gap:12px}.statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.stat-card{background:linear-gradient(135deg,#1a1a1a,#242424);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px 20px;display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0000004d}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#8b5cf61a;color:#8b5cf6}.stat-icon.active{background:#22c55e1a;color:#22c55e}.stat-icon.expired{background:#ef44441a;color:#ef4444}.stat-icon.usage{background:#3b82f61a;color:#3b82f6}.stat-content{display:flex;flex-direction:column}.stat-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:24px;font-weight:600;color:#fff}.coupons-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px;flex-wrap:wrap}.controls-left{flex:1;min-width:300px}.search-form{display:flex;gap:10px}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:0 12px}.search-input-wrapper svg{color:#666;margin-right:8px}.search-input-wrapper input{flex:1;background:none;border:none;color:#fff;padding:10px 0;outline:none;font-size:14px}.btn-search{padding:10px 20px;background:#8b5cf6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:background .2s}.btn-search:hover{background:#7c3aed}.bulk-actions{display:flex;align-items:center;gap:12px}.selected-count{padding:6px 12px;background:#8b5cf61a;color:#8b5cf6;border-radius:6px;font-size:14px;font-weight:500}.coupons-table-wrapper{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.coupons-table{width:100%;border-collapse:collapse}.coupons-table th{background:#0f0f0f;padding:16px;text-align:left;font-weight:600;color:#888;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.coupons-table td{padding:16px;border-bottom:1px solid rgba(255,255,255,.05);color:#e0e0e0;font-size:14px;vertical-align:middle;height:80px}.coupons-table tbody tr{height:80px}.coupons-table tbody tr:hover{background:#ffffff05}.expired-row{opacity:.6}.checkbox-btn{background:none;border:none;color:#666;cursor:pointer;padding:0;display:flex;align-items:center;transition:color .2s}.checkbox-btn:hover{color:#8b5cf6}.coupon-code{display:flex;flex-direction:column;gap:4px;height:48px;justify-content:center}.coupon-code strong{color:#fff;font-weight:500;line-height:1.4}.coupon-description{color:#888;font-size:12px;font-style:italic;line-height:1.3}.amount-cell{font-weight:600;color:#22c55e}.usage-badge{padding:4px 8px;background:#3b82f61a;color:#3b82f6;border-radius:4px;font-size:12px;font-weight:500}.expired-text{color:#ef4444}.no-expiry{color:#666;font-style:italic}.status-badge{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#22c55e1a;color:#22c55e}.status-badge.expired{background:#ef44441a;color:#ef4444}.action-buttons{display:flex;gap:8px}.btn-icon{background:none;border:1px solid rgba(255,255,255,.1);color:#888;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{color:#fff;border-color:#fff3;background:#ffffff0d}.btn-icon.danger:hover{color:#ef4444;border-color:#ef44444d;background:#ef44441a}.loading-cell,.empty-cell{text-align:center;color:#666;font-style:italic;padding:40px}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.btn-pagination{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);color:#fff;width:36px;height:36px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-pagination:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf64d}.btn-pagination:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#888;font-size:14px}.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.btn-primary{background:#8b5cf6;color:#fff}.btn-primary:hover{background:#7c3aed}.btn-secondary{background:#2a2a2a;color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#333;border-color:#fff3}.btn-danger{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef444433;border-color:#ef44444d}.btn-refresh{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.btn-refresh:hover{background:#3b82f633;border-color:#3b82f64d}.btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.coupons-container{padding:12px}.header-top{flex-direction:column;align-items:flex-start;gap:12px}.statistics-grid{grid-template-columns:1fr 1fr}.coupons-controls{flex-direction:column;align-items:stretch}.controls-left{min-width:auto}.coupons-table-wrapper{overflow-x:auto}.coupons-table{min-width:800px}}.users-page{padding:24px;max-width:1400px;margin:0 auto;color:var(--text-primary)}.users-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border-default)}.users-page .header-content h1{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.users-page .subtitle{color:var(--text-secondary);font-size:14px;margin:0}.users-page .btn-primary{background:var(--accent-primary);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.users-page .btn-primary:hover{background:var(--accent-hover)}.users-page .users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.users-page .user-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:20px;position:relative;transition:all .2s;border:1px solid var(--border-default)}.users-page .user-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-default)}.users-page .user-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.users-page .user-avatar{width:48px;height:48px;background:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.users-page .user-status{display:flex;align-items:center}.users-page .status-active{color:var(--status-success)}.users-page .status-inactive{color:var(--status-danger)}.users-page .user-info{margin-bottom:16px}.users-page .user-info h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.users-page .user-email{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:14px;margin-bottom:12px}.users-page .user-role{margin-bottom:12px}.users-page .role-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-lg);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.users-page .role-admin{background:var(--accent-primary);color:#fff}.users-page .role-user{background:var(--bg-surface);color:var(--text-secondary)}.users-page .user-permissions{margin-bottom:16px;padding:12px;background:var(--bg-primary);border-radius:var(--radius-md)}.users-page .permissions-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.users-page .permissions-list{display:flex;flex-wrap:wrap;gap:6px}.users-page .permission-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:12px;color:var(--text-primary)}.users-page .permission-tag.more{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-primary)}.users-page .user-meta{padding-top:12px;border-top:1px solid var(--border-default);margin-bottom:16px;font-size:12px;color:var(--text-muted)}.users-page .user-meta p{margin:4px 0}.users-page .user-actions{display:flex;gap:8px;justify-content:flex-end}.users-page .btn-icon{background:var(--bg-surface);border:none;color:var(--text-secondary);padding:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.users-page .btn-icon:hover{background:var(--bg-elevated);color:var(--text-primary)}.users-page .btn-icon.btn-danger:hover{background:var(--status-danger);color:#fff}.users-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.users-page .modal-content{background:var(--bg-secondary);border-radius:var(--radius-lg);max-width:800px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-default)}.users-page .user-modal{max-width:900px}.users-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-default)}.users-page .modal-header h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.users-page .btn-close{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.users-page .btn-close:hover{background:var(--bg-surface);color:var(--text-primary)}.users-page .modal-content form{padding:20px;overflow-y:auto;flex:1}.users-page .form-section{margin-bottom:24px}.users-page .form-section h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.users-page .form-group{margin-bottom:16px}.users-page .form-group label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.users-page .form-group input,.users-page .form-group select{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;transition:all .2s}.users-page .form-group input:focus,.users-page .form-group select:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-surface)}.users-page .form-hint{font-size:12px;color:var(--text-muted);margin-top:4px}.users-page .permissions-section{background:var(--bg-surface);border-radius:var(--radius-lg);padding:20px}.users-page .permissions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.users-page .permission-actions{display:flex;gap:16px}.users-page .btn-link{background:none;border:none;color:var(--accent-primary);font-size:14px;cursor:pointer;padding:0;text-decoration:underline}.users-page .btn-link:hover{color:var(--accent-hover)}.users-page .permissions-grid{display:grid;gap:20px}.users-page .permission-category{background:var(--bg-primary);border-radius:var(--radius-md);padding:16px}.users-page .category-header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-default)}.users-page .category-header label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer}.users-page .category-header input[type=checkbox]{width:auto;margin:0}.users-page .category-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.users-page .permission-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.users-page .permission-item:hover{background:var(--bg-surface);border-color:var(--border-default)}.users-page .permission-item input[type=checkbox]{width:auto;margin:0}.users-page .permission-label{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-primary)}.users-page .permission-icon{font-size:16px}.users-page .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid var(--border-default);background:var(--bg-surface)}.users-page .btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.users-page .btn-secondary:hover{background:var(--bg-elevated)}.users-page .loading-state,.users-page .error-state{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:16px;color:var(--text-secondary)}.users-page .error-state{color:var(--status-danger)}@media (max-width: 768px){.users-page .users-grid{grid-template-columns:1fr}.users-page .modal-content{width:95%;max-height:95vh}.users-page .category-pages{grid-template-columns:1fr}}.email-campaigns{padding:20px;min-height:100vh}.email-campaigns .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.email-campaigns .header h2{color:#fff;font-size:28px;font-weight:600;margin:0}.email-campaigns .subtitle{margin:4px 0 0;color:#9ca3af;font-size:14px}.email-campaigns .actions{display:flex;align-items:center;gap:12px}.email-campaigns .tab-toggle{background:#252830;border:1px solid #374151;border-radius:8px;padding:4px;display:flex}.email-campaigns .tab-toggle button{border:none;background:transparent;color:#9ca3af;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.email-campaigns .tab-toggle button:hover:not(.active){background:#2d3139;color:#fff}.email-campaigns .tab-toggle button.active{background:#dc2626;color:#fff}.email-campaigns .primary{background:#dc2626;border:none;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.email-campaigns .primary:hover:not(:disabled){background:#ef4444;transform:translateY(-1px)}.email-campaigns .ghost{background:transparent;color:#9ca3af;border:1px solid #374151;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease}.email-campaigns .ghost:hover:not(:disabled){background:#2d3139;color:#fff;border-color:#4b5563}.email-campaigns .ghost.danger{color:#ef4444;border-color:#7f1d1d}.email-campaigns .ghost.danger:hover:not(:disabled){background:#7f1d1d;color:#fff;border-color:#ef4444}.email-campaigns .alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.email-campaigns .alert.error{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.email-campaigns .alert.success{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.email-campaigns .form-card,.email-campaigns .list-card{background:#252830;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 6px #0003}.email-campaigns .form-header,.email-campaigns .list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.email-campaigns .form-header h3,.email-campaigns .list-header h3{font-size:18px;font-weight:600;color:#fff;margin:0}.email-campaigns .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.email-campaigns .form-grid label{display:flex;flex-direction:column;color:#9ca3af;font-size:14px;font-weight:500;gap:8px}.email-campaigns .form-grid input,.email-campaigns .form-grid textarea{background:#1c1f26;border:1px solid #374151;color:#fff;border-radius:8px;padding:10px 12px;font-size:14px;transition:all .2s}.email-campaigns .form-grid input:focus,.email-campaigns .form-grid textarea:focus{border-color:#dc2626;outline:none;background:#252830}.email-campaigns .form-grid .full{grid-column:1 / -1}.email-campaigns .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #374151}.email-campaigns .editor-label{margin:15px 0 10px;grid-column:1 / -1}.email-campaigns .editor-label span{color:#fff;font-size:14px}.email-campaigns .visual-editor-container{grid-column:1 / -1;margin:10px 0}.email-campaigns .loading{display:flex;justify-content:center;align-items:center;height:400px;color:#9ca3af;font-size:14px}.email-campaigns .table{display:flex;flex-direction:column}.email-campaigns .table-head{display:grid;grid-template-columns:120px 2fr 2fr 1.5fr;gap:16px;padding:12px 16px;background:#2d3139;border-radius:8px 8px 0 0;color:#9ca3af;font-size:14px;font-weight:500}.email-campaigns .table-row{display:grid;grid-template-columns:120px 2fr 2fr 1.5fr;gap:16px;padding:16px;border-bottom:1px solid #2d3139;align-items:center;transition:background .2s}.email-campaigns .table-row:hover{background:#2d3139}.email-campaigns .title{font-weight:500;color:#fff;margin-bottom:4px}.email-campaigns .muted{color:#9ca3af;font-size:13px}.email-campaigns .row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.email-campaigns .status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.email-campaigns .status-draft{background:#a1a1aa33;color:#a1a1aa}.email-campaigns .status-active{background:#10b98133;color:#10b981}.email-campaigns .status-paused{background:#f59e0b33;color:#f59e0b}.email-campaigns .status-completed{background:#3b82f633;color:#3b82f6}.email-campaigns .empty{text-align:center;color:#9ca3af;padding:40px 16px;font-size:14px}.email-campaigns .pill{background:#2d3139;color:#9ca3af;border-radius:20px;padding:4px 12px;font-size:12px}.email-campaigns .pill.profit{background:#166534;color:#4ade80}.email-campaigns .pill.sportiv{background:#1e40af;color:#60a5fa}.email-campaigns .store-filter{background:#1c1f26;border:1px solid #374151;color:#fff;border-radius:8px;padding:8px 12px;font-size:14px;cursor:pointer}.email-campaigns .store-filter:focus{outline:none;border-color:#6366f1}.email-campaigns .subscribers-table .table-head,.email-campaigns .subscribers-table .table-row{grid-template-columns:2fr 1.2fr 100px 100px 80px}.email-campaigns .subscriber-controls{display:flex;align-items:center;gap:12px}.email-campaigns .search-input{background:#1c1f26;border:1px solid #374151;color:#fff;border-radius:8px;padding:8px 12px;font-size:14px;width:250px;transition:all .2s}.email-campaigns .search-input:focus{border-color:#dc2626;outline:none}.email-campaigns .search-input::placeholder{color:#6b7280}.email-campaigns .sub-status{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;text-transform:capitalize}.email-campaigns .sub-subscribed{background:#10b98133;color:#10b981}.email-campaigns .sub-unsubscribed{background:#a1a1aa33;color:#a1a1aa}.email-campaigns .sub-bounced{background:#ef444433;color:#ef4444}.email-campaigns .sub-spam{background:#f59e0b33;color:#f59e0b}.email-campaigns .pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid #374151}.email-campaigns .page-info{color:#9ca3af;font-size:14px}.email-campaigns .pagination button:disabled{opacity:.5;cursor:not-allowed}.email-campaigns .settings-card{max-width:600px}.email-campaigns .settings-description{color:#9ca3af;font-size:14px;margin-bottom:20px}.email-campaigns .test-emails-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.email-campaigns .test-email-item{display:flex;align-items:center;justify-content:space-between;background:#1c1f26;border:1px solid #374151;border-radius:8px;padding:12px 16px}.email-campaigns .test-email-item span{color:#fff;font-size:14px}.email-campaigns .remove-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;font-size:18px;padding:4px 8px;border-radius:4px;transition:all .2s}.email-campaigns .remove-btn:hover{background:#ef444433}.email-campaigns .add-test-email{display:flex;gap:12px}.email-campaigns .add-test-email input{flex:1;background:#1c1f26;border:1px solid #374151;color:#fff;border-radius:8px;padding:10px 12px;font-size:14px}.email-campaigns .add-test-email input:focus{border-color:#dc2626;outline:none}.email-campaigns .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.email-campaigns .modal-content{background:#252830;border:1px solid #374151;border-radius:12px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 40px #0006}.email-campaigns .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #374151;background:#2d3139}.email-campaigns .modal-header h3{margin:0;color:#fff;font-size:18px;font-weight:600}.email-campaigns .preview-subject{padding:12px 20px;background:#1c1f26;color:#9ca3af;font-size:14px;border-bottom:1px solid #374151}.email-campaigns .modal-body{flex:1;overflow:auto;padding:0}.email-campaigns .preview-iframe{width:100%;height:400px;border:none;background:#fff}.email-campaigns .preview-recipients{padding:12px 20px;background:#1c1f26;color:#9ca3af;font-size:13px;border-top:1px solid #374151}.email-campaigns .preview-recipients em{color:#6b7280}.email-campaigns .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #374151;background:#2d3139}.email-campaigns .modal-content.modal-small{max-width:400px}.email-campaigns .subscriber-edit-info{margin-bottom:20px;padding:12px;background:#252830;border-radius:6px;word-break:break-all}.email-campaigns .subscriber-edit-info .muted{color:#9ca3af;font-size:13px}.email-campaigns button.small{padding:4px 10px;font-size:12px}.email-campaigns .subscribers-table .table-head,.email-campaigns .subscribers-table .table-row{grid-template-columns:2fr 1fr 100px 100px 70px 60px}.email-campaigns .primary:disabled{opacity:.5;cursor:not-allowed}.email-campaigns .failed-count{color:#ef4444;font-weight:500}.email-campaigns button.warning{color:#f59e0b;border-color:#f59e0b}.email-campaigns button.warning:hover{background:#f59e0b1a}.email-campaigns .progress-modal{max-width:500px}.email-campaigns .progress-info{text-align:center;margin-bottom:20px}.email-campaigns .progress-campaign-name{font-size:18px;font-weight:600;color:#fff;margin-bottom:12px}.email-campaigns .progress-stats{display:flex;justify-content:center;gap:16px}.email-campaigns .progress-stats .stat{font-size:14px}.email-campaigns .progress-stats .stat.success{color:#22c55e}.email-campaigns .progress-stats .stat.failed{color:#ef4444}.email-campaigns .progress-stats .stat.total{color:#9ca3af}.email-campaigns .progress-bar-container{background:#374151;border-radius:8px;height:24px;overflow:hidden;margin-bottom:16px}.email-campaigns .progress-bar{height:100%;display:flex;transition:width .3s ease}.email-campaigns .progress-bar-success{background:linear-gradient(90deg,#22c55e,#16a34a);height:100%;transition:width .3s ease}.email-campaigns .progress-bar-failed{background:linear-gradient(90deg,#ef4444,#dc2626);height:100%;transition:width .3s ease}.email-campaigns .progress-status{text-align:center;color:#9ca3af;font-size:14px}.email-campaigns .progress-complete{text-align:center;padding:20px 0}.email-campaigns .progress-complete-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 12px;background:#22c55e;color:#fff}.email-campaigns .progress-complete-icon:has(+.progress-complete-message:not(:empty)){background:#22c55e}.email-campaigns .progress-complete-message{font-size:16px;color:#fff}.email-campaigns .failures-list{margin-top:20px;border-top:1px solid #374151;padding-top:16px}.email-campaigns .failures-header{font-size:14px;font-weight:600;color:#ef4444;margin-bottom:12px}.email-campaigns .failures-scroll{max-height:200px;overflow-y:auto}.email-campaigns .failure-item{display:flex;flex-direction:column;padding:8px 12px;background:#252830;border-radius:6px;margin-bottom:8px;font-size:13px}.email-campaigns .failure-email{color:#fff;word-break:break-all}.email-campaigns .failure-error{color:#9ca3af;font-size:12px;margin-top:4px}@media (max-width: 900px){.email-campaigns .header{flex-direction:column;align-items:flex-start;gap:16px}.email-campaigns .actions{flex-direction:column;width:100%;align-items:stretch}.email-campaigns .tab-toggle{flex-wrap:wrap;justify-content:center}.email-campaigns .table-head,.email-campaigns .table-row{grid-template-columns:1fr;gap:8px}.email-campaigns .table-head{display:none}.email-campaigns .table-row{padding:16px;border:1px solid #374151;border-radius:8px;margin-bottom:8px}.email-campaigns .subscribers-table .table-head,.email-campaigns .subscribers-table .table-row{grid-template-columns:1fr}.email-campaigns .row-actions{justify-content:flex-start;padding-top:12px;border-top:1px solid #374151;margin-top:12px}.email-campaigns .subscriber-controls{flex-direction:column;align-items:stretch}.email-campaigns .search-input{width:100%}}.campaign-analytics{padding:20px;min-height:100vh}.campaign-analytics .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.campaign-analytics .header h2{color:#fff;font-size:28px;font-weight:600;margin:0}.campaign-analytics .subtitle{margin:4px 0 0;color:#9ca3af;font-size:14px}.campaign-analytics .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.campaign-analytics .card{background:#252830;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0003}.campaign-analytics .label{color:#9ca3af;font-size:13px;margin-bottom:4px}.campaign-analytics .value{font-size:28px;font-weight:700;color:#fff;margin:4px 0}.campaign-analytics .muted{color:#9ca3af;font-size:13px}.campaign-analytics .grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:24px}.campaign-analytics .panel{background:#252830;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0003}.campaign-analytics .panel-header{font-weight:600;font-size:16px;color:#fff;margin-bottom:16px}.campaign-analytics .timeline{display:flex;flex-direction:column;gap:12px}.campaign-analytics .timeline-row{background:#1c1f26;border:1px solid #374151;border-radius:8px;padding:12px 16px;transition:background .2s}.campaign-analytics .timeline-row:hover{background:#2d3139}.campaign-analytics .timeline-date{color:#9ca3af;font-size:13px;margin-bottom:8px}.campaign-analytics .timeline-bars{display:flex;gap:6px;margin:8px 0;height:6px}.campaign-analytics .timeline-bars .bar{display:block;height:6px;border-radius:6px}.campaign-analytics .timeline-bars .sent{background:#3b82f6}.campaign-analytics .timeline-bars .opened{background:#10b981}.campaign-analytics .timeline-bars .clicked{background:#f59e0b}.campaign-analytics .timeline-metrics{display:flex;gap:16px;font-size:12px;color:#9ca3af}.campaign-analytics .list-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #374151;color:#fff;font-size:14px}.campaign-analytics .list-row:last-child{border-bottom:none}.campaign-analytics .table{display:flex;flex-direction:column}.campaign-analytics .table-head{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr;gap:16px;padding:12px 16px;background:#2d3139;border-radius:8px 8px 0 0;color:#9ca3af;font-size:14px;font-weight:500}.campaign-analytics .table-row{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr;gap:16px;padding:12px 16px;border-bottom:1px solid #2d3139;align-items:center;font-size:14px;color:#fff;transition:background .2s}.campaign-analytics .table-row:hover{background:#2d3139}.campaign-analytics .status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.campaign-analytics .status-delivered{background:#10b98133;color:#10b981}.campaign-analytics .status-sent{background:#a1a1aa33;color:#a1a1aa}.campaign-analytics .status-clicked{background:#f59e0b33;color:#f59e0b}.campaign-analytics .status-opened{background:#3b82f633;color:#3b82f6}.campaign-analytics .status-bounced,.campaign-analytics .status-complained,.campaign-analytics .status-failed{background:#ef444433;color:#ef4444}.campaign-analytics .pill{background:#2d3139;color:#9ca3af;border-radius:20px;padding:4px 12px;font-size:12px}.campaign-analytics .alert.error{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:12px 16px;border-radius:8px;font-size:14px}.campaign-analytics .ghost{background:transparent;color:#9ca3af;border:1px solid #374151;padding:8px 16px;border-radius:8px;font-size:14px;text-decoration:none;display:inline-block;transition:all .2s ease}.campaign-analytics .ghost:hover{background:#2d3139;color:#fff;border-color:#4b5563}@media (max-width: 900px){.campaign-analytics .grid{grid-template-columns:1fr}.campaign-analytics .table-head{display:none}.campaign-analytics .table-row{grid-template-columns:1fr;gap:8px;padding:16px;border:1px solid #374151;border-radius:8px;margin-bottom:8px}}.sumit-alert-container{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-in}.sumit-alert{background:linear-gradient(135deg,#f44,#c00);color:#fff;padding:40px;border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:600px;width:90%;text-align:center;animation:slideIn .4s ease-out}.sumit-alert-icon{font-size:64px;margin-bottom:20px;animation:pulse 2s infinite}.sumit-alert-content h2{font-size:32px;font-weight:700;margin:0 0 15px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.sumit-alert-content p{font-size:18px;margin:10px 0;line-height:1.5}.sumit-alert-info{font-size:16px!important;opacity:.95;margin-top:20px!important;padding-top:20px;border-top:1px solid rgba(255,255,255,.3)}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 768px){.sumit-alert{padding:30px 20px}.sumit-alert-icon{font-size:48px}.sumit-alert-content h2{font-size:24px}.sumit-alert-content p{font-size:16px}}.enhanced-layout{display:flex;min-height:100vh;background:#1c1f26}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-overlay.active{opacity:1;pointer-events:auto}.enhanced-sidebar{width:260px;background:linear-gradient(180deg,#252830,#1a1d24);border-right:1px solid #2d3139;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:999;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 12px #0003}.enhanced-sidebar.collapsed{width:80px}.sidebar-header{padding:20px;border-bottom:1px solid #2d3139;display:flex;align-items:center;justify-content:space-between;min-height:70px}.logo-container{flex:1}.logo{display:flex;align-items:center;gap:12px}.logo-text{font-size:26px;font-weight:700;color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#dc2626,#f87171);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.collapse-btn{width:32px;height:32px;border:none;background:#2d3139;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.collapse-btn:hover{background:#374151;color:#fff;transform:scale(1.05)}.enhanced-sidebar.collapsed .collapse-btn{margin-left:auto;margin-right:auto}.user-profile{padding:20px;border-bottom:1px solid #2d3139;display:flex;align-items:center;gap:12px;background:#dc26260d}.user-avatar{width:40px;height:40px;background:#2d3139;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;border:2px solid #374151;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{color:#fff;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{color:#9ca3af;font-size:12px;margin-top:2px}.enhanced-sidebar.collapsed .user-profile{padding:15px;justify-content:center}.enhanced-sidebar.collapsed .user-info{display:none}.nav-menu{flex:1;padding:15px 10px;overflow-y:auto;overflow-x:hidden}.nav-menu::-webkit-scrollbar{width:4px}.nav-menu::-webkit-scrollbar-track{background:transparent}.nav-menu::-webkit-scrollbar-thumb{background:#374151;border-radius:2px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 15px;margin-bottom:4px;color:#9ca3af;text-decoration:none;border-radius:10px;transition:all .2s ease;position:relative;font-weight:500;font-size:14px}.nav-link:hover{background:#dc26261a;color:#fff;transform:translate(2px)}.nav-link.active{background:linear-gradient(135deg,#dc262626,#f8717126);color:#f87171;font-weight:600}.nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:linear-gradient(180deg,#dc2626,#f87171);border-radius:0 3px 3px 0}.nav-icon{font-size:20px;width:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-label{flex:1;white-space:nowrap}.nav-badge{background:#dc2626;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.enhanced-sidebar.collapsed .nav-link{justify-content:center;padding:12px}.enhanced-sidebar.collapsed .nav-label,.enhanced-sidebar.collapsed .nav-badge{display:none}.enhanced-sidebar.collapsed .nav-icon{font-size:22px}.sidebar-footer{padding:15px;border-top:1px solid #2d3139}.logout-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 15px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#ef444433;border-color:#ef44444d;transform:scale(1.02)}.logout-icon{font-size:18px}.enhanced-sidebar.collapsed .logout-btn{justify-content:center;padding:12px}.enhanced-sidebar.collapsed .logout-btn span:not(.logout-icon){display:none}.main-wrapper{flex:1;margin-left:260px;display:flex;flex-direction:column;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-wrapper.sidebar-collapsed{margin-left:80px}.top-header{background:#252830;border-bottom:1px solid #2d3139;padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000026}.header-left{display:flex;align-items:center;gap:20px}.menu-toggle{width:40px;height:40px;border:none;background:#2d3139;border-radius:10px;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.menu-toggle:hover{background:#374151;color:#fff;transform:scale(1.05)}.page-title{font-size:24px;font-weight:600;color:#fff;margin:0}.header-right{display:flex;align-items:center;gap:12px}.header-btn{width:40px;height:40px;border:none;background:#2d3139;border-radius:10px;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}.header-btn:hover{background:#374151;color:#fff;transform:scale(1.05)}.refresh-btn{background:linear-gradient(135deg,#dc2626,#f87171);color:#fff}.refresh-btn:hover{background:linear-gradient(135deg,#b91c1c,#ef4444);transform:scale(1.05)}.refresh-btn.refreshing{animation:rotate 1s linear infinite;pointer-events:none;opacity:.8}.force-sync-btn{background:linear-gradient(135deg,#dc2626,#ef4444)!important}.force-sync-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#dc2626)!important;transform:scale(1.05)}.force-sync-btn.syncing{animation:rotate 2s linear infinite;background:linear-gradient(135deg,#d97706,#f59e0b)!important;pointer-events:none;opacity:.9}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-timer{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#2d3139;border-radius:10px;color:#9ca3af;font-size:13px;font-weight:500;border:1px solid #374151;transition:all .2s}.sync-timer:hover{background:#374151;color:#fff}.sync-timer svg{width:16px;height:16px;stroke:#dc2626}.sync-timer span{min-width:40px;text-align:center}.notification-btn .notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#dc2626;border-radius:50%;border:2px solid #252830}.header-divider{width:1px;height:32px;background:#2d3139;margin:0 8px}.header-user{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#2d3139;border-radius:10px;cursor:pointer;transition:all .2s}.header-user:hover{background:#374151}.header-avatar{width:28px;height:28px;background:#374151;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.header-username{color:#fff;font-weight:500;font-size:14px}.main-content{flex:1;padding:24px;overflow-y:auto;overflow-x:hidden}.mobile-actions-divider{height:1px;background:#374151;margin:15px 10px}.nav-link.mobile-action{background:#dc26260d;border:1px solid rgba(220,38,38,.2);margin-top:8px}.nav-link.mobile-action:hover{background:#dc262626;border-color:#dc26264d}.nav-link.mobile-action:disabled{opacity:.5;cursor:not-allowed}.nav-link.mobile-sync-info{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);margin-top:8px;cursor:default}.nav-link.mobile-sync-info:hover{background:#3b82f60d;transform:none}@media (max-width: 768px){.enhanced-sidebar{transform:translate(-100%);width:280px;box-shadow:10px 0 40px #00000080}.enhanced-sidebar.mobile-open{transform:translate(0)}.main-wrapper{margin-left:0;width:100%}.main-wrapper.sidebar-collapsed{margin-left:0}.top-header{padding:0 12px;height:56px;position:sticky;top:0;z-index:100;background:#1c1f26}.page-title{font-size:18px}.header-right{gap:8px}.header-btn{width:36px;height:36px}.header-username,.sync-timer{display:none}.main-content{padding:16px;min-height:calc(100vh - 56px)}.page-title{font-size:20px}.header-user{padding:6px 10px}.header-username{display:none}.main-content{padding:16px}.header-btn:not(.menu-toggle){display:none}.header-divider{display:none}}@media (max-width: 480px){.enhanced-sidebar{width:240px}.page-title{font-size:18px}}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-link{animation:fadeIn .3s ease-out;animation-fill-mode:both}.nav-link:nth-child(1){animation-delay:.05s}.nav-link:nth-child(2){animation-delay:.1s}.nav-link:nth-child(3){animation-delay:.15s}.nav-link:nth-child(4){animation-delay:.2s}.nav-link:nth-child(5){animation-delay:.25s}.nav-link:nth-child(6){animation-delay:.3s}@media (max-width: 768px){.dashboard .stats-grid{grid-template-columns:1fr;gap:12px}.dashboard .dashboard-grid{grid-template-columns:1fr;gap:16px}.dashboard-header{flex-direction:column;gap:12px;padding:12px}.server-time{font-size:12px;text-align:center}.orders-header{flex-direction:column;gap:12px;align-items:stretch}.orders-filters{flex-direction:column;gap:8px}.orders-filters .search-input{width:100%!important;margin-right:0!important}.orders-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.orders-table{min-width:700px}.customers-header{padding:16px}.customers-header .header-content{flex-direction:column;gap:16px}.customers-header .filter-controls{flex-direction:column;width:100%}.customers-grid{grid-template-columns:1fr;padding:12px}.customer-card{padding:16px}.customer-stats{flex-direction:column;gap:8px}.products-header{flex-direction:column;gap:12px;padding:16px}.header-actions{flex-direction:column;width:100%;gap:8px}.header-actions .btn{width:100%;justify-content:center}.products-filters{flex-direction:column;gap:12px;padding:12px}.products-filters .search-box input{width:100%}.products-stats{flex-direction:column;gap:8px;margin-left:0;width:100%}.products-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.products-table{min-width:900px}.revenue-container{padding:12px}.revenue-header{flex-direction:column;gap:12px}.revenue-controls{flex-direction:column;width:100%}.revenue-controls select{width:100%}.chart-container{padding:12px;min-height:300px}.chart-card{padding:16px}.google-analytics-dashboard{padding:12px}.analytics-header{flex-direction:column;gap:12px}.period-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.period-btn{padding:8px;font-size:12px}.analytics-stats-row{flex-direction:column;gap:12px}.charts-grid{grid-template-columns:1fr;gap:16px}.revenue-diversification-container{padding:16px;min-height:auto}.diversification-header{flex-direction:column;gap:12px}.summary-stats{grid-template-columns:1fr;gap:12px}.breakdown-table{overflow-x:auto}.breakdown-table table{min-width:500px}.modal-content{width:95%;max-width:none;margin:10px;padding:16px}input[type=text],input[type=number],input[type=date],select,textarea{font-size:16px}.stats-card{padding:16px}.stats-value{font-size:1.5rem}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}.nav-menu{padding:8px}.nav-link{padding:12px;font-size:14px}.btn{min-height:44px;font-size:14px}.top-customers-table{font-size:12px}.top-customers-table th,.top-customers-table td{padding:8px 4px}}@media (min-width: 769px) and (max-width: 1024px){.dashboard .stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard .dashboard-grid{grid-template-columns:1fr}.customers-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}}@media (min-width: 1025px) and (max-width: 1280px){.dashboard .stats-grid{grid-template-columns:repeat(3,1fr)}.customers-grid{grid-template-columns:repeat(2,1fr)}}@media (hover: none) and (pointer: coarse){button,.btn,.nav-link,select,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}.stats-card:hover,.customer-card:hover,.nav-link:hover{transform:none}}@media (max-height: 500px) and (orientation: landscape){.enhanced-sidebar{width:200px}.enhanced-sidebar.collapsed{width:60px}.top-header{height:48px}.main-content{padding:12px}}@media print{.enhanced-sidebar,.top-header,.btn,button,.filter-controls,.period-selector{display:none!important}.main-wrapper{margin-left:0!important}.main-content{padding:0!important}.stats-card,.chart-card{break-inside:avoid}}