@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap";.notification-modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.notification-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.notification-modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #e5e7eb;position:relative}.notification-icon{font-size:28px;line-height:1}.notification-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937;flex:1}.notification-modal-header .close-btn{position:absolute;top:12px;right:12px;background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.notification-modal-header .close-btn:hover{background:#f3f4f6;color:#1f2937}.notification-modal-body{padding:24px}.notification-modal-body p{margin:0;font-size:16px;line-height:1.6;color:#4b5563}.notification-modal-footer{padding:16px 24px;background:#f9fafb;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e5e7eb}.notification-modal-footer button{padding:10px 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;border:none;min-width:80px}.btn-ok,.btn-confirm{background:#3b82f6;color:#fff}.btn-ok:hover,.btn-confirm:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-cancel{background:#fff;color:#6b7280;border:1px solid #d1d5db}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.notification-modal.success .notification-modal-header{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-bottom-color:#6ee7b7}.notification-modal.success .btn-ok,.notification-modal.success .btn-confirm{background:#10b981}.notification-modal.success .btn-ok:hover,.notification-modal.success .btn-confirm:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}.notification-modal.error .notification-modal-header{background:linear-gradient(135deg,#fee2e2,#fecaca);border-bottom-color:#fca5a5}.notification-modal.error .btn-ok,.notification-modal.error .btn-confirm{background:#ef4444}.notification-modal.error .btn-ok:hover,.notification-modal.error .btn-confirm:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.notification-modal.warning .notification-modal-header{background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom-color:#fcd34d}.notification-modal.warning .btn-ok,.notification-modal.warning .btn-confirm{background:#f59e0b}.notification-modal.warning .btn-ok:hover,.notification-modal.warning .btn-confirm:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b4d}.notification-modal.info .notification-modal-header{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-bottom-color:#93c5fd}.notification-modal.confirm .notification-modal-header{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-bottom-color:#a5b4fc}.notification-modal.confirm .btn-confirm{background:#6366f1}.notification-modal.confirm .btn-confirm:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d}@media(max-width:640px){.notification-modal{max-width:95%;margin:20px}.notification-modal-header{padding:16px 20px}.notification-modal-body{padding:20px}.notification-modal-footer{padding:12px 20px;flex-direction:column-reverse}.notification-modal-footer button{width:100%}}.catalog-sync-dashboard{padding:2rem;max-width:1400px;margin:0 auto}.dashboard-header{text-align:center;margin-bottom:2rem}.dashboard-header h1{font-size:2rem;color:#333;margin-bottom:.5rem}.dashboard-header p{color:#666;font-size:1rem}.sync-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.stat-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.synced{background:linear-gradient(135deg,#84fab0,#8fd3f4)}.stat-icon.not-synced{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-icon.time{background:linear-gradient(135deg,#a8edea,#fed6e3)}.stat-info h3{font-size:1.8rem;margin:0 0 .25rem;color:#333}.stat-info p{margin:0;color:#666;font-size:.9rem}.sync-actions{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.sync-btn{flex:1;min-width:200px;padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s;color:#fff}.sync-btn:disabled{opacity:.6;cursor:not-allowed}.sync-btn.upload{background:linear-gradient(135deg,#667eea,#764ba2)}.sync-btn.upload:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.sync-btn.download{background:linear-gradient(135deg,#f093fb,#f5576c)}.sync-btn.download:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f093fb66}.sync-btn.refresh{background:linear-gradient(135deg,#4facfe,#00f2fe)}.sync-btn.refresh:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4facfe66}.spin{animation:spin 1s linear infinite}.clear-selected-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.clear-selected-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.clear-selected-btn:disabled{opacity:.6;cursor:not-allowed}.clear-sync-btn{padding:.4rem .6rem;border:none;border-radius:6px;background:#ff6b6b;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;font-size:.9rem}.clear-sync-btn:hover:not(:disabled){background:#ee5a6f;transform:scale(1.1)}.clear-sync-btn:disabled{opacity:.5;cursor:not-allowed}.sync-result{padding:1rem;border-radius:8px;margin-bottom:2rem;display:flex;align-items:center;gap:.5rem}.sync-result.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.sync-result.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.product-sync-list{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.list-header h2{margin:0;color:#333}.list-actions{display:flex;gap:1rem;align-items:center}.list-actions label{display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none}.sync-selected-btn{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .3s}.sync-selected-btn:hover:not(:disabled){background:#5568d3}.sync-selected-btn:disabled{opacity:.6;cursor:not-allowed}.product-table{overflow-x:auto}.product-table table{width:100%;border-collapse:collapse}.product-table th{background:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}.product-table td{padding:1rem;border-bottom:1px solid #dee2e6}.product-table td:last-child{text-align:center;width:100px}.product-table tr:hover{background:#f8f9fa}.product-table tr.synced{background:#84fab01a}.product-table tr.not-synced{background:#fa709a0d}.status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.status-badge.synced{background:#d4edda;color:#155724}.status-badge.not-synced{background:#fff3cd;color:#856404}.sync-help{background:#e7f3ff;border-left:4px solid #2196F3;padding:1.5rem;border-radius:8px}.sync-help h3{margin:0 0 1rem;color:#1976d2}.sync-help ul{margin:0;padding-left:1.5rem}.sync-help li{margin-bottom:.5rem;color:#333}.sync-help strong{color:#1976d2}.loading-state{text-align:center;padding:4rem}.loading-state svg{font-size:3rem;color:#667eea;margin-bottom:1rem}.loading-state p{color:#666;font-size:1.1rem}@media(max-width:768px){.catalog-sync-dashboard{padding:1rem}.sync-stats{grid-template-columns:1fr}.sync-actions{flex-direction:column}.sync-btn{width:100%}.list-header{flex-direction:column;align-items:flex-start;gap:1rem}.product-table{font-size:.9rem}.product-table th,.product-table td{padding:.5rem}}.analytics-dashboard{padding:2rem;background:#f8f9fa;min-height:calc(100vh - 200px)}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.analytics-header h2{font-size:2rem;color:#2c3e50;margin:0}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease}.refresh-btn:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:1rem;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent-color),transparent)}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.metric-card.revenue{--accent-color: #27ae60}.metric-card.orders{--accent-color: #3498db}.metric-card.average{--accent-color: #9b59b6}.metric-card.products{--accent-color: #e67e22}.metric-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;flex-shrink:0}.revenue .metric-icon{background:linear-gradient(135deg,#27ae60,#2ecc71)}.orders .metric-icon{background:linear-gradient(135deg,#3498db,#5dade2)}.average .metric-icon{background:linear-gradient(135deg,#9b59b6,#bb8fce)}.products .metric-icon{background:linear-gradient(135deg,#e67e22,#f39c12)}.metric-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.metric-content h3{font-size:.875rem;color:#7f8c8d;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin:0}.metric-value{font-size:1.75rem;font-weight:700;color:#2c3e50;margin:.25rem 0}.metric-change,.metric-subtitle{font-size:.813rem;color:#95a5a6;display:flex;align-items:center;gap:.25rem}.metric-change.positive{color:#27ae60}.metric-change.negative{color:#e74c3c}.time-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.time-stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #667eea4d}.time-stat-card h4{margin:0 0 .5rem;font-size:.875rem;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.stat-revenue{font-size:1.5rem;font-weight:700;margin:.5rem 0}.stat-orders{font-size:.875rem;opacity:.8}.section-container{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem}.section-container h3{font-size:1.25rem;color:#2c3e50;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.status-card{padding:1.5rem 1rem;border-radius:10px;text-align:center;display:flex;flex-direction:column;gap:.5rem;border:2px solid;transition:transform .3s ease}.status-card:hover{transform:translateY(-3px)}.status-card.pending{background:#fff3cd;border-color:#ffc107}.status-card.processing{background:#d1ecf1;border-color:#17a2b8}.status-card.shipped{background:#cce5ff;border-color:#007bff}.status-card.delivered{background:#d4edda;border-color:#28a745}.status-card.cancelled{background:#f8d7da;border-color:#dc3545}.status-count{font-size:2rem;font-weight:700;color:#2c3e50}.status-label{font-size:.875rem;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.analytics-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:1.5rem}.top-products-list,.low-stock-list{display:flex;flex-direction:column;gap:1rem}.top-product-item,.low-stock-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;transition:background .2s ease}.top-product-item:hover,.low-stock-item:hover{background:#e9ecef}.product-rank{font-size:1.5rem;font-weight:700;color:#3498db;min-width:40px;text-align:center}.product-thumb{width:50px;height:50px;border-radius:8px;object-fit:cover;background:#dee2e6}.product-info{flex:1}.product-name{font-weight:600;color:#2c3e50;margin:0 0 .25rem;font-size:.938rem}.product-stats{font-size:.813rem;color:#7f8c8d;margin:0}.stock-warning{font-size:.813rem;color:#e67e22;font-weight:600;margin:0}.no-data{text-align:center;color:#95a5a6;padding:2rem;font-style:italic}.section-container.full-width{grid-column:1 / -1}.recent-orders-table{overflow-x:auto}.recent-orders-table table{width:100%;border-collapse:collapse}.recent-orders-table th{text-align:left;padding:.75rem 1rem;background:#f8f9fa;color:#7f8c8d;font-weight:600;font-size:.813rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #dee2e6}.recent-orders-table td{padding:1rem;border-bottom:1px solid #e9ecef;color:#2c3e50}.order-id{font-family:Courier New,monospace;font-size:.875rem;color:#7f8c8d}.amount{font-weight:600;color:#27ae60}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.processing{background:#d1ecf1;color:#0c5460}.status-badge.shipped{background:#cce5ff;color:#004085}.status-badge.delivered{background:#d4edda;color:#155724}.status-badge.cancelled{background:#f8d7da;color:#721c24}.ga4-link-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 24px #667eea4d;margin-top:2rem}.ga4-info h3{margin:0 0 .5rem;font-size:1.5rem;color:#fff}.ga4-info p{margin:0;opacity:.9;font-size:1rem}.ga4-button{padding:1rem 2rem;background:#fff;color:#667eea;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;white-space:nowrap}.ga4-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}@media(max-width:1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.analytics-dashboard{padding:1rem}.analytics-header{flex-direction:column;gap:1rem;align-items:flex-start}.metrics-grid,.analytics-columns{grid-template-columns:1fr}.status-grid{grid-template-columns:repeat(2,1fr)}.ga4-link-card{flex-direction:column;gap:1.5rem;text-align:center}.recent-orders-table{font-size:.875rem}.recent-orders-table th,.recent-orders-table td{padding:.5rem}}@media(max-width:480px){.time-stats,.status-grid{grid-template-columns:1fr}}.bulk-upload-modal{max-width:900px;max-height:90vh;overflow-y:auto}.bulk-upload-content{padding:1.5rem}.upload-instructions{display:flex;gap:1rem;background:#e3f2fd;border-left:4px solid #2196F3;padding:1rem;border-radius:6px;margin-bottom:1.5rem}.upload-instructions .info-icon{font-size:2rem;color:#2196f3;flex-shrink:0}.upload-instructions h3{margin:0 0 .5rem;color:#1976d2;font-size:1.1rem}.upload-instructions ol{margin:0;padding-left:1.5rem}.upload-instructions li{margin-bottom:.25rem;color:#555}.template-buttons{display:flex;gap:1rem;margin-bottom:2rem}.btn-template{flex:1;padding:1rem;border:2px dashed #ccc;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:500;transition:all .3s ease}.btn-template:hover{border-color:#4caf50;background:#f1f8e9;transform:translateY(-2px)}.btn-template.csv{color:#2e7d32}.btn-template.excel{color:#1b5e20}.btn-template svg{font-size:1.5rem}.file-upload-area{margin-bottom:2rem}.upload-zone{display:block;padding:3rem;border:3px dashed #ccc;border-radius:12px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.upload-zone:hover{border-color:#4caf50;background:#f1f8e9}.upload-icon{font-size:3rem;color:#4caf50;margin-bottom:1rem}.upload-text{font-size:1.1rem;font-weight:500;color:#333;margin-bottom:.5rem}.upload-hint{font-size:.9rem;color:#777}.processing-indicator{text-align:center;padding:2rem}.spinner{border:4px solid #f3f3f3;border-top:4px solid #4CAF50;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1rem}.upload-progress{margin:2rem 0}.progress-bar{width:100%;height:30px;background:#e0e0e0;border-radius:15px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);transition:width .3s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem;color:#fff;font-weight:700}.upload-progress p{text-align:center;color:#4caf50;font-weight:500}.validation-errors{background:#ffebee;border-left:4px solid #f44336;padding:1rem;border-radius:6px;margin-bottom:1.5rem;max-height:300px;overflow-y:auto}.validation-errors h3{margin:0 0 1rem;color:#c62828;display:flex;align-items:center;gap:.5rem}.error-list{display:flex;flex-direction:column;gap:1rem}.error-item{background:#fff;padding:.75rem;border-radius:4px;border:1px solid #ef9a9a}.error-item strong{color:#d32f2f;display:block;margin-bottom:.5rem}.error-item ul{margin:0;padding-left:1.5rem}.error-item li{color:#666;font-size:.9rem;margin-bottom:.25rem}.preview-section{margin-bottom:2rem}.preview-section h3{margin:0 0 1rem;color:#2e7d32;display:flex;align-items:center;gap:.5rem}.preview-table-container{border:1px solid #ddd;border-radius:8px;overflow:hidden}.preview-table{width:100%;border-collapse:collapse}.preview-table thead{background:#f5f5f5}.preview-table th{padding:.75rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #ddd}.preview-table td{padding:.75rem;border-bottom:1px solid #eee;color:#555}.preview-table tbody tr:hover{background:#f9f9f9}.preview-note{text-align:center;padding:.75rem;background:#f5f5f5;color:#666;font-size:.9rem;margin:0}.bulk-upload-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #ddd}.btn-upload{padding:.75rem 2rem;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-upload:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#81c784);transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.btn-upload:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.btn-cancel{padding:.75rem 2rem;background:#fff;color:#666;border:2px solid #ddd;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#f5f5f5;border-color:#999}.field-reference{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:1rem;margin-top:2rem}.field-reference h4{margin:0 0 .75rem;color:#333;font-size:1rem}.field-reference ul{margin:0;padding-left:1.5rem;columns:2;column-gap:2rem}.field-reference li{font-size:.85rem;color:#666;margin-bottom:.5rem;break-inside:avoid}.field-reference strong{color:#333;font-weight:600}@media(max-width:768px){.bulk-upload-modal{max-width:95%;margin:1rem}.template-buttons{flex-direction:column}.field-reference ul{columns:1}.preview-table{font-size:.85rem}.preview-table th,.preview-table td{padding:.5rem}.bulk-upload-actions{flex-direction:column}.btn-upload,.btn-cancel{width:100%}}.btn-bulk-upload{padding:.625rem 1.25rem;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.btn-bulk-upload:hover{background:linear-gradient(135deg,#ff8e53,#ffb84d);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}.btn-bulk-upload svg{font-size:1.1rem}.image-upload-options-section{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.image-upload-options-section h3{margin:0 0 1rem;color:#333;font-size:1.1rem}.upload-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.upload-method{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:1rem;display:flex;gap:.75rem;transition:all .3s ease}.upload-method:hover{border-color:#4caf50;box-shadow:0 2px 8px #4caf5033}.method-number{width:32px;height:32px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.method-content h4{margin:0 0 .5rem;font-size:.95rem;color:#333}.method-content p{margin:0 0 .75rem;font-size:.85rem;color:#666}.method-badge{display:inline-block;padding:.25rem .5rem;background:#e0e0e0;color:#666;border-radius:4px;font-size:.75rem;font-weight:600}.method-badge.recommended{background:#4caf50;color:#fff}.btn-bulk-images{padding:.5rem 1rem;background:linear-gradient(135deg,#2196f3,#42a5f5);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.btn-bulk-images:hover{background:linear-gradient(135deg,#42a5f5,#64b5f6);transform:translateY(-1px)}.images-uploaded{display:block;margin-top:.5rem;color:#4caf50;font-size:.85rem;font-weight:500}.image-upload-progress{background:#e3f2fd;border-left:4px solid #2196F3;padding:1rem;border-radius:6px;margin-bottom:1.5rem}.image-upload-progress p{margin:0 0 .5rem;color:#1976d2;font-weight:500;text-align:center}.image-upload-progress .progress-bar{height:20px;background:#bbdefb;border-radius:10px;overflow:hidden;margin-bottom:.5rem}.image-upload-progress .progress-fill{height:100%;background:linear-gradient(90deg,#2196f3,#42a5f5)}.upload-hint-success{color:#4caf50!important;font-weight:600!important}.image-field-help{margin-top:1rem;padding-top:1rem;border-top:1px solid #ddd}.image-field-help strong{display:block;margin-bottom:.5rem;color:#2196f3}.image-field-help ul{margin:.5rem 0 0;padding-left:1.5rem}.image-field-help li{margin-bottom:.5rem;font-size:.85rem}.image-upload-tool-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-in}.image-upload-tool-modal{background:#fff;border-radius:12px;width:100%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease-out}.image-upload-tool-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:2px solid #f0f0f0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.image-upload-tool-header h2{margin:0;font-size:24px;display:flex;align-items:center;gap:10px}.image-upload-tool-subtitle{margin:8px 0 0;font-size:14px;opacity:.9}.close-btn{background:#fff3;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;transition:all .2s}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.image-upload-tool-content{padding:24px;overflow-y:auto;flex:1}.upload-instructions{background:#e8f4fd;border:2px solid #3498db;border-radius:8px;padding:16px;margin-bottom:24px;display:flex;gap:16px}.upload-instructions .info-icon{color:#3498db;font-size:24px;flex-shrink:0;margin-top:2px}.upload-instructions h3{margin:0 0 8px;color:#2c3e50;font-size:16px}.upload-instructions ol{margin:0;padding-left:20px;color:#34495e;line-height:1.6}.upload-instructions li{margin:4px 0}.upload-dropzone{border:3px dashed #cbd5e0;border-radius:12px;padding:60px 40px;text-align:center;cursor:pointer;transition:all .3s;background:#f8fafc;margin-bottom:24px}.upload-dropzone:hover:not(.uploading){border-color:#667eea;background:#f0f4ff;transform:translateY(-2px)}.upload-dropzone.drag-active{border-color:#667eea;background:#e8efff;transform:scale(1.02)}.upload-dropzone.uploading{cursor:not-allowed;opacity:.9}.upload-icon{font-size:48px;color:#667eea;margin-bottom:16px}.upload-dropzone h3{margin:0 0 8px;color:#2d3748;font-size:20px}.upload-dropzone p{margin:0;color:#718096;font-size:16px}.upload-hint{display:inline-block;margin-top:12px;padding:6px 12px;background:#edf2f7;border-radius:20px;color:#4a5568;font-size:13px}.upload-progress-display{display:flex;flex-direction:column;align-items:center;gap:16px}.spinner{border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-progress-display p{font-size:16px;color:#4a5568;margin:0}.progress-bar{width:100%;max-width:400px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s}.uploaded-images-section{margin-top:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.section-header h3{margin:0;color:#2d3748;font-size:18px;display:flex;align-items:center;gap:8px}.success-icon{color:#48bb78}.section-actions{display:flex;gap:8px}.action-btn{padding:8px 16px;border:1px solid #cbd5e0;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;transition:all .2s;color:#4a5568}.action-btn:hover{background:#f7fafc;border-color:#667eea;color:#667eea;transform:translateY(-1px)}.action-btn.danger:hover{border-color:#f56565;color:#f56565}.images-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding:4px}.image-item{display:flex;gap:16px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s;align-items:center}.image-item:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #0000001a}.image-preview{width:80px;height:80px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#fff;border:1px solid #e2e8f0}.image-preview img{width:100%;height:100%;object-fit:cover}.image-details{flex:1;min-width:0}.image-filename{font-weight:600;color:#2d3748;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-url{margin-bottom:4px}.image-url input{width:100%;padding:6px 10px;border:1px solid #cbd5e0;border-radius:4px;font-size:12px;font-family:Monaco,Courier New,monospace;background:#fff;color:#4a5568}.image-url input:focus{outline:none;border-color:#667eea;background:#f0f4ff}.image-meta{font-size:11px;color:#718096}.image-actions{display:flex;gap:8px;flex-shrink:0}.copy-btn,.remove-btn{width:36px;height:36px;border:1px solid #cbd5e0;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:14px}.copy-btn{color:#667eea}.copy-btn:hover{background:#667eea;border-color:#667eea;color:#fff;transform:scale(1.1)}.copy-btn.copied{background:#48bb78;border-color:#48bb78;color:#fff}.remove-btn{color:#f56565}.remove-btn:hover{background:#f56565;border-color:#f56565;color:#fff;transform:scale(1.1)}.tips-section{margin-top:24px;padding:16px;background:#fffbeb;border:2px solid #fbbf24;border-radius:8px}.tips-section h4{margin:0 0 12px;color:#92400e;font-size:15px}.tips-section ul{margin:0;padding-left:20px;color:#78350f;line-height:1.7}.tips-section li{margin:6px 0}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.images-list::-webkit-scrollbar,.image-upload-tool-content::-webkit-scrollbar{width:8px}.images-list::-webkit-scrollbar-track,.image-upload-tool-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.images-list::-webkit-scrollbar-thumb,.image-upload-tool-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.images-list::-webkit-scrollbar-thumb:hover,.image-upload-tool-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media(max-width:768px){.image-upload-tool-modal{max-width:95%;max-height:95vh}.image-upload-tool-header{padding:16px}.image-upload-tool-header h2{font-size:20px}.image-upload-tool-content{padding:16px}.upload-dropzone{padding:40px 20px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-actions{width:100%;flex-wrap:wrap}.action-btn{flex:1;justify-content:center}.image-item{flex-direction:column;align-items:stretch}.image-preview{width:100%;height:200px}.image-actions{width:100%;justify-content:center}.upload-instructions{flex-direction:column}}.admin-container{min-height:100vh;padding:2rem;background-color:#f5f5f5}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.admin-header h1{color:#333;font-size:2rem;margin:0}.admin-header-actions{display:flex;gap:1rem}.btn-credentials{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.btn-credentials:hover{background:#4f46e5}.btn-logout{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.btn-logout:hover{background:#b91c1c}.btn-add{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ff1493;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.btn-add:hover{background:#e01180}.btn-image-upload{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 8px #667eea4d;will-change:transform}.btn-image-upload:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-bulk-upload{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.btn-bulk-upload:hover{background:#059669}.products-table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;contain:layout style}.products-table table{width:100%;border-collapse:collapse}.products-table thead{background:#f8f9fa}.products-table th{padding:1rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}.products-table td{padding:1rem;border-bottom:1px solid #dee2e6;vertical-align:middle}.product-image-cell{position:relative;display:inline-block}.product-thumbnail{width:60px;height:80px;object-fit:cover;border-radius:4px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.image-count-indicator{position:absolute;bottom:4px;right:4px;background-color:#d946a6e6;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:10px;line-height:1;box-shadow:0 2px 4px #0003}.category-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500;text-transform:capitalize}.category-badge.kurti-sets{background:#ffeef8;color:#c71585}.category-badge.leggings{background:#fff4e6;color:#ff8c00}.category-badge.Jewellery,.category-badge[class*=Jewellery-]{background:#f0e6ff;color:#8b00ff}.category-badge.cordsets{background:#fff4e6;color:#ff6b35}.category-badge.straight-pants{background:#e8f5e9;color:#2e7d32}.price-cell{display:flex;flex-direction:column;gap:.25rem}.current-price{font-weight:600;color:#333;font-size:1rem}.original-price{font-size:.875rem;color:#999;text-decoration:line-through}.badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge.new,.badge.new.arrival{background:#28a745;color:#fff}.badge.sale{background:#dc3545;color:#fff}.badge.hot{background:#ff6b6b;color:#fff}.badge.trending{background:#ffc107;color:#333}.featured-status{font-weight:500}.featured-status.yes{color:#28a745}.featured-status.no{color:#999}.action-buttons{display:flex;gap:.5rem}.btn-edit,.btn-delete{padding:.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .3s ease,transform .2s ease}.btn-edit{background:#007bff;color:#fff}.btn-edit:hover{background:#0056b3}.btn-delete{background:#dc3545;color:#fff}.btn-delete:hover{background:#c82333}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-wrap:wrap;gap:1rem}.pagination-info{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.pagination-info>span{color:#666;font-size:.95rem}.items-per-page{display:flex;align-items:center;gap:.5rem}.items-per-page label{color:#666;font-size:.95rem;font-weight:500}.items-per-page-select{padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:.95rem;cursor:pointer;transition:border-color .3s ease}.items-per-page-select:hover{border-color:#ff1493}.items-per-page-select:focus{outline:none;border-color:#ff1493;box-shadow:0 0 0 3px #ff14931a}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{min-width:40px;height:40px;padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:#ff1493;color:#fff;border-color:#ff1493;transform:translateY(-2px);box-shadow:0 4px 8px #ff149333}.pagination-btn.active{background:#ff1493;color:#fff;border-color:#ff1493;box-shadow:0 2px 4px #ff14934d}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:#f5f5f5}.pagination-ellipsis{padding:.5rem .75rem;color:#999;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;overflow-y:auto;contain:layout style paint}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;contain:layout style;will-change:transform}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #dee2e6}.modal-header h2{margin:0;color:#333;font-size:1.5rem}.btn-close{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:.25rem;transition:color .3s ease}.btn-close:hover{color:#333}.product-form{padding:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input[type=text],.form-group input[type=number],.form-group input[type=url],.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ff1493}.form-group textarea{resize:vertical;font-family:inherit}.form-group input[type=checkbox]{width:auto;margin-right:.5rem}.price-preview{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #10b981;border-radius:8px;padding:1rem;margin:1rem 0;display:flex;gap:2rem;align-items:center;justify-content:center}.preview-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.preview-label{font-size:.85rem;color:#6b7280;font-weight:500}.preview-value{font-size:1.25rem;color:#10b981;font-weight:700}.preview-value.discount-percent{color:#d946a6;font-size:1.3rem}.size-checkboxes{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.size-checkboxes .checkbox-label{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid #dee2e6;border-radius:6px;cursor:pointer;transition:border-color .3s ease,background .3s ease;background:#fff}.size-checkboxes .checkbox-label:hover{border-color:#ff1493;background:#fff5fb}.size-checkboxes .checkbox-label input[type=checkbox]{margin:0;cursor:pointer}.size-checkboxes .checkbox-label input[type=checkbox]:checked+span{color:#ff1493;font-weight:600}.size-checkboxes .checkbox-label span{font-size:.95rem;font-weight:500;color:#333}.image-upload-section{border:2px dashed #dee2e6;border-radius:8px;padding:1.5rem;background:#f8f9fa}.accepted-formats{display:flex;align-items:center;gap:.5rem;margin:.5rem 0 1rem;padding:.75rem 1rem;background:#e0f2fe;border-left:4px solid #0284c7;border-radius:4px;color:#075985;font-size:.9rem;font-weight:500}.accepted-formats svg{color:#0284c7}.drag-drop-zone{border:2px dashed #cbd5e1;border-radius:8px;padding:2.5rem 1.5rem;text-align:center;background:#fff;cursor:pointer;transition:border-color .3s ease,background .3s ease,transform .3s ease;margin-bottom:1rem}.drag-drop-zone:hover{border-color:#3b82f6;background:#eff6ff}.drag-drop-zone.drag-over{border-color:#3b82f6;background:#dbeafe;transform:scale(1.02)}.upload-icon{font-size:3rem;color:#94a3b8;margin-bottom:1rem}.drag-drop-zone:hover .upload-icon{color:#3b82f6}.drag-drop-text{font-size:1rem;color:#475569;margin:.5rem 0}.drag-drop-text strong{color:#3b82f6;font-weight:600}.drag-drop-hint{font-size:.875rem;color:#94a3b8;margin:.25rem 0 0}.image-upload-options{display:flex;flex-direction:column;gap:1rem}.upload-option{display:flex;flex-direction:column}.file-upload-label{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#007bff;color:#fff;border-radius:6px;cursor:pointer;transition:background .3s ease;font-weight:500;width:fit-content}.file-upload-label:hover{background:#0056b3}.upload-divider{text-align:center;color:#999;font-weight:500;position:relative}.upload-divider:before,.upload-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#dee2e6}.upload-divider:before{left:0}.upload-divider:after{right:0}.url-option{display:flex;gap:.5rem;align-items:center}.image-url-input{flex:1;padding:.75rem;border:1px solid #ced4da;border-radius:6px;font-size:1rem}.btn-add-url{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .3s ease,transform .2s ease;white-space:nowrap}.btn-add-url:hover:not(:disabled){background:#059669}.btn-add-url:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.helper-text{margin-top:.75rem;padding:1rem;background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:.9rem;display:flex;align-items:center;gap:.5rem;justify-content:center}.image-preview{margin-top:1rem;text-align:center}.image-preview img{max-width:100%;max-height:300px;border-radius:8px;object-fit:contain;box-shadow:0 2px 8px #0000001a}.image-preview-grid{margin-top:1rem}.preview-label{font-size:.9rem;color:#6b7280;font-weight:500;margin-bottom:.75rem}.preview-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border:2px dashed #d1d5db}.image-preview-item{position:relative;aspect-ratio:3/4;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;background:#fff;will-change:transform}.image-preview-item:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.image-preview-item img{width:100%;height:100%;object-fit:cover;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.pdf-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;text-align:center}.pdf-icon{font-size:3rem;margin-bottom:.5rem;opacity:.9}.pdf-name{font-size:.85rem;font-weight:600;word-wrap:break-word;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.loading-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#b8860b,#daa520);color:#fff;padding:1rem;text-align:center}.loading-preview .spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.5rem;will-change:transform}@keyframes spin{to{transform:rotate(360deg) translateZ(0)}}.loading-preview span{font-size:.85rem;font-weight:600}.image-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fee;color:#c00;padding:1rem;text-align:center;font-size:.85rem;font-weight:600;border:2px dashed #c00;border-radius:8px}.remove-image-btn{position:absolute;top:8px;right:8px;background:#ff0000e6;color:#fff;border:2px solid white;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s ease;z-index:100;will-change:transform;box-shadow:0 2px 6px #0000004d}.remove-image-btn:hover{background:#dc0000;transform:scale(1.15);box-shadow:0 4px 12px #f006}.remove-image-btn:active{transform:scale(1.05)}.primary-badge{position:absolute;bottom:8px;left:8px;background:#10b981e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.set-primary-btn{position:absolute;bottom:8px;left:8px;background:#ffc107f2;color:#333;padding:6px 10px;border:none;border-radius:4px;font-size:.7rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;gap:4px;z-index:10;will-change:transform}.set-primary-btn:hover{background:#ffc107;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.set-primary-btn:active{transform:translateY(0)}.video-upload-section{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:12px;border:2px dashed #667eea}.video-upload-controls{margin-top:1rem}.btn-video-upload{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;width:100%;max-width:400px}.btn-video-upload:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-video-upload:disabled{opacity:.7;cursor:not-allowed}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;will-change:transform}.upload-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-top:1rem}.upload-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;border-radius:4px}.video-preview-container{margin-top:1rem;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000026;background:#000}.video-preview{width:100%;max-height:400px;display:block;background:#000}.remove-video-btn{margin-top:.75rem;padding:.75rem 1.5rem;background:#ef4444e6;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease;display:inline-flex;align-items:center;gap:.5rem}.remove-video-btn:hover{background:#ef4444;transform:translateY(-1px)}.remove-video-btn svg{font-size:1rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #dee2e6}.btn-cancel,.btn-submit{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease,transform .2s ease}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover{background:#5a6268}.btn-submit{background:#28a745;color:#fff}.btn-submit:hover{background:#218838}.success-message{background:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;text-align:center}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;text-align:center}.credentials-modal{max-width:500px}.credentials-form{padding:1.5rem}.credentials-form .form-group label{display:flex;align-items:center;gap:.5rem}@media(max-width:1024px){.products-table{overflow-x:auto}.products-table table{min-width:800px}.orders-table{overflow-x:auto}.orders-table table{min-width:1000px}}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:2px solid #dee2e6;border-radius:6px;font-size:1rem;font-weight:600;color:#6c757d;cursor:pointer;transition:border-color .3s ease,color .3s ease,background .3s ease}.tab-button:hover{border-color:#ff1493;color:#ff1493;background:#fff5fb}.tab-button.active{background:#ff1493;color:#fff;border-color:#ff1493}.orders-section{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.orders-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.orders-filters{display:flex;gap:.5rem;flex-wrap:wrap;flex:1}.filter-btn{padding:.5rem 1rem;background:#f8f9fa;border:2px solid #dee2e6;border-radius:6px;font-size:.875rem;font-weight:500;color:#6c757d;cursor:pointer;transition:border-color .3s ease,color .3s ease,background .3s ease}.filter-btn:hover{border-color:#ff1493;color:#ff1493;background:#fff5fb}.filter-btn.active{background:#ff1493;color:#fff;border-color:#ff1493}.btn-refresh{padding:.5rem 1rem;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .3s ease,transform .2s ease;white-space:nowrap}.btn-refresh:hover:not(:disabled){background:#4f46e5}.btn-refresh:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.loading{text-align:center;padding:3rem;color:#6c757d;font-size:1.1rem}.loading-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;contain:layout style paint}.loading-spinner{background:#fff;padding:2rem 3rem;border-radius:12px;text-align:center;box-shadow:0 10px 40px #0000004d}.loading-spinner .spin-icon{font-size:3rem;color:#b8860b;animation:spin 1s linear infinite;margin-bottom:1rem;will-change:transform}.loading-spinner p{margin:0;color:#333;font-size:1.1rem;font-weight:500}@keyframes spin{0%{transform:rotate(0) translateZ(0)}to{transform:rotate(360deg) translateZ(0)}}.no-orders{text-align:center;padding:3rem;color:#6c757d}.no-orders p{font-size:1.1rem;margin:0}.orders-table{overflow-x:auto}.orders-table table{width:100%;border-collapse:collapse}.orders-table thead{background:#f8f9fa}.orders-table th{padding:1rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6;white-space:nowrap}.orders-table td{padding:1rem;border-bottom:1px solid #dee2e6;vertical-align:top}.customer-info{display:flex;flex-direction:column;gap:.25rem}.customer-info div{font-weight:600;color:#333}.customer-info small{color:#6c757d;font-size:.85rem}.items-count{display:inline-block;padding:.25rem .75rem;background:#e3f2fd;color:#1976d2;border-radius:12px;font-size:.85rem;font-weight:600}.payment-info{display:flex;flex-direction:column;gap:.25rem}.payment-info div{font-weight:500;color:#333}.payment-status{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.payment-status.completed{background:#d4edda;color:#155724}.payment-status.pending{background:#fff3cd;color:#856404}.payment-status.failed{background:#f8d7da;color:#721c24}.status-select{padding:.5rem .75rem;border:2px solid #dee2e6;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .3s ease,box-shadow .2s ease;background:#fff}.status-select:focus{outline:none;border-color:#ff1493}.status-select.status-pending{border-color:#ffc107;color:#856404}.status-select.status-confirmed{border-color:#17a2b8;color:#0c5460}.status-select.status-processing{border-color:#007bff;color:#004085}.status-select.status-shipped{border-color:#6f42c1;color:#3d1a6b}.status-select.status-completed{border-color:#28a745;color:#155724}.status-select.status-cancelled{border-color:#dc3545;color:#721c24}.btn-view-details{padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .3s ease,transform .2s ease;white-space:nowrap}.btn-view-details:hover{background:#0056b3}@media(max-width:1024px){.products-table{overflow-x:auto}.products-table table{min-width:800px}}@media(max-width:768px){.admin-container{padding:1rem}.admin-header{flex-direction:column;gap:1rem;text-align:center}.admin-header h1{font-size:1.5rem}.admin-header-actions{flex-direction:column;width:100%}.btn-credentials,.btn-add,.btn-logout{width:100%;justify-content:center}.form-row{grid-template-columns:1fr}.modal-content{max-height:95vh}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}@media(max-width:480px){.admin-header h1{font-size:1.25rem}.admin-header-actions{width:100%}.btn-credentials,.btn-add,.btn-logout{width:100%;justify-content:center}.pagination-container{flex-direction:column;gap:1.5rem;padding:1rem}.pagination-info{flex-direction:column;gap:1rem;width:100%;text-align:center}.items-per-page{justify-content:center}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-btn{min-width:36px;height:36px;padding:.4rem .6rem;font-size:.9rem}.modal-overlay{padding:0}.modal-content{max-height:100vh;border-radius:0}}.order-details-modal{max-width:800px;max-height:90vh;overflow-y:auto}.order-details-modal .modal-body{padding:0}.detail-section{padding:1.5rem;border-bottom:1px solid #e5e7eb}.detail-section:last-child{border-bottom:none}.detail-section h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #f3f4f6}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{font-size:.875rem;color:#6b7280;font-weight:500}.info-item span{font-size:.9375rem;color:#1f2937;font-weight:400}.address-box{background:#f9fafb;padding:1rem;border-radius:8px;border:1px solid #e5e7eb}.address-box p{margin:.25rem 0;color:#374151;line-height:1.5}.items-list{display:flex;flex-direction:column;gap:1rem}.item-row{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.item-image{width:60px;height:60px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.item-details{flex:1}.item-details strong{display:block;color:#1f2937;font-size:.9375rem;margin-bottom:.25rem}.item-details p{margin:0;color:#6b7280;font-size:.875rem}.item-price{font-weight:600;color:#1f2937;font-size:1rem}.payment-status{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:500;text-transform:capitalize}.payment-status.completed{background:#d1fae5;color:#065f46}.payment-status.pending{background:#fef3c7;color:#92400e}.payment-status.failed{background:#fee2e2;color:#991b1b}.pricing-breakdown{display:flex;flex-direction:column;gap:.75rem;background:#f9fafb;padding:1rem;border-radius:8px;border:1px solid #e5e7eb}.pricing-row{display:flex;justify-content:space-between;align-items:center;font-size:.9375rem;color:#374151}.pricing-row.total{padding-top:.75rem;margin-top:.5rem;border-top:2px solid #e5e7eb;font-size:1.125rem;color:#1f2937}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-secondary{padding:.625rem 1.5rem;background:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s ease}.btn-secondary:hover{background:#4b5563}@media(max-width:768px){.order-details-modal{max-width:100%;margin:1rem}.info-grid{grid-template-columns:1fr}.item-row{flex-direction:column;align-items:flex-start}.item-price{align-self:flex-end}}.stock-status-toggle{display:flex;gap:1rem;margin-top:.5rem}.stock-status-toggle .radio-label{flex:1;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:border-color .3s ease,background .3s ease;background:#fff}.stock-status-toggle .radio-label input[type=radio]{display:none}.stock-status-toggle .radio-label .radio-text{font-weight:600;font-size:.95rem;color:#666}.stock-status-toggle .radio-label:hover{border-color:#6366f1;background:#f8f9ff}.stock-status-toggle .radio-label.active{border-color:#10b981;background:#ecfdf5}.stock-status-toggle .radio-label.active .radio-text{color:#10b981}.stock-status-toggle .radio-label:last-child.active{border-color:#ef4444;background:#fef2f2}.stock-status-toggle .radio-label:last-child.active .radio-text{color:#ef4444}.stock-status-badge{display:inline-block;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:600;text-align:center;white-space:nowrap}.stock-status-badge.in-stock{background:#ecfdf5;color:#10b981;border:1px solid #10b981}.stock-status-badge.out-of-stock{background:#fef2f2;color:#ef4444;border:1px solid #ef4444}.stock-status-badge.sold{background:#f3e8ff;color:#8b5cf6;border:1px solid #8b5cf6}.stock-cell{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.stock-quantity{display:flex;align-items:center;gap:.5rem}.quantity-badge{padding:.25rem .6rem;border-radius:4px;font-size:.8rem;font-weight:600}.quantity-badge.zero{background:#fee2e2;color:#dc2626}.quantity-badge.low{background:#fef3c7;color:#d97706}.quantity-badge.healthy{background:#dbeafe;color:#2563eb}.stock-quantity-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.input-with-label{display:flex;flex-direction:column;gap:.5rem}.input-with-label label{font-size:.9rem;font-weight:600;color:#374151}.input-with-label small{font-size:.75rem;color:#6b7280;margin-top:.25rem}.stock-input,.threshold-input{padding:.6rem;border:2px solid #d1d5db;border-radius:6px;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.stock-input:focus,.threshold-input:focus{outline:none;border-color:#b8860b;box-shadow:0 0 0 3px #b8860b1a}.low-stock-warning{display:inline-block;margin-top:.25rem;padding:.25rem .5rem;background:#fef3c7;color:#d97706;border-radius:4px;font-size:.8rem;font-weight:600}.stock-info-summary{margin-top:1rem;padding:.75rem;border-radius:6px;background:#f9fafb}.stock-alert{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600}.stock-alert.out-of-stock{color:#dc2626}.stock-alert.low-stock{color:#d97706}.stock-alert.in-stock{color:#10b981}.stock-alert.sold{color:#8b5cf6}.shipping-type-group{display:flex;gap:1rem;margin:1rem 0;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.shipping-type-group .radio-label{flex:1;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;border:2px solid #d1d5db;border-radius:6px;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;background:#fff}.shipping-type-group .radio-label:hover{border-color:#b8860b;background:#fffbf0}.shipping-type-group .radio-label.active{border-color:#b8860b;background:#fffbf0;box-shadow:0 0 0 3px #b8860b1a}.shipping-type-group .radio-label input[type=radio]{margin-right:.5rem}.shipping-type-group .radio-text{font-weight:600;font-size:.95rem;color:#374151}.shipping-cost-input-group{margin-top:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.shipping-cost-input{width:100%;padding:.6rem;border:2px solid #d1d5db;border-radius:6px;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.shipping-cost-input:focus{outline:none;border-color:#b8860b;box-shadow:0 0 0 3px #b8860b1a}.shipping-info-summary{margin-top:1rem;padding:.75rem;border-radius:6px;background:#f9fafb}.shipping-alert{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600}.shipping-alert.free-shipping{color:#10b981}.shipping-alert.custom-shipping{color:#2563eb}.shipping-alert.auto-shipping{color:#6b7280}.upload-success-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease;contain:layout style paint}.upload-success-content{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 10px 40px #0003;text-align:center;max-width:450px;width:90%;animation:slideUp .4s ease;position:relative;contain:layout style;will-change:transform}.upload-success-content .success-icon{margin-bottom:1.5rem;display:flex;justify-content:center}.upload-success-content .success-icon svg{animation:scaleIn .5s ease}.upload-success-content .check-circle{animation:drawCircle .6s ease forwards;stroke-dasharray:176;stroke-dashoffset:176}.upload-success-content .check-mark{animation:drawCheck .4s ease .3s forwards;stroke-dasharray:40;stroke-dashoffset:40}.upload-success-content h3{color:#28a745;font-size:1.75rem;margin-bottom:.75rem;font-weight:700}.upload-success-content p{color:#6c757d;font-size:1.1rem;margin-bottom:1.5rem;line-height:1.5}.btn-close-notification{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease,transform .2s ease,box-shadow .3s ease;box-shadow:0 4px 12px #28a7454d;will-change:transform}.btn-close-notification:hover{background:linear-gradient(135deg,#20c997,#28a745);transform:translateY(-2px);box-shadow:0 6px 16px #28a74566}.btn-close-notification:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px) translateZ(0);opacity:0}to{transform:translateY(0) translateZ(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(0) translateZ(0)}to{transform:scale(1) translateZ(0)}}@keyframes drawCircle{to{stroke-dashoffset:0}}@keyframes drawCheck{to{stroke-dashoffset:0}}@media(max-width:768px){.upload-success-content{padding:2rem 1.5rem}.upload-success-content h3{font-size:1.5rem}.upload-success-content p{font-size:1rem}}.admin-login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:1rem}.admin-login-box{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000080;width:100%;max-width:450px;overflow:hidden;border:2px solid #ffc107}.admin-login-header{text-align:center;padding:2.5rem 2rem 1.5rem;background:linear-gradient(135deg,#1a1a2e,#0f3460);color:#fff;position:relative}.admin-login-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ffc107,#ff9800,#ffc107)}.admin-shield-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#ffc10733;border-radius:50%;margin-bottom:1rem;font-size:2rem;color:#ffc107;border:2px solid rgba(255,193,7,.3)}.admin-login-header h1{margin:0 0 .5rem;font-size:2.2rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.admin-login-header p{margin:0;font-size:1.05rem;opacity:1;color:#ffc107;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2)}.admin-badge{margin-top:.75rem;padding:.5rem 1rem;background:#ffc10726;border-radius:20px;display:inline-block;border:1px solid rgba(255,193,7,.3)}.admin-badge small{font-size:.85rem;font-weight:500;opacity:.95;display:flex;align-items:center;gap:.25rem;color:#ffc107}.admin-login-form{padding:2rem}.admin-error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;text-align:center;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.admin-login-form .form-group{margin-bottom:1.5rem}.admin-login-form label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#1a1a2e;font-weight:600;font-size:.95rem}.admin-login-form input{width:100%;padding:.875rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#f8f9fa}.admin-login-form input:focus{outline:none;border-color:#ffc107;box-shadow:0 0 0 3px #ffc1071a;background:#fff}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:3rem}.toggle-password{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;font-size:1.25rem;padding:.5rem;transition:color .3s ease}.toggle-password:hover{color:#ffc107}.admin-login-button{width:100%;padding:1rem;background:linear-gradient(135deg,#1a1a2e,#0f3460);color:#fff;border:2px solid #ffc107;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;text-transform:uppercase;letter-spacing:.5px}.admin-login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ffc10766;background:linear-gradient(135deg,#0f3460,#1a1a2e)}.admin-login-button:disabled{opacity:.6;cursor:not-allowed}.admin-login-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0;text-align:center}.admin-login-footer p{margin:.5rem 0}.admin-login-footer a{color:#0f3460;text-decoration:none;font-weight:600;font-size:.9rem}.admin-login-footer a:hover{text-decoration:underline;color:#ffc107}.admin-info{margin-top:1rem;padding:.75rem;background:#fff3cd;border-radius:8px;border:1px solid #ffc107}.admin-info small{color:#856404;font-weight:500;font-size:.85rem}@media(max-width:480px){.admin-login-container{padding:.5rem}.admin-login-box{max-width:100%}.admin-login-form{padding:1.5rem}.admin-login-header h1{font-size:1.5rem}}#root{min-height:100vh;display:flex;flex-direction:column}.App{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background)}main{flex:1;padding:2rem}img{max-width:100%;height:auto;display:block}.container{max-width:1400px;margin:0 auto;padding:0 20px}:root{--color-primary: #D4AF37;--color-primary-light: #E6C76F;--color-primary-dark: #B8941F;--color-accent: #FFB6C1;--color-accent-light: #FFD1DC;--color-accent-dark: #FF9AAD;--color-background: #FFFFFF;--color-surface: #FFF9F5;--color-surface-dark: #F5EFE7;--color-text-primary: #2C2C2C;--color-text-secondary: #6B6B6B;--color-text-light: #9B9B9B;--color-white: #FFFFFF;--color-black: #000000;--color-success: #4CAF50;--color-error: #F44336;--color-warning: #FF9800;--color-info: #2196F3;--font-family-primary: "Playfair Display", serif;--font-family-secondary: "Montserrat", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--shadow-gold: 0 4px 15px rgba(212, 175, 55, .3);--shadow-pink: 0 4px 15px rgba(255, 182, 193, .3);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;min-width:320px;min-height:100vh;background-color:var(--color-background);color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);color:var(--color-text-primary);font-weight:600}p{color:var(--color-text-secondary);line-height:1.6}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}