.vendor-header{height:70px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:999;box-shadow:0 1px 3px #0000000d}.header-search{flex:1;max-width:500px;position:relative}.header-search i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:18px;pointer-events:none}.header-search .form-control{padding-left:48px;height:44px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px}.header-search .form-control:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.profile-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.dropdown-footer a{font-size:13px;color:#4f46e5;text-decoration:none;font-weight:500}.dropdown-item:hover{background:#f3f4f6;color:#4f46e5}@media(max-width:768px){.header-search{max-width:300px}.profile-info{display:none!important}}.vendor-sidebar{width:260px;height:100vh;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:fixed;left:0;top:0;overflow-y:auto;overflow-x:hidden;z-index:1000}.vendor-sidebar::-webkit-scrollbar{width:6px}.vendor-sidebar::-webkit-scrollbar-track{background:#f1f5f9}.vendor-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.vendor-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sidebar-header{padding:24px 20px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#4f46e5,#6366f1)}.sidebar-logo{font-size:22px;font-weight:700;color:#fff;margin:0;text-align:center}.nav-link:hover{background:#f3f4f6;color:#4f46e5}.nav-link.active{background:#eef2ff;color:#4f46e5;border-right:3px solid #4f46e5}.submenu.show{max-height:300px}.submenu a{display:block;padding:10px 20px 10px 52px;color:#6b7280;text-decoration:none;font-size:13px;transition:all .2s ease}.submenu a:hover{background:#f3f4f6;color:#4f46e5;padding-left:56px}.submenu a.active{color:#4f46e5;font-weight:600;background:#eef2ff;border-left:3px solid #4f46e5}.vendor-layout{display:flex;min-height:100vh;background:#f9fafb}.vendor-content-wrapper{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}.vendor-main-content{flex:1;padding:24px;overflow-y:auto}.vendor-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}@media(max-width:1024px){.vendor-content-wrapper{margin-left:0}}.vendor-dashboard{animation:fadeIn .3s ease-in}.stat-card-primary .stat-icon{background:linear-gradient(135deg,#4f46e5,#4338ca)}.stat-card-info .stat-icon{background:linear-gradient(135deg,#f97316,#ea580c)}.product-list{display:flex;flex-direction:column;gap:16px}.product-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:10px;transition:all .2s ease}.product-item:hover{background:#f3f4f6;transform:translate(4px)}.product-rank{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.product-details{flex:1}.product-name{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:4px}.product-sales{font-size:13px;color:#6b7280}.product-revenue{font-size:15px;font-weight:700;color:#1f2937}.table thead th{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding:16px 20px;border-bottom:2px solid #e5e7eb}.table tbody td{padding:16px 20px;font-size:14px;color:#374151;vertical-align:middle}.badge{padding:6px 12px;font-size:12px;font-weight:600;border-radius:6px}.action-card{background:#fff;border-radius:12px;padding:32px 24px;text-align:center;border:2px solid #e5e7eb;transition:all .3s ease;cursor:pointer;height:100%}.action-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.action-card i{font-size:48px;margin-bottom:16px;display:block}.action-card h4{font-size:18px;font-weight:700;margin-bottom:8px;color:#1f2937}.action-card p{font-size:14px;color:#6b7280;margin:0}.action-card-primary{border-color:#4f46e5}.action-card-primary:hover{border-color:#4338ca;background:#eef2ff}.action-card-primary i{color:#4f46e5}.action-card-success{border-color:#10b981}.action-card-success:hover{border-color:#059669;background:#d1fae5}.action-card-success i{color:#10b981}.action-card-warning{border-color:#f59e0b}.action-card-warning:hover{border-color:#d97706;background:#fef3c7}.action-card-warning i{color:#f59e0b}@media(max-width:768px){.stat-card{padding:20px}.stat-icon{width:48px;height:48px;font-size:24px}.stat-value{font-size:24px}}.product-list-page{padding:32px;background:#f8f9fa;min-height:100vh}.page-header{margin-bottom:32px}.header-content{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:24px 28px;border-radius:12px;box-shadow:0 2px 8px #00000014}.header-left{display:flex;align-items:center;gap:18px}.header-icon{width:56px;height:56px;background:linear-gradient(135deg,#5b6cf2,#4a54d1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;box-shadow:0 4px 12px #5b6cf24d}.header-text h1{font-size:26px;font-weight:700;color:#1a202c;margin:0 0 4px;letter-spacing:-.3px}.header-text p{font-size:14px;color:#5b6cf2;margin:0;font-weight:600}.btn-add-product{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#5b6cf2,#4a54d1);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #5b6cf240}.btn-add-product:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5b6cf259}.btn-add-product i{font-size:16px}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;box-shadow:0 2px 8px #0000000f}.stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001a}.stat-card.active{border-color:#5b6cf2;box-shadow:0 4px 16px #5b6cf233;transform:translateY(-2px)}.stat-icon-wrapper{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;transition:all .3s ease}.stat-all .stat-icon-wrapper{background:linear-gradient(135deg,#5b6cf2,#4a54d1);color:#fff}.stat-draft .stat-icon-wrapper{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.stat-pending .stat-icon-wrapper{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-published .stat-icon-wrapper{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-rejected .stat-icon-wrapper{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-card:hover .stat-icon-wrapper{transform:scale(1.08)}.stat-info h3{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 2px;letter-spacing:-.5px}.stat-info p{font-size:13px;color:#6b7280;margin:0;font-weight:600}.toolbar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:18px 22px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f;gap:20px}.toolbar-left{flex:1;display:flex;align-items:center;gap:16px}.search-wrapper{flex:1;max-width:450px;position:relative;display:flex;align-items:center}.search-wrapper i{position:absolute;left:16px;font-size:17px;color:#9ca3af;pointer-events:none}.search-wrapper input{width:100%;padding:12px 45px 12px 48px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .3s ease;background:#f9fafb}.search-wrapper input:focus{outline:none;border-color:#5b6cf2;background:#fff;box-shadow:0 0 0 3px #5b6cf21a}.clear-search{position:absolute;right:10px;width:26px;height:26px;border-radius:50%;border:none;background:#e5e7eb;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-search:hover{background:#d1d5db;color:#1f2937}.results-count{display:flex;align-items:center;gap:6px;padding:8px 18px;background:#f3f4f6;border-radius:8px;white-space:nowrap}.count-number{font-size:16px;font-weight:700;color:#5b6cf2}.count-text{font-size:13px;color:#6b7280;font-weight:600}.toolbar-right{display:flex;align-items:center;gap:12px}.view-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:3px;gap:3px}.view-btn{width:38px;height:38px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:17px;color:#6b7280;transition:all .2s ease}.view-btn:hover{color:#5b6cf2;background:#5b6cf214}.view-btn.active{background:#fff;color:#5b6cf2;box-shadow:0 2px 6px #00000014}.products-display{display:grid;gap:20px}.products-display.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.products-display.list{grid-template-columns:1fr}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;display:flex;flex-direction:column;border:2px solid transparent}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#f3f4f6}.product-image-container{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#f9fafb}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product-card:hover .product-image{transform:scale(1.06)}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.product-image-placeholder i{font-size:52px;color:#9ca3af}.status-badge{position:absolute;top:14px;right:14px;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 3px 12px #0000001f}.badge-draft{background:#9ca3aff0;color:#fff}.badge-pending{background:#f59e0bf0;color:#78350f}.badge-published{background:#10b981f0;color:#fff}.badge-rejected{background:#ef4444f0;color:#fff}.product-content{padding:18px;display:flex;flex-direction:column;gap:12px;flex:1}.product-title{font-size:16px;font-weight:700;color:#1a202c;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.meta-item{display:flex;align-items:center;gap:5px;font-size:12px;color:#6b7280;font-weight:600;padding:5px 10px;background:#f9fafb;border-radius:6px}.meta-item i{font-size:13px;color:#9ca3af}.product-pricing{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#f9fafb;border-radius:10px}.prices{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.regular-price{font-size:14px;color:#9ca3af;text-decoration:line-through;font-weight:600}.sale-price{font-size:20px;font-weight:800;color:#10b981;letter-spacing:-.3px}.discount{padding:3px 8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:5px;font-size:11px;font-weight:700}.stock-info{display:flex;align-items:center;gap:5px;font-size:12px;color:#6b7280;font-weight:600}.stock-info i{font-size:15px;color:#9ca3af}.rejection-reason{display:flex;align-items:flex-start;gap:8px;padding:12px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:3px solid #dc2626;border-radius:8px;font-size:12px;color:#991b1b;line-height:1.5}.rejection-reason i{font-size:16px;flex-shrink:0;margin-top:1px}.product-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-top:2px solid #f3f4f6;margin-top:auto}.product-date{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;font-weight:600}.product-date i{font-size:14px;color:#9ca3af}.product-actions{display:flex;align-items:center;gap:6px}.action-btn{width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .2s ease}.edit-btn{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.edit-btn:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);transform:translateY(-2px);box-shadow:0 3px 10px #1e40af40}.view-btn{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5}.view-btn:hover{background:linear-gradient(135deg,#c7d2fe,#a5b4fc);transform:translateY(-2px);box-shadow:0 3px 10px #4f46e540}.delete-btn{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.delete-btn:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:translateY(-2px);box-shadow:0 3px 10px #dc262640}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:20px}.spinner-large{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#5b6cf2;border-radius:50%;animation:spin .7s linear infinite}.loading-state p{font-size:16px;color:#6b7280;font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.empty-icon{width:100px;height:100px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.empty-icon i{font-size:56px;color:#d1d5db}.empty-state h3{font-size:22px;font-weight:700;color:#1a202c;margin:0 0 10px}.empty-state p{font-size:15px;color:#6b7280;margin:0 0 28px;text-align:center;max-width:380px;line-height:1.5}.products-display.list .product-card{flex-direction:row}.products-display.list .product-image-container{width:260px;aspect-ratio:1}.products-display.list .product-content{flex:1}@media(max-width:1024px){.stats-container{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.product-list-page{padding:20px}.header-content{flex-direction:column;gap:18px;align-items:stretch;padding:20px}.header-left{flex-direction:column;align-items:center;text-align:center}.btn-add-product{width:100%;justify-content:center}.stats-container{grid-template-columns:repeat(2,1fr);gap:14px}.toolbar,.toolbar-left{flex-direction:column;align-items:stretch}.search-wrapper{max-width:100%}.products-display.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.products-display.list .product-card{flex-direction:column}.products-display.list .product-image-container{width:100%;aspect-ratio:4/3}}@media(max-width:480px){.stats-container,.products-display.grid{grid-template-columns:1fr}.header-text h1{font-size:22px}.stat-info h3{font-size:24px}}.add-product-page{padding:24px;background:#f9fafb;min-height:100vh}.add-product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.add-product-header h1{font-size:28px;font-weight:700;color:#111827;display:flex;align-items:center;gap:12px;margin:0}.add-product-header h1 i{color:#4f46e5}.header-actions{display:flex;gap:12px}.alert{padding:16px 20px;border-radius:8px;display:flex;align-items:center;gap:12px;margin-bottom:20px;animation:slideDown .3s ease}.alert-error{background:#fee2e2;border-left:4px solid #dc2626;color:#991b1b}.alert-success{background:#d1fae5;border-left:4px solid #10b981;color:#065f46}.alert i{font-size:20px}.alert-close{margin-left:auto;background:none;border:none;font-size:24px;cursor:pointer;color:inherit;opacity:.7}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.add-product-content{display:grid;grid-template-columns:1fr 400px;gap:24px}.form-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.card-title{font-size:18px;font-weight:600;color:#111827;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.form-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-input,.form-select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-input::placeholder{color:#9ca3af}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:#6b7280;font-weight:600;pointer-events:none}.input-icon-right{position:absolute;right:16px;color:#6b7280;font-weight:600;pointer-events:none}.input-with-icon .form-input{padding-left:40px}.input-with-icon .form-input:has(+.input-icon-right){padding-right:40px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.gender-options,.delivery-options{display:flex;gap:16px;flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 20px;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s ease;background:#fff}.radio-label:hover{border-color:#4f46e5;background:#eef2ff}.radio-label input[type=radio]{cursor:pointer;width:18px;height:18px;accent-color:#4f46e5}.radio-label input[type=radio]:checked+span{color:#4f46e5;font-weight:600}.quill{background:#fff;border-radius:8px;border:2px solid #e5e7eb}.ql-toolbar{border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:2px solid #e5e7eb!important;background:#f9fafb}.ql-container{min-height:200px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;font-size:14px}.gallery-upload-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.gallery-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb}.gallery-item img,.gallery-item video{width:100%;height:100%;object-fit:cover}.gallery-upload-box{aspect-ratio:1;border:2px dashed #d1d5db;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#f9fafb}.gallery-upload-box:hover{border-color:#4f46e5;background:#eef2ff}.gallery-upload-box i{font-size:32px;color:#6b7280;margin-bottom:8px}.gallery-upload-box span{font-size:13px;color:#6b7280;font-weight:500}.remove-gallery-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#dc2626e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.gallery-item:hover .remove-gallery-btn{opacity:1}.thumbnail-upload{width:100%}.thumbnail-upload-box{width:100%;aspect-ratio:4/3;border:2px dashed #d1d5db;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#f9fafb}.thumbnail-upload-box:hover{border-color:#4f46e5;background:#eef2ff}.thumbnail-upload-box i{font-size:48px;color:#6b7280;margin-bottom:12px}.thumbnail-upload-box span{font-size:14px;color:#6b7280;font-weight:500}.thumbnail-preview{position:relative;width:100%;aspect-ratio:4/3;border-radius:12px;overflow:hidden;border:2px solid #e5e7eb}.thumbnail-preview img{width:100%;height:100%;object-fit:cover}.remove-thumbnail-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#dc2626e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px}.tag-input-wrapper{position:relative}.tag-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e5e7eb;border-radius:8px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:10;box-shadow:0 4px 6px #0000001a}.tag-suggestion{width:100%;padding:10px 16px;border:none;background:none;text-align:left;cursor:pointer;transition:background .2s ease;font-size:14px;color:#374151}.tag-suggestion:hover{background:#f3f4f6}.selected-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#eef2ff;color:#4f46e5;border-radius:6px;font-size:13px;font-weight:500}.tag button{background:none;border:none;color:#4f46e5;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.tag button:hover{color:#dc2626}.highlight-item{display:flex;align-items:center;gap:12px;margin-bottom:12px}.highlight-number{width:32px;height:32px;border-radius:50%;background:#eef2ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.highlight-item .form-input{flex:1}.btn-remove-highlight{width:36px;height:36px;border-radius:8px;background:#fee2e2;color:#dc2626;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-remove-highlight:hover{background:#fecaca}.btn-add-highlight{width:100%;padding:12px;border:2px dashed #d1d5db;border-radius:8px;background:none;color:#4f46e5;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add-highlight:hover{border-color:#4f46e5;background:#eef2ff}.btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover:not(:disabled){background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.btn-secondary{background:#fff;color:#374151;border:2px solid #e5e7eb}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.mt-2{margin-top:8px}.mt-3{margin-top:16px}@media(max-width:1200px){.add-product-content{grid-template-columns:1fr}.product-form-right{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}}@media(max-width:768px){.add-product-page{padding:16px}.add-product-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;flex-direction:column}.header-actions .btn{width:100%;justify-content:center}.form-row{grid-template-columns:1fr}.gallery-upload-grid{grid-template-columns:repeat(3,1fr)}.product-form-right{grid-template-columns:1fr}}@media(max-width:480px){.add-product-header h1{font-size:22px}.gallery-upload-grid{grid-template-columns:repeat(2,1fr)}.gender-options,.delivery-options{flex-direction:column}.radio-label{width:100%}}/*!
* Quill Editor v2.0.2
* https://quilljs.com
* Copyright (c) 2017-2024, Slab
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.vendor-orders-container{padding:2rem;background:#f5f6fa;min-height:100vh}.vendor-header{margin-bottom:2rem}.vendor-header h1{font-size:2rem;font-weight:700;color:#2d3436;margin:0 0 .5rem}.vendor-header p{color:#636e72;margin:0;font-size:.95rem}.vendor-tabs{display:flex;gap:1rem;margin-bottom:2rem;background:#fff;padding:1rem;border-radius:8px;flex-wrap:wrap;box-shadow:0 2px 8px #00000014}.tab-btn{padding:.6rem 1.2rem;border:2px solid #e0e0e0;background:#fff;color:#636e72;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{border-color:#5f27cd;color:#5f27cd}.tab-btn.active{background:linear-gradient(135deg,#5f27cd,#341f97);color:#fff;border-color:#5f27cd}.vendor-content{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px #00000014}.orders-table-wrapper{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse}.orders-table thead{background:linear-gradient(135deg,#f5f6fa,#e9ecef);border-bottom:2px solid #5f27cd}.orders-table th{padding:1.2rem;text-align:left;font-weight:600;color:#2d3436;font-size:.9rem}.orders-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .3s ease}.orders-table tbody tr:hover{background:#f8f9fa}.orders-table td{padding:1.2rem;color:#636e72;font-size:.9rem}.customer-info{margin:0}.customer-phone{margin:.2rem 0 0;font-size:.8rem;color:#95a5a6}.amount{font-weight:700;color:#5f27cd}.status-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff}.btn-view,.btn-ship{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-view{background:#5f27cd;color:#fff}.btn-view:hover{background:#341f97;transform:translateY(-2px)}.btn-ship{background:#e0e0e0;color:#2d3436}.btn-ship:hover{background:#5f27cd;color:#fff}.vendor-orders-loader{display:flex;flex-direction:column;justify-content:center;align-items:center;height:60vh;gap:1rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0003}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#636e72}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.address-text{background:#f8f9fa;padding:1rem;border-radius:6px;font-style:normal;color:#636e72;line-height:1.6}.shipment-card{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid #5f27cd}.shipment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.shipment-header h5{margin:0;color:#2d3436;font-weight:600}.delivery-status{padding:.3rem .8rem;border-radius:15px;font-size:.75rem;font-weight:600;color:#fff}.items-section h6,.tracking-section h6,.history-section h6{margin:0 0 .8rem;font-size:.9rem;color:#2d3436;font-weight:600}.items-mini-table{width:100%;border-collapse:collapse;font-size:.8rem}.items-mini-table th{background:#fff;padding:.6rem;text-align:left;font-weight:600;color:#2d3436;border-bottom:1px solid #e0e0e0}.items-mini-table td{padding:.6rem;color:#636e72;border-bottom:1px solid #e0e0e0}.tracking-section{background:#fff;padding:1rem;border-radius:6px;margin:1rem 0}.tracking-details p{margin:.4rem 0;font-size:.85rem;color:#2d3436}.tracking-details strong{color:#5f27cd}.link{display:inline-block;margin-top:.5rem;color:#5f27cd;text-decoration:none;font-weight:600;font-size:.85rem}.link:hover{text-decoration:underline}.no-tracking{background:#fff;padding:1rem;border-radius:6px;text-align:center;color:#95a5a6}.history-section{background:#fff;padding:1rem;border-radius:6px;margin:1rem 0}.history-list{display:flex;flex-direction:column;gap:.6rem}.history-item{display:flex;gap:1rem;padding:.6rem;background:#f8f9fa;border-radius:4px;font-size:.8rem}.history-date{font-weight:600;color:#5f27cd;min-width:70px}.history-status{font-weight:600;color:#2d3436;min-width:80px}.history-location{color:#636e72}.shipment-actions{display:flex;gap:.8rem;margin-top:1rem}.btn-add-tracking,.btn-update-status{flex:1;padding:.6rem 1rem;border:none;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add-tracking{background:#5f27cd;color:#fff}.btn-add-tracking:hover{background:#341f97}.btn-update-status{background:#27ae60;color:#fff}.btn-update-status:hover{background:#229954}.summary{background:#f8f9fa;padding:1rem;border-radius:6px}.summary-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.9rem;color:#636e72}.summary-row.total{padding:.8rem 0;border-top:2px solid #e0e0e0;margin-top:.8rem;font-weight:700;color:#5f27cd;font-size:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.6rem;font-weight:600;color:#2d3436;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;transition:border .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#5f27cd;box-shadow:0 0 0 3px #5f27cd1a}.form-group textarea{resize:vertical;min-height:100px}.modal-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:flex-end}.btn-cancel,.btn-submit,.btn-close{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel,.btn-close{background:#e0e0e0;color:#2d3436}.btn-cancel:hover,.btn-close:hover{background:#d0d0d0}.btn-submit{background:linear-gradient(135deg,#5f27cd,#341f97);color:#fff}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #5f27cd4d}.btn-close{width:100%}@media(max-width:768px){.info-grid{grid-template-columns:1fr}.orders-table th,.orders-table td{padding:.8rem;font-size:.8rem}.modal-content{max-width:90vw;padding:1.5rem}.shipment-actions,.modal-actions{flex-direction:column}.btn-cancel,.btn-submit,.btn-close{width:100%}}.admin-header{height:70px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:999;box-shadow:0 1px 3px #0000000d}.header-content{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.header-brand{font-size:20px;font-weight:700;color:#1f2937;margin:0}.header-actions{display:flex;align-items:center;gap:16px}.btn-icon{width:44px;height:44px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;color:#374151;transition:all .2s ease;padding:0}.btn-icon:hover{background:#f3f4f6;border-color:#d1d5db}.notification-badge{position:absolute;top:8px;right:8px;width:18px;height:18px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff}.btn-profile{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;transition:all .2s ease;color:#374151}.btn-profile:hover{background:#f3f4f6;border-color:#d1d5db}.profile-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.profile-info{text-align:left}.profile-name{font-size:14px;font-weight:600;color:#1f2937;line-height:1.2}.profile-role{font-size:12px;color:#6b7280;line-height:1.2}.dropdown-menu{border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 25px #0000001a;padding:8px;min-width:280px;margin-top:8px}.dropdown-header{padding:12px 16px;border-bottom:1px solid #e5e7eb}.dropdown-header h6{font-size:14px;font-weight:600;color:#1f2937}.dropdown-footer{padding:12px 16px;border-top:1px solid #e5e7eb;text-align:center}.dropdown-footer a{font-size:13px;color:#667eea;text-decoration:none;font-weight:500}.dropdown-footer a:hover{text-decoration:underline}.notification-dropdown{max-width:360px}.notification-list{max-height:320px;overflow-y:auto}.notification-item{padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .2s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#eff6ff}.notification-message{font-size:13px;color:#1f2937;margin:0 0 4px;font-weight:500}.notification-time{font-size:12px;color:#6b7280}.profile-dropdown{min-width:220px}.dropdown-item{padding:10px 16px;font-size:14px;color:#374151;border-radius:6px;transition:all .2s ease;display:flex;align-items:center}.dropdown-item:hover{background:#f3f4f6;color:#667eea}.dropdown-item i{font-size:16px}.dropdown-divider{margin:8px 0;border-color:#e5e7eb}@media(max-width:768px){.header-brand{font-size:18px}.profile-info{display:none!important}}.admin-sidebar{width:280px;height:100vh;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:fixed;left:0;top:0;overflow-y:auto;overflow-x:hidden;z-index:1000}.admin-sidebar::-webkit-scrollbar{display:none}.admin-sidebar{-ms-overflow-style:none;scrollbar-width:none}.sidebar-header{padding:24px 20px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2)}.sidebar-logo{font-size:24px;font-weight:700;color:#fff;margin:0;text-align:center}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav{-ms-overflow-style:none;scrollbar-width:none}.nav-list{list-style:none;padding:0;margin:0}.nav-item{margin:0}.nav-link{display:flex;align-items:center;padding:12px 20px;color:#374151;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;border:none;background:transparent;width:100%;text-align:left;position:relative;cursor:pointer}.nav-link:hover{background:#f3f4f6;color:#667eea}.nav-link.active{background:#eef2ff;color:#667eea;border-right:3px solid #667eea}.nav-link i{font-size:18px;margin-right:12px;width:20px;text-align:center}.nav-link span{flex:1}.dropdown-toggle{position:relative}.dropdown-toggle:after{display:none!important}.dropdown-toggle .arrow{font-size:12px;transition:transform .3s ease;margin-left:auto}.dropdown-toggle .arrow.rotate{transform:rotate(180deg)}.submenu{list-style:none;padding:0;margin:0;max-height:0;overflow:hidden;transition:max-height .3s ease;background:#f9fafb}.submenu.show{max-height:500px}.submenu li{margin:0}.submenu a{display:block;padding:10px 20px 10px 56px;color:#6b7280;text-decoration:none;font-size:13px;transition:all .2s ease}.submenu a:hover{background:#f3f4f6;color:#667eea;padding-left:60px}.submenu a.active{color:#667eea;font-weight:600;background:#eef2ff;border-left:3px solid #667eea;padding-left:57px}.sidebar-footer{padding:16px 0;border-top:1px solid #e5e7eb;margin-top:auto}.logout-link{color:#dc2626!important}.logout-link:hover{background:#fee2e2!important;color:#dc2626!important}.submenu.show{animation:slideDown .3s ease}.nav-badge{display:inline-block;padding:2px 8px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;border-radius:10px;margin-left:auto}.nav-item:has(.nav-link.active) .dropdown-toggle{color:#667eea;font-weight:600}.nav-link:focus{outline:none;box-shadow:inset 0 0 0 2px #667eea}.nav-item:hover>.nav-link{background:#f3f4f6}.admin-layout{display:flex;min-height:100vh;background:#f9fafb}.admin-content-wrapper{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh}.admin-main-content{flex:1;padding:24px;overflow-y:auto}.page-container{max-width:1400px;margin:0 auto}.card-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}@media(max-width:1024px){.admin-content-wrapper{margin-left:0}}.admin-dashboard{animation:fadeIn .3s ease-in}.stat-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;border:1px solid #e5e7eb;transition:all .3s ease;height:100%}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.stat-icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.stat-card-success .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-card-primary .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card-warning .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card-info .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-details{flex:1}.stat-title{font-size:13px;color:#6b7280;font-weight:500;margin-bottom:8px}.stat-value{font-size:28px;font-weight:700;color:#1f2937;line-height:1;margin-bottom:8px}.stat-change{font-size:13px;color:#10b981;font-weight:600;display:flex;align-items:center;gap:4px}.quick-access-section{margin-top:32px}.section-title{font-size:22px;font-weight:700;color:#1f2937;margin-bottom:16px}.quick-access-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;border:2px solid #e5e7eb;transition:all .3s ease;cursor:pointer;height:100%}.quick-access-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.quick-access-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.quick-access-primary .quick-access-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.quick-access-primary:hover{border-color:#3b82f6;background:#eff6ff}.quick-access-success .quick-access-icon{background:linear-gradient(135deg,#10b981,#059669)}.quick-access-success:hover{border-color:#10b981;background:#d1fae5}.quick-access-warning .quick-access-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.quick-access-warning:hover{border-color:#f59e0b;background:#fef3c7}.quick-access-info .quick-access-icon{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.quick-access-info:hover{border-color:#0ea5e9;background:#e0f2fe}.quick-access-danger .quick-access-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.quick-access-danger:hover{border-color:#ef4444;background:#fee2e2}.quick-access-purple .quick-access-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.quick-access-purple:hover{border-color:#8b5cf6;background:#ede9fe}.quick-access-content{flex:1}.quick-access-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.quick-access-subtitle{font-size:13px;color:#6b7280;margin:0}.quick-access-arrow{font-size:20px;color:#9ca3af;transition:all .3s ease}.quick-access-card:hover .quick-access-arrow{color:#1f2937;transform:translate(4px)}.admin-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.card-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.card-title{font-size:18px;font-weight:600;color:#1f2937;margin:0;display:flex;align-items:center}.card-body{padding:24px}.quick-stat{margin-bottom:16px}.quick-stat-value{font-size:32px;font-weight:700;color:#1f2937;line-height:1}.quick-stat-label{font-size:14px;color:#6b7280;margin-top:4px}.quick-stat-progress{margin-top:16px}@media(max-width:768px){.stat-card{padding:20px}.stat-icon{width:48px;height:48px;font-size:24px}.stat-value{font-size:24px}.quick-stat-value{font-size:28px}.quick-access-card{padding:20px}.quick-access-icon{width:48px;height:48px;font-size:20px}}.user-management{animation:fadeIn .3s ease-in}.search-btn-right i{font-size:14px}.table-responsive{overflow-x:auto}.table tbody tr:last-child td{border-bottom:none}.badge-normal{background:#dbeafe;color:#1e40af}.badge-buyer{background:#d1fae5;color:#065f46}.badge-prime{background:#fef3c7;color:#92400e}.action-buttons .btn-info:hover{background:#0284c7;border-color:#0284c7;transform:translateY(-2px)}.action-buttons .btn-warning:hover{background:#d97706;border-color:#d97706;transform:translateY(-2px)}.action-buttons .btn-danger:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-2px)}.spinner-border{width:3rem;height:3rem}.page-header{margin-bottom:24px}.page-title{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px}.page-subtitle{font-size:14px;color:#6b7280;margin:0}@media(max-width:768px){.tabs-section{flex-wrap:wrap}.tab-btn{flex:1 1 45%}.search-box{flex-direction:column}.search-box .btn-primary{width:100%}.action-buttons{flex-direction:column}}.vendor-management{animation:fadeIn .3s ease-in}.main-title{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 6px;letter-spacing:-.5px;line-height:1.2}.sub-description{font-size:14px;color:#6b7280;margin:0;font-weight:400;line-height:1.4}.search-icon-right{color:#fff;font-size:18px;margin-left:12px;flex-shrink:0}.search-input-right{flex:1;border:none;padding:11px 16px;font-size:13px;border-radius:8px;background:#fff;outline:none;min-width:250px}.search-input-right::placeholder{color:#9ca3af;font-size:13px}.search-input-right:focus{outline:none;box-shadow:0 0 0 2px #ffffff4d}.search-btn-right{padding:11px 20px;background:#fff;color:#4f46e5;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.search-btn-right:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.tabs-section{display:flex;gap:12px;background:#fff;padding:8px;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.tab-btn{flex:1;padding:12px 24px;border:none;background:transparent;color:#6b7280;font-size:14px;font-weight:500;border-radius:8px;transition:all .2s ease;cursor:pointer}.tab-btn:hover{background:#f3f4f6;color:#374151}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.table-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;overflow:hidden}.table{margin:0;width:100%}.table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.table thead th{color:#fff;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:16px 20px;border:none;white-space:nowrap}.table tbody td{padding:16px 20px;font-size:14px;color:#374151;vertical-align:middle;border-bottom:1px solid #f3f4f6}.table tbody tr{transition:background .2s ease}.table tbody tr:hover{background:#f9fafb}.status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize}.badge-approved{background:#d1fae5;color:#065f46}.badge-draft{background:#e5e7eb;color:#374151}.action-buttons{display:flex;gap:8px}.action-buttons .btn{padding:6px 10px;border-radius:6px;transition:all .2s ease}.action-buttons .btn i{font-size:14px}.action-buttons .btn-info{background:#0ea5e9;border-color:#0ea5e9}.action-buttons .btn-success{background:#10b981;border-color:#10b981}.action-buttons .btn-warning{background:#f59e0b;border-color:#f59e0b;color:#fff}.action-buttons .btn-danger{background:#ef4444;border-color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content-large{background:#fff;border-radius:16px;max-width:1100px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:24px;border-bottom:2px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#667eea,#764ba2)}.modal-header h3{margin:0;font-size:24px;font-weight:700;color:#fff}.close-btn{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.close-btn:hover{background:#fff3}.modal-body{padding:24px;overflow-y:auto;flex:1}.detail-section{margin-bottom:32px}.detail-section:last-child{margin-bottom:0}.detail-section h4{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:15px;color:#1f2937;font-weight:500}.address-section{margin-top:16px}.address-text{font-size:14px;color:#374151;margin:8px 0 0;line-height:1.6}.images-section{margin-top:16px}.preview-image{width:100%;max-height:200px;object-fit:cover;border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid #e5e7eb}.preview-image:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000026;border-color:#667eea}.preview-image.large{max-height:300px}.documents-section{margin-top:16px}.document-card{background:#f9fafb;border-radius:12px;padding:12px;border:2px solid #e5e7eb;transition:all .3s ease;cursor:pointer;text-align:center}.document-card:hover{border-color:#667eea;background:#eef2ff;transform:translateY(-4px);box-shadow:0 8px 16px #667eea33}.document-preview{width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:8px}.document-label{display:block;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.status-text{font-size:15px;font-weight:600}.status-text.text-success{color:#10b981}.status-text.text-danger{color:#ef4444}.status-text.text-warning{color:#f59e0b}.image-preview-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}.image-preview-container{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:20px}.image-preview-full{max-width:100%;max-height:80vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080;animation:zoomIn .3s ease}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.image-preview-close{position:absolute;top:-50px;right:0;background:#fff3;border:2px solid white;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:20px}.image-preview-close:hover{background:#fff;color:#1f2937;transform:rotate(90deg)}.image-preview-actions{display:flex;gap:12px}.btn-download{padding:12px 24px;background:#fff;color:#1f2937;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center}.btn-download:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.detail-section h4{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb;display:flex;align-items:center}.detail-section h4 i{font-size:22px;color:#667eea}.modal-footer{padding:20px 24px;border-top:2px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.btn-secondary{padding:10px 24px;background:#6b7280;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#4b5563}@media(max-width:1024px){.page-header-with-search{flex-direction:column;align-items:flex-start;gap:20px}.header-right-search{width:100%;max-width:100%}.detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.tabs-section{flex-wrap:wrap}.tab-btn{flex:1 1 45%}.action-buttons{flex-direction:column}}.category-list-container{animation:fadeIn .3s ease}.search-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.search-input-wrapper{flex:1;max-width:400px;position:relative}.search-input-wrapper i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:18px;z-index:1;pointer-events:none}.search-inputs{width:100%;padding:13px 16px 13px 48px;border:2px solid #0052CC;border-radius:10px;font-size:14px;transition:all .3s ease;background:#fff;color:#1a202c;font-weight:500}.search-inputs::placeholder{color:#0052cc;font-weight:400}.search-inputs:hover{border-color:#cbd5e0;background:#f8fafc}.search-inputs:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fff}.results-count{font-size:14px;color:#64748b;font-weight:600;white-space:nowrap}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.category-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.category-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f;border-color:#667eea}.category-image-container{width:100%}.category-image{width:100%;height:200px;position:relative;cursor:pointer;overflow:hidden;background:#f7fafc}.category-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.category-image:hover img{transform:scale(1.05)}.image-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.category-image:hover .image-overlay{opacity:1}.image-overlay i{font-size:36px;color:#fff}.category-image-placeholder{width:100%;height:200px;background:linear-gradient(135deg,#f7fafc,#edf2f7);display:flex;align-items:center;justify-content:center}.category-image-placeholder i{font-size:56px;color:#cbd5e0}.category-card-body{padding:20px;display:flex;flex-direction:column;gap:16px;flex:1}.category-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.category-name{font-size:20px;font-weight:700;color:#1a202c;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-badge{padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap;flex-shrink:0}.subcategories-preview{padding:12px;background:#f7fafc;border-radius:8px;min-height:50px;display:flex;align-items:center}.subcategory-list{display:flex;flex-wrap:wrap;gap:8px;width:100%}.subcategory-item{padding:5px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#4a5568;font-weight:500}.subcategory-item.more{background:#667eea;color:#fff;border-color:#667eea}.no-subcategories{font-size:12px;color:#a0aec0;margin:0;text-align:center;font-style:italic;width:100%}.category-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}.btn-primary-action{background:#0052cc;color:#fff}.btn-primary-action:hover{background:#0747a6;transform:translateY(-2px);box-shadow:0 4px 12px #0052cc4d}.category-footer{padding-top:12px;border-top:1px solid #e2e8f0;font-size:12px;color:#a0aec0;display:flex;align-items:center;gap:6px}@media(max-width:1200px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.categories-grid{grid-template-columns:1fr}.search-bar{flex-direction:column}.search-input-wrapper{max-width:100%}.alert-popup{left:16px;right:16px;top:16px;min-width:auto}}.add-category-container{animation:fadeIn .3s ease;display:flex;justify-content:center}.add-category-card{max-width:700px;width:100%}.card-header{display:flex;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #e2e8f0}.header-icon{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;flex-shrink:0}.header-text h2{font-size:24px;font-weight:700;color:#1a202c;margin:0 0 8px}.header-text p{font-size:14px;color:#718096;margin:0}.category-form{margin-bottom:24px}.info-box{background:linear-gradient(135deg,#ebf4ff,#c3dafe);border:2px solid #90CDF4;border-radius:10px;padding:16px;display:flex;gap:12px}.info-box i{font-size:24px;color:#2b6cb0;flex-shrink:0}.info-content h4{font-size:15px;font-weight:600;color:#2c5282;margin:0 0 8px}.info-content ul{margin:0;padding-left:20px;color:#2c5282;font-size:13px;line-height:1.8}@media(max-width:768px){.form-actions{flex-direction:column}.form-actions .btn{width:100%}.alert-popup{left:16px;right:16px;top:16px;min-width:auto}}.subcategory-management{animation:fadeIn .3s ease}.alert-popup{position:fixed;top:24px;right:24px;z-index:9999;display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:12px;box-shadow:0 8px 24px #00000026;animation:slideInRight .3s ease;min-width:320px;max-width:500px}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.alert-popup i{font-size:24px;flex-shrink:0}.alert-popup span{font-size:15px;font-weight:600;flex:1}.alert-popup.alert-success{background:#d1fae5;border:2px solid #10B981;color:#065f46}.alert-popup.alert-success i{color:#10b981}.alert-popup.alert-error{background:#fee2e2;border:2px solid #EF4444;color:#991b1b}.alert-popup.alert-error i{color:#ef4444}.subcategory-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;color:#718096;cursor:pointer;transition:all .3s ease}.btn-back:hover{border-color:#667eea;color:#667eea;transform:translate(-4px)}.header-info{flex:1}.header-info h2{font-size:24px;font-weight:700;color:#1a202c;margin:0 0 4px;display:flex;align-items:center;gap:10px}.header-info h2 i{color:#667eea}.header-info p{font-size:14px;color:#718096;margin:0}.btn-add-sub{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#0052cc;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.btn-add-sub:hover{background:#0747a6;transform:translateY(-2px);box-shadow:0 4px 12px #0052cc4d}.btn-add-sub i{font-size:18px}.add-subcategory-form{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}.add-subcategory-form h3{font-size:18px;font-weight:700;color:#1a202c;margin:0 0 20px;display:flex;align-items:center;gap:10px}.add-subcategory-form h3 i{color:#667eea}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.subcategories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.subcategory-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.subcategory-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f;border-color:#667eea}.subcategory-image-container{width:100%}.subcategory-image{width:100%;height:180px;position:relative;cursor:pointer;overflow:hidden;background:#f7fafc}.subcategory-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.subcategory-image:hover img{transform:scale(1.05)}.subcategory-image-placeholder{width:100%;height:180px;background:linear-gradient(135deg,#f7fafc,#edf2f7);display:flex;align-items:center;justify-content:center}.subcategory-image-placeholder i{font-size:48px;color:#cbd5e0}.subcategory-card-body{padding:20px;display:flex;flex-direction:column;gap:16px;flex:1}.subcategory-name{font-size:18px;font-weight:700;color:#1a202c;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subcategory-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}.btn-action{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border:none;border-radius:8px;font-size:13px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.btn-action i{font-size:16px;flex-shrink:0}.btn-edit-action{background:#2684ff;color:#fff}.btn-edit-action:hover{background:#0065ff;transform:translateY(-2px);box-shadow:0 4px 12px #2684ff4d}.btn-delete-action{background:#de350b;color:#fff}.btn-delete-action:hover{background:#bf2600;transform:translateY(-2px);box-shadow:0 4px 12px #de350b4d}.btn-action:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.category-edit-mode{padding:24px}.edit-actions{display:flex;gap:12px;margin-top:20px}.edit-actions .btn{flex:1;justify-content:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#a0aec0}.empty-state i{font-size:64px;margin-bottom:16px;color:#cbd5e0}.empty-state h3{font-size:20px;font-weight:600;color:#718096;margin:0 0 8px}.empty-state p{font-size:14px;color:#a0aec0;margin:0}@media(max-width:768px){.subcategory-header{flex-direction:column;align-items:flex-start}.form-row,.subcategories-grid{grid-template-columns:1fr}.alert-popup{left:16px;right:16px;top:16px;min-width:auto}}.confirm-dialog-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.confirm-dialog{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;width:90%;animation:slideUp .3s ease;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-dialog-header{display:flex;align-items:center;gap:16px;padding:24px 24px 16px;border-bottom:2px solid #FEE2E2;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.confirm-dialog-header i{font-size:32px;color:#dc2626;flex-shrink:0}.confirm-dialog-header h3{font-size:20px;font-weight:700;color:#991b1b;margin:0}.confirm-dialog-body{padding:24px}.confirm-dialog-body p{font-size:15px;color:#4b5563;line-height:1.6;margin:0}.confirm-dialog-actions{display:flex;gap:12px;padding:16px 24px 24px}.btn-confirm-cancel,.btn-confirm-delete{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:none;border-radius:10px;font-size:14px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.btn-confirm-cancel{background:#f3f4f6;color:#6b7280;border:2px solid #E5E7EB}.btn-confirm-cancel:hover{background:#e5e7eb;border-color:#d1d5db;transform:translateY(-2px)}.btn-confirm-delete{background:#dc2626;color:#fff}.btn-confirm-delete:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.btn-confirm-cancel i,.btn-confirm-delete i{font-size:18px}.category-management{padding:24px;background:#f8f9fa;min-height:100vh}.category-header{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 4px #00000014}.header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.header-left{flex:1}.page-title{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 8px;display:flex;align-items:center;gap:12px}.page-title i{font-size:32px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-subtitle{font-size:14px;color:#718096;margin:0}.header-right{display:flex;gap:12px}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.stat-card{display:flex;align-items:center;gap:20px;padding:24px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.stat-icon.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-icon.secondary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.stat-content{flex:1}.stat-label{font-size:13px;color:#718096;margin:0 0 8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-number{font-size:36px;font-weight:800;color:#1a202c;margin:0;line-height:1;display:flex;align-items:baseline;gap:8px}.stat-text{font-size:14px;font-weight:600;color:#667eea}.category-tabs{display:flex;gap:8px;background:#fff;padding:8px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 4px #00000014;overflow-x:auto}.tab-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#718096;cursor:pointer;transition:all .3s ease;white-space:nowrap}.tab-button i{font-size:16px}.tab-button:hover{background:#f7fafc;color:#667eea}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.category-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px #00000014;min-height:400px}.skeleton-loader{animation:fadeIn .3s ease}.skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.skeleton-search{flex:1;max-width:400px;height:45px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:10px;animation:shimmer 1.5s infinite}.skeleton-count{width:150px;height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:10px;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.skeleton-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.skeleton-image{width:100%;height:200px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-body{padding:20px;display:flex;flex-direction:column;gap:16px}.skeleton-title{width:70%;height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;animation:shimmer 1.5s infinite}.skeleton-badge{width:80px;height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:20px;animation:shimmer 1.5s infinite}.skeleton-preview{width:100%;height:50px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;animation:shimmer 1.5s infinite}.skeleton-actions{display:flex;flex-direction:column;gap:10px}.skeleton-button{width:100%;height:44px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;animation:shimmer 1.5s infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border:none;border-radius:10px;font-size:14px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;font-family:inherit;text-transform:uppercase}.btn i{font-size:16px;flex-shrink:0}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.btn-secondary{background:#fff;color:#718096;border:2px solid #e2e8f0}.btn-secondary:hover:not(:disabled){border-color:#667eea;color:#667eea;background:#f7fafc}.btn-outline{background:transparent;color:#667eea;border:2px solid #667eea}.btn-outline:hover:not(:disabled){background:#667eea;color:#fff}.btn-success{background:#48bb78;color:#fff}.btn-success:hover:not(:disabled){background:#38a169;transform:translateY(-2px)}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.loading-dots{display:flex;align-items:center;justify-content:center;gap:6px;height:18px}.loading-dots span{width:8px;height:8px;border-radius:50%;background:#fff;animation:bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#2d3748;margin-bottom:8px}.form-label i{font-size:16px;color:#667eea}.form-input{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;color:#1a202c;transition:all .3s ease;font-family:inherit;background:#fff}.form-input:hover{border-color:#cbd5e0}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:disabled{background:#f7fafc;cursor:not-allowed;opacity:.6}.form-hint{display:block;font-size:13px;color:#718096;margin-top:6px}.form-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.file-upload-label{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 20px;border:3px dashed #cbd5e0;border-radius:10px;background:#f7fafc;cursor:pointer;transition:all .3s ease;text-align:center}.file-upload-label:hover{border-color:#667eea;background:#edf2f7}.file-upload-label i{font-size:32px;color:#667eea}.file-upload-label span{font-size:14px;font-weight:600;color:#718096}.file-upload-label.small{padding:20px}.file-upload-label.small i{font-size:24px}.image-preview-small{position:relative;margin-top:12px;width:120px;height:120px;border-radius:10px;overflow:hidden;border:2px solid #e2e8f0}.image-preview-small img{width:100%;height:100%;object-fit:cover}.remove-preview{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.remove-preview:hover{background:#c53030;transform:scale(1.1)}.edit-image-preview-wrapper{position:relative;width:100%;height:220px;border-radius:10px;overflow:hidden;border:2px solid #e2e8f0;margin-bottom:12px}.edit-image-preview{width:100%;height:100%;object-fit:cover}.edit-image-overlay{position:absolute;inset:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .3s ease;cursor:pointer}.edit-image-preview-wrapper:hover .edit-image-overlay{opacity:1}.edit-image-overlay i{font-size:36px;color:#fff}.edit-image-overlay span{font-size:14px;font-weight:600;color:#fff}.alert{display:flex;align-items:center;gap:12px;padding:16px;border-radius:10px;margin-bottom:20px;animation:slideIn .3s ease}.alert i{font-size:20px;flex-shrink:0}.alert span{flex:1;font-size:14px;font-weight:500}.alert-close{background:none;border:none;font-size:24px;cursor:pointer;color:inherit;opacity:.6;transition:opacity .3s ease}.alert-error{background:#fff5f5;border:2px solid #FC8181;color:#c53030}.alert-success{background:#f0fff4;border:2px solid #68D391;color:#2f855a}.image-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}.image-modal-content{position:relative;max-width:90vw;max-height:90vh}.image-modal-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080}.modal-close{position:absolute;top:-50px;right:0;width:44px;height:44px;background:#fff3;border:2px solid white;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#fff;color:#1a202c;transform:rotate(90deg)}@media(max-width:1200px){.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.category-management{padding:16px}.header-content{flex-direction:column;gap:16px}.header-right,.header-right .btn{width:100%}.stats-cards,.skeleton-grid{grid-template-columns:1fr}.skeleton-header{flex-direction:column}.skeleton-search{max-width:100%}}@media(max-width:480px){.page-title{font-size:24px}.stat-number{font-size:28px}.stat-icon{width:56px;height:56px;font-size:24px}}.admin-product-management{padding:2rem;background:#f5f7fa;min-height:100vh;animation:fadeIn .3s ease-in}.page-header-with-search{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e5e7eb}.header-left-content{flex:0 0 auto}.page-title{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 6px;letter-spacing:-.5px;line-height:1.2}.page-subtitle{font-size:14px;color:#6b7280;margin:0;font-weight:400;line-height:1.4}.header-right-search{flex:1;display:flex;justify-content:flex-end;max-width:600px}.search-wrapper{display:flex;align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);padding:6px;border-radius:10px;box-shadow:0 4px 14px #4f46e54d;gap:8px;width:100%}.search-icon{color:#fff;font-size:18px;margin-left:12px;flex-shrink:0}.search-input{flex:1;border:none;padding:11px 16px;font-size:13px;border-radius:8px;background:#fff;outline:none;min-width:250px}.search-input::placeholder{color:#9ca3af;font-size:13px}.search-input:focus{outline:none;box-shadow:0 0 0 2px #ffffff4d}.search-btn{padding:11px 20px;background:#fff;color:#4f46e5;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.search-btn:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}@media(max-width:1024px){.page-header-with-search{flex-direction:column;align-items:flex-start;gap:20px}.header-right-search{width:100%;max-width:100%}.search-wrapper{width:100%}}.tab-header{background:#fff;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.tab-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.products-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.spinner{width:50px;height:50px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state i{font-size:4rem;color:#d1d5db;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;color:#374151;margin-bottom:.5rem}.empty-state p{color:#6b7280;margin:0}.products-table{width:100%;border-collapse:collapse}.products-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.products-table th{padding:1rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#6b7280;letter-spacing:.5px}.products-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.products-table tbody tr:hover{background:#f9fafb}.products-table td{padding:1rem;vertical-align:middle;color:#374151}.product-cell{display:flex;align-items:center;gap:1rem}.product-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.product-info{display:flex;flex-direction:column;gap:.25rem}.product-title{font-weight:600;color:#1f2937;font-size:.95rem}.product-desc{font-size:.85rem;color:#6b7280}.sku-badge{display:inline-block;padding:.375rem .75rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:.85rem;font-weight:500;color:#4b5563;font-family:monospace}.vendor-name,.category-name{font-size:.9rem;color:#374151;font-weight:500}.price-cell{display:flex;flex-direction:column;gap:.25rem}.sale-price{font-weight:700;color:#059669;font-size:1rem}.regular-price{font-size:.85rem;color:#9ca3af;text-decoration:line-through}.stock-badge{display:inline-block;padding:.375rem .875rem;border-radius:20px;font-size:.85rem;font-weight:600}.stock-badge.in-stock{background:#d1fae5;color:#065f46}.stock-badge.out-of-stock{background:#fee2e2;color:#991b1b}.status-badge{display:inline-block;padding:.375rem .875rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize}.badge-draft{background:#f3f4f6;color:#4b5563}.badge-pending{background:#fef3c7;color:#92400e}.badge-published{background:#d1fae5;color:#065f46}.badge-rejected{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:.5rem}.action-btn{width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease}.view-btn{background:#dbeafe;color:#1e40af}.view-btn:hover{background:#bfdbfe;transform:translateY(-2px)}.approve-btn{background:#d1fae5;color:#065f46}.approve-btn:hover{background:#a7f3d0;transform:translateY(-2px)}.reject-btn{background:#fee2e2;color:#991b1b}.reject-btn:hover{background:#fecaca;transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.modal-close{width:36px;height:36px;border:none;background:#f3f4f6;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#6b7280;transition:all .2s ease}.modal-close:hover{background:#e5e7eb;color:#374151}.modal-body,.product-details-full{padding:1.5rem}.detail-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.detail-section:last-child{border-bottom:none;margin-bottom:0}.detail-section h4{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:1rem;display:flex;align-items:center}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item label{font-weight:600;color:#6b7280;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.detail-item span{color:#1f2937;font-size:.95rem}.detail-item-full{display:flex;flex-direction:column;gap:.5rem}.detail-item-full label{font-weight:600;color:#6b7280;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.html-content{padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;color:#374151;line-height:1.6}.html-content p{margin-bottom:.5rem}.html-content ul,.html-content ol{padding-left:1.5rem;margin-bottom:.5rem}.html-content strong{font-weight:600;color:#1f2937}.html-content em{font-style:italic}.product-images-grid{display:flex;flex-direction:column;gap:1rem}.main-image{position:relative;width:100%;max-width:400px;margin:0 auto}.main-image img{width:100%;height:auto;border-radius:8px;border:1px solid #e5e7eb}.image-label{position:absolute;bottom:.5rem;left:.5rem;background:#000000b3;color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:500}.gallery-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.gallery-item img{width:100%;height:120px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb;cursor:pointer;transition:transform .2s ease}.gallery-item img:hover{transform:scale(1.05)}.price-value{font-size:1.1rem;font-weight:700;color:#059669}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-badge{display:inline-block;padding:.375rem .75rem;background:#dbeafe;color:#1e40af;border-radius:6px;font-size:.85rem;font-weight:500}.highlights-list{list-style:none;padding:0;margin:0}.highlights-list li{padding:.75rem 1rem;background:#f9fafb;border-left:3px solid #667eea;margin-bottom:.5rem;border-radius:4px;color:#374151}.admin-notes-text{padding:1rem;background:#fef3c7;border-left:3px solid #f59e0b;border-radius:4px;color:#92400e;margin:0}.video-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#667eea;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .2s ease}.video-link:hover{background:#5568d3;transform:translateY(-2px)}.product-details{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;gap:1rem}.detail-row label{font-weight:600;color:#6b7280;min-width:120px;font-size:.9rem}.detail-row span{color:#1f2937;font-size:.95rem}.detail-image{width:100%;max-width:300px;height:auto;border-radius:8px;border:1px solid #e5e7eb;margin:0 auto}.confirmation-text{font-size:1rem;color:#374151;margin-bottom:1.5rem}.form-group label{font-weight:600;color:#374151;font-size:.95rem}.admin-notes-input{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-family:inherit;resize:vertical;transition:all .2s ease}.admin-notes-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}@media(max-width:1200px){.products-table{font-size:.9rem}.products-table th,.products-table td{padding:.75rem}}@media(max-width:768px){.admin-product-management{padding:1rem}.header-content{padding:1.5rem}.page-title{font-size:1.5rem}.products-table-container{overflow-x:auto}.products-table{min-width:1000px}.modal-content{max-width:95%}}.coupon-page{background:#fff;border-radius:8px;padding:20px}.coupon-table th{background-color:#212529!important;color:#fff!important}.badge{font-size:.8rem;padding:5px 8px}.modal-body{max-height:70vh;overflow-y:auto}.prepaid-container{max-width:1000px}.toast-msg{position:fixed;bottom:30px;right:30px;padding:12px 20px;color:#fff;border-radius:6px;font-weight:500;animation:fadeIn .3s ease;z-index:1050}.toast-msg.success{background-color:#198754}.toast-msg.error{background-color:#dc3545}.search-input{width:250px}.pagination .page-item.active .page-link{background-color:#0d6efd;border-color:#0d6efd}.pagination .page-link{cursor:pointer}.prepaid-container{max-width:950px}.table th,.table td{vertical-align:middle}.alert ul{padding-left:1.2rem}.btn,form .form-control{border-radius:6px}.slider-management{padding:20px;background-color:#f8f9fa;min-height:calc(100vh - 60px);position:relative}.custom-alert{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;z-index:9999;animation:slideInRight .3s ease;box-shadow:0 4px 12px #00000026;min-width:300px;font-weight:500}.alert-success{background:linear-gradient(135deg,#52c41a,#73d13d);color:#fff}.alert-error{background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.management-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#5b63d3,#8b5cf6,#c084fc);padding:25px;border-radius:12px;margin-bottom:25px;box-shadow:0 8px 24px #5b63d340}.header-content{display:flex;align-items:center;gap:20px}.page-icon{width:50px;height:50px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.page-info{color:#fff}.page-title{font-size:24px;font-weight:600;margin:0 0 5px}.page-subtitle{font-size:14px;margin:0;opacity:.95}.btn-add-new{background:#fff;color:#5b63d3;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #0000001a}.btn-add-new:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.btn-add-new i{font-size:16px}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:25px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 8px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 16px #0000001a}.stat-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px}.stat-icon.bg-primary{background:linear-gradient(135deg,#5b63d3,#8b5cf6)}.stat-icon.bg-success{background:linear-gradient(135deg,#52c41a,#73d13d)}.stat-icon.bg-info{background:linear-gradient(135deg,#17a2b8,#3bc9db)}.stat-icon.bg-warning{background:linear-gradient(135deg,#faad14,#ffc53d)}.stat-content h3{font-size:24px;font-weight:700;color:#1f2937;margin:0}.stat-content p{font-size:13px;color:#6b7280;margin:0;text-transform:uppercase;letter-spacing:.3px}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e5e7eb;background:#fafbfc}.table-header h5{margin:0;color:#1f2937;font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.5px}.btn-refresh{background:transparent;border:1px solid #d1d5db;color:#6b7280;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px}.btn-refresh:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.table{margin-bottom:0}.table thead th{background:#f9fafb;color:#6b7280;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:15px;border-bottom:1px solid #e5e7eb;border-top:none}.table tbody tr{transition:background-color .2s ease}.table tbody tr:hover{background-color:#f9fafb}.table tbody td{padding:15px;vertical-align:middle;color:#1f2937;font-size:14px;border-bottom:1px solid #f3f4f6}.image-preview-cell{width:120px;height:50px;overflow:hidden;border-radius:8px;box-shadow:0 2px 6px #0000001a}.image-preview-cell img{width:100%;height:100%;object-fit:cover}.banner-title{font-weight:500;color:#1f2937}.link-text{color:#6b7280;font-size:13px}.date-text{color:#6b7280}.badge-size{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.3px}.btn-action{width:35px;height:35px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-delete:hover{background:#fef2f2;border-color:#fca5a5;color:#ef4444}.loading-container{display:flex;justify-content:center;align-items:center;padding:80px 20px}.empty-state{text-align:center;padding:80px 20px}.empty-state i{font-size:64px;color:#e5e7eb;margin-bottom:20px}.empty-state h5{color:#1f2937;margin-bottom:10px;font-weight:600}.empty-state p{color:#6b7280;margin-bottom:0}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1040;animation:fadeIn .3s ease}.modal-overlay.blurred{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;z-index:1050;animation:slideUp .3s ease;box-shadow:0 20px 60px #0003}.modal-container.disabled{pointer-events:none;opacity:.9}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translate(-50%,-40%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.modal-header{background:linear-gradient(135deg,#5b63d3,#8b5cf6);color:#fff;padding:20px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:18px;font-weight:600;margin:0;display:flex;align-items:center;gap:10px}.btn-close{background:transparent;border:none;color:#fff;font-size:28px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s ease}.btn-close:hover{opacity:1}.modal-body{padding:30px;background:#fafbfc}.form-label{display:block;margin-bottom:8px;color:#1f2937;font-weight:600;font-size:14px}.form-control{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .3s ease}.form-control:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-control:disabled{background:#f3f4f6;cursor:not-allowed}.file-label{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .3s ease}.file-label:hover{border-color:#8b5cf6;background:#f9f5ff}.file-label i{font-size:20px;color:#6b7280}.file-label span{color:#6b7280;font-size:14px}.form-text{display:block;margin-top:8px;color:#6b7280;font-size:12px}.preview-container{margin-top:20px}.badge-webp{display:inline-block;margin-left:10px;padding:3px 8px;background:linear-gradient(135deg,#52c41a,#73d13d);color:#fff;border-radius:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.preview-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px}.preview-wrapper img{width:100%;height:auto;border-radius:6px}.modal-footer{padding:20px;background:#fff;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;display:flex;justify-content:flex-end;gap:10px}.btn-cancel,.btn-submit{padding:10px 20px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;border:none;display:flex;align-items:center;gap:8px}.btn-cancel{background:#f3f4f6;color:#6b7280}.btn-cancel:hover{background:#e5e7eb;color:#4b5563}.btn-submit{background:linear-gradient(135deg,#5b63d3,#8b5cf6);color:#fff}.btn-submit:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.btn-cancel:disabled,.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.spinner-border{display:inline-block;width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}.spinner-border-sm{width:14px;height:14px}@media(max-width:768px){.management-header{flex-direction:column;gap:15px;text-align:center}.header-content{flex-direction:column}.btn-add-new{width:100%;justify-content:center}.stats-cards{grid-template-columns:1fr}.table-container{overflow-x:auto}.table{min-width:700px}.modal-container{width:95%;margin:20px}.modal-body{padding:20px}.image-preview-cell{width:100px;height:42px}}.admin-orders-container{padding:2rem;background:#f5f6fa;min-height:100vh}.admin-header{margin-bottom:2rem}.header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;flex-wrap:wrap}.admin-header h1{font-size:2.2rem;font-weight:700;color:#2d3436;margin:0}.header-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;flex:1;min-width:300px}.stat-card{background:#fff;padding:1.2rem;border-radius:8px;box-shadow:0 2px 8px #00000014;text-align:center;border-left:4px solid #5f27cd;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-label{display:block;font-size:.8rem;color:#95a5a6;font-weight:600;margin-bottom:.5rem}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:#5f27cd}.controls-section{display:flex;gap:1rem;margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #00000014;flex-wrap:wrap}.search-box{flex:1;min-width:250px}.search-box input{width:100%;padding:.8rem;border:1.5px solid #e0e0e0;border-radius:6px;font-size:.95rem;transition:border .3s ease}.search-box input:focus{outline:none;border-color:#5f27cd;box-shadow:0 0 0 3px #5f27cd1a}.filters{display:flex;gap:1rem;flex-wrap:wrap}.filter-select{padding:.8rem;border:1.5px solid #e0e0e0;border-radius:6px;font-size:.9rem;background:#fff;color:#2d3436;cursor:pointer;transition:border .3s ease}.filter-select:focus{outline:none;border-color:#5f27cd}.orders-table-container{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px #00000014}.empty-state{padding:4rem 2rem;text-align:center;color:#636e72}.empty-state h2{font-size:1.3rem;color:#2d3436;margin:0 0 .5rem}.empty-state p{margin:0}.admin-orders-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-orders-table thead{background:linear-gradient(135deg,#f5f6fa,#e9ecef);border-bottom:2px solid #5f27cd}.admin-orders-table th{padding:1.2rem;text-align:left;font-weight:600;color:#2d3436}.admin-orders-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .3s ease}.admin-orders-table tbody tr:hover{background:#f8f9fa}.admin-orders-table td{padding:1.2rem;color:#636e72}.order-id-cell{color:#5f27cd;font-size:.95rem}.customer-cell{display:flex;flex-direction:column;gap:.2rem}.customer-name{margin:0;font-weight:600;color:#2d3436}.customer-contact{margin:0;font-size:.8rem;color:#95a5a6}.items-count{background:#e9ecef;padding:.4rem .8rem;border-radius:4px;font-weight:600;color:#2d3436}.amount{font-weight:700;color:#5f27cd;font-size:1rem}.date-time{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem}.date-time .time{color:#95a5a6}.status-badge,.payment-badge{display:inline-block;padding:.4rem .8rem;border-radius:4px;font-size:.75rem;font-weight:600;color:#fff}.status-pending{background:orange}.status-processing{background:#3498db}.status-shipped{background:#9b59b6}.status-delivered{background:#27ae60}.status-cancelled{background:#e74c3c}.status-in-transit{background:#2980b9}.status-dispatched{background:#9b59b6}.payment-pending{background:orange}.payment-paid{background:#27ae60}.payment-failed{background:#e74c3c}.btn-view-order{padding:.5rem 1rem;background:#5f27cd;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-view-order:hover{background:#341f97;transform:translateY(-2px)}.admin-orders-loader{display:flex;flex-direction:column;justify-content:center;align-items:center;height:60vh;gap:1rem}.spinner{width:50px;height:50px;border:5px solid #e0e0e0;border-top:5px solid #5f27cd;border-radius:50%;animation:spin 1s linear infinite}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:700px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0003}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#636e72;padding:0}.modal-close:hover{color:#5f27cd}.modal-content h2{margin:0 0 1.5rem;color:#2d3436;font-size:1.3rem}.modal-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e0e0e0}.modal-section:last-of-type{border-bottom:none}.modal-section h4{margin:0 0 1rem;color:#2d3436;font-size:.95rem;font-weight:600}.modal-section h5{margin:0 0 .8rem;color:#2d3436;font-weight:600}.header-section{background:linear-gradient(135deg,#f5f6fa,#e9ecef);padding:1.5rem;border-radius:8px;margin:-2rem -2rem 1.5rem;border-bottom:1px solid #e0e0e0}.order-header-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.info-group{display:flex;flex-direction:column}.info-group label{font-size:.8rem;color:#95a5a6;font-weight:600;margin-bottom:.3rem}.info-group p{margin:0;color:#2d3436;font-weight:500}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.info-item{background:#f8f9fa;padding:1rem;border-radius:6px}.info-item label{display:block;font-size:.8rem;color:#95a5a6;font-weight:600;margin-bottom:.3rem}.info-item p{margin:0;color:#2d3436;font-weight:500}.address-box{background:#f8f9fa;padding:1rem;border-radius:6px;font-style:normal;color:#636e72;line-height:1.6}.shipment-box{background:#f8f9fa;border:1px solid #e0e0e0;border-left:4px solid #5f27cd;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.shipment-header-modal{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.shipment-header-modal h5{margin:0;color:#2d3436}.shipment-info{display:flex;gap:.8rem}.vendor-badge{background:#fff;padding:.4rem .8rem;border-radius:4px;font-size:.75rem;font-weight:600;color:#5f27cd;border:1px solid #5f27cd}.items-table-modal{overflow-x:auto;margin-bottom:1.5rem;background:#fff;border-radius:6px;padding:1rem}.items-table-modal table{width:100%;border-collapse:collapse;font-size:.85rem}.items-table-modal th{background:#f8f9fa;padding:.8rem;text-align:left;font-weight:600;color:#2d3436;border-bottom:1px solid #e0e0e0}.items-table-modal td{padding:.8rem;border-bottom:1px solid #e0e0e0;color:#636e72}.tracking-info-box{background:#fff;padding:1rem;border-radius:6px;margin-bottom:1rem}.tracking-info-box h6{margin:0 0 .8rem;font-size:.9rem;font-weight:600;color:#2d3436}.tracking-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.tracking-item{display:flex;flex-direction:column}.tracking-item label{font-size:.8rem;color:#95a5a6;font-weight:600;margin-bottom:.3rem}.tracking-item p{margin:0;color:#2d3436;font-weight:500}.tracking-link{display:inline-block;color:#5f27cd;text-decoration:none;font-weight:600;font-size:.85rem;margin-top:.5rem}.tracking-link:hover{text-decoration:underline}.status-history{background:#fff;padding:1rem;border-radius:6px;margin-bottom:1rem}.status-history h6{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:#2d3436}.history-timeline{display:flex;flex-direction:column;gap:.8rem}.history-entry{display:flex;gap:1rem;padding:.8rem;background:#f8f9fa;border-radius:4px}.history-dot{width:12px;height:12px;border-radius:50%;background:#5f27cd;margin-top:4px;flex-shrink:0}.history-content{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem}.history-status{font-weight:600;color:#2d3436}.history-date{color:#95a5a6}.history-location,.history-remarks{color:#636e72;font-size:.75rem}.shipment-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.status-select{width:100%;padding:.6rem;border:1px solid #e0e0e0;border-radius:4px;font-size:.9rem;color:#2d3436;cursor:pointer}.status-select:focus{outline:none;border-color:#5f27cd}.shipment-total{margin:1rem 0 0;font-size:.95rem;color:#2d3436;text-align:right}.summary-box{background:#f8f9fa;padding:1.5rem;border-radius:6px}.summary-row{display:flex;justify-content:space-between;padding:.6rem 0;color:#636e72;border-bottom:1px solid #e0e0e0}.summary-row:last-child{border-bottom:none}.summary-row.total{border-top:2px solid #5f27cd;border-bottom:none;padding:.8rem 0;margin-top:.8rem;font-size:1.05rem;font-weight:700;color:#5f27cd}.summary-row.discount span:last-child{color:#27ae60}.modal-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.btn-close,.btn-cancel-order{flex:1;padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-close{background:#e0e0e0;color:#2d3436}.btn-close:hover{background:#d0d0d0}.btn-cancel-order{background:#e74c3c;color:#fff}.btn-cancel-order:hover{background:#c0392b;transform:translateY(-2px)}@media(max-width:768px){.admin-orders-container{padding:1rem}.header-top{flex-direction:column}.header-stats{grid-template-columns:repeat(2,1fr)}.controls-section{flex-direction:column}.search-box{min-width:100%}.admin-orders-table th,.admin-orders-table td{padding:.8rem;font-size:.8rem}.modal-content{max-width:90vw;padding:1.5rem}.order-header-info,.info-grid{grid-template-columns:1fr}.shipment-info,.modal-actions{flex-direction:column}.btn-close,.btn-cancel-order{width:100%}}.header-main-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;width:100%}.header-top-bar{background:linear-gradient(135deg,#2c3e50,#34495e);padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.header-nav-list{list-style:none;display:flex;gap:25px;margin:0;padding:0;align-items:center}.header-nav-link{color:#ecf0f1;text-decoration:none;font-size:13px;font-weight:500;transition:all .3s ease;padding:5px 0;position:relative}.header-nav-link:hover{color:#f39c12}.header-nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#f39c12;transition:width .3s ease}.header-nav-link:hover:after{width:100%}.header-social-section{display:flex;align-items:center;gap:15px}.header-social-text{color:#ecf0f1;font-size:13px;margin:0}.header-social-icons{display:flex;gap:12px}.header-social-icons a{color:#ecf0f1;font-size:16px;transition:all .3s ease;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a}.header-social-icons a:hover{color:#f39c12;background:#f39c1233;transform:translateY(-2px)}.header-main{background:#fff;padding:15px 0;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.header-logo-section{display:flex;align-items:center;gap:12px;text-decoration:none}.header-logo-img{width:50px;height:50px;object-fit:contain;flex-shrink:0}.header-logo-text{display:flex;flex-direction:column}.header-logo-title{margin:0;font-size:22px;font-weight:700;color:#fff;text-transform:uppercase;line-height:1.2;letter-spacing:.5px}.header-logo-tagline{margin:0;font-size:10px;color:#fff;font-style:italic;line-height:1}.header-search-container{display:flex;align-items:stretch;border:2px solid #e0e0e0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 3px 12px #0000001a;transition:all .3s ease;position:relative;z-index:50;height:48px}.header-search-container:focus-within{border-color:#3498db;box-shadow:0 4px 16px #3498db40;transform:translateY(-1px)}.header-category-select{min-width:120px;position:relative;display:flex;align-items:center}.header-input-search{flex:1;border:none;padding:14px 18px;font-size:15px;outline:none;background:#fff;color:#2c3e50;font-weight:400;min-width:0}.header-input-search::placeholder{color:#95a5a6;font-weight:400}.header-search-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;padding:0;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:56px;flex-shrink:0}.header-search-btn:hover{background:linear-gradient(135deg,#ff5722,#ff9800);box-shadow:inset 0 0 0 2px #fff3}.header-search-btn:active{transform:scale(.95)}.header-search-btn svg{display:block;width:24px;height:24px;flex-shrink:0}.header-actions{display:flex;gap:15px;align-items:center;justify-content:flex-end;flex-direction:row!important}.header-vendor-button{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #27ae604d;white-space:nowrap}.header-vendor-button:hover{background:linear-gradient(135deg,#229954,#27ae60);transform:translateY(-2px);box-shadow:0 5px 15px #27ae6066}.header-vendor-button:active{transform:translateY(0)}.header-action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;color:#2c3e50;text-decoration:none;font-size:12px;padding:8px 10px;border-radius:6px;transition:all .3s ease;position:relative;background:none;border:none;cursor:pointer}.header-action-btn svg{font-size:22px}.header-action-btn:hover{color:#3498db;background:#3498db1a;transform:translateY(-2px)}.header-cart-btn{position:relative}.header-cart-badge{position:absolute;top:5px;right:5px;background:#e74c3c;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.header-mobile-menu-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;border-radius:6px;transition:all .3s ease}.header-mobile-menu-btn:hover{background:#fff3;color:#fff}.header-select__control{background-color:#fff!important;border:none!important;min-width:120px!important;min-height:48px!important;border-radius:8px 0 0 8px!important}.header-select__value-container{padding:0 12px!important}.header-select__single-value{font-size:13px!important;font-weight:600!important;color:#2c3e50!important}.header-select__indicator{padding:6px!important}.header-select__menu{z-index:10000!important;background:#fff!important;box-shadow:0 6px 16px #00000026!important;margin-top:4px!important;border-radius:8px!important;overflow:hidden!important;position:absolute!important}.header-select__menu-list{padding:4px!important;max-height:280px!important;overflow-y:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.header-select__menu-list::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.header-select__option{cursor:pointer!important;padding:12px 14px!important;font-size:14px!important;border-radius:6px!important;margin:2px 0!important;transition:all .2s ease!important}.header-select__option--is-focused{background-color:#e3f2fd!important}.header-select__option--is-selected{background-color:#3498db!important;color:#fff!important;font-weight:600!important}.header-mobile-sidebar{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#fff;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease;z-index:2000;overflow-y:auto}.header-mobile-sidebar-open{right:0}.header-mobile-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff}.header-mobile-sidebar-header h3{margin:0;font-size:20px;font-weight:600}.header-mobile-sidebar-close{background:none;border:none;color:#fff;font-size:36px;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;line-height:1}.header-mobile-sidebar-close:hover{background:#fff3}.header-mobile-sidebar-list{list-style:none;padding:0;margin:0}.header-mobile-sidebar-link{display:block;padding:16px 20px;color:#2c3e50;text-decoration:none;font-size:15px;font-weight:500;border-bottom:1px solid #ecf0f1;transition:all .3s ease}.header-mobile-sidebar-link:hover{background:#3498db1a;color:#3498db;padding-left:30px}.header-mobile-vendor-btn{display:block;width:calc(100% - 40px);margin:20px;padding:14px;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease}.header-mobile-vendor-btn:hover{background:linear-gradient(135deg,#229954,#27ae60);transform:translateY(-2px)}.header-mobile-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:1999;animation:fadeIn .3s ease}.header-category-menu{background:linear-gradient(135deg,#34495e,#2c3e50);padding:12px 0;border-top:3px solid #f39c12}.header-category-list{list-style:none;display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin:0;padding:0}.header-category-link{color:#fff;text-decoration:none;font-size:14px;font-weight:600;padding:8px 15px;border-radius:6px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.header-category-link:hover{background:#f39c1233;color:#f39c12;transform:translateY(-2px)}@media(max-width:991px){.header-logo-img{width:45px;height:45px}.header-logo-title{font-size:18px}.header-logo-tagline{font-size:9px}.header-category-list{display:none;flex-direction:column;align-items:center;gap:10px;padding:15px 0}.header-category-list-mobile-open{display:flex}.header-actions{gap:10px;flex-direction:row!important}.header-action-btn{flex-direction:row!important;gap:0!important}.header-action-btn span{display:none}.header-action-btn svg{font-size:24px}}@media(max-width:767px){.header-delivery-banner{font-size:12px;padding:8px 0}.header-logo-img{width:40px;height:40px}.header-logo-title{font-size:16px}.header-logo-tagline{font-size:8px}.header-search-container{border-radius:8px;height:44px;border-width:1.5px}.header-category-select{min-width:90px}.header-select__control{min-width:90px!important;min-height:44px!important;border-radius:8px 0 0 8px!important}.header-select__single-value{font-size:12px!important}.header-select__indicator{padding:4px!important}.header-input-search{padding:10px 12px;font-size:13px}.header-input-search::placeholder{font-size:12px}.header-search-btn{width:50px}.header-search-btn svg{width:22px;height:22px}.header-actions{gap:8px;flex-direction:row!important}.header-action-btn{padding:6px 8px;flex-direction:row!important;gap:0!important}.header-action-btn svg{font-size:20px}.header-category-link{font-size:13px;padding:10px 20px;width:100%;text-align:center}.header-mobile-menu-btn{font-size:22px}.header-mobile-sidebar{width:260px}}@media(max-width:575px){.header-main{padding:10px 0}.header-logo-img{width:35px;height:35px}.header-logo-title{font-size:14px}.header-logo-tagline{font-size:7px}.header-search-container{border-width:1px;height:40px;border-radius:6px}.header-category-select{min-width:75px}.header-select__control{min-width:75px!important;min-height:40px!important}.header-select__single-value{font-size:11px!important}.header-select__indicator{padding:3px!important}.header-select__option{padding:10px 12px!important;font-size:13px!important}.header-input-search{font-size:12px;padding:8px 10px}.header-input-search::placeholder{font-size:11px}.header-search-btn{width:44px}.header-search-btn svg{width:20px;height:20px}.header-actions{gap:5px;flex-direction:row!important}.header-action-btn{flex-direction:row!important;gap:0!important;padding:4px 6px}.header-action-btn svg{font-size:18px}.header-cart-badge{font-size:9px;padding:1px 4px;min-width:16px}.header-mobile-sidebar{width:240px}.header-mobile-menu-btn{padding:4px 6px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-main-container{animation:fadeIn .3s ease}.header-action-btn:focus,.header-search-btn:focus,.header-vendor-button:focus,.header-mobile-menu-btn:focus{outline:2px solid #3498db;outline-offset:2px}.header-nav-link:focus,.header-category-link:focus{outline:2px solid #f39c12;outline-offset:2px}@media(prefers-color-scheme:dark){.header-main{background:#1a1a1a}.header-action-btn{color:#ecf0f1}.header-search-container{border-color:#444;background:#2c2c2c}.header-input-search{background:#2c2c2c;color:#ecf0f1}.header-mobile-sidebar{background:#1a1a1a}.header-mobile-sidebar-link{color:#ecf0f1;border-bottom-color:#333}}.navbar-wrapper{position:relative;width:100%;background:linear-gradient(135deg,#34495e,#2c3e50);padding:12px 0}.navbar-category-container{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:8px 20px;align-items:center;scrollbar-width:none;-ms-overflow-style:none}.navbar-category-container::-webkit-scrollbar{display:none;width:0;height:0}.navbar-category-item{flex-shrink:0;cursor:pointer;padding:10px 20px;border-radius:8px;transition:all .3s ease;background:#ffffff0d;border:2px solid transparent}.navbar-category-item:hover{background:#f39c1233;border-color:#f39c12;transform:translateY(-3px);box-shadow:0 4px 12px #f39c124d}.navbar-category-item:active{transform:translateY(-1px)}.navbar-category-title{margin:0;font-size:15px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-align:center}.navbar-category-item.active{background:linear-gradient(135deg,#f39c12,#e67e22);border-color:#f39c12;box-shadow:0 4px 12px #f39c1266}.navbar-category-item.active .navbar-category-title{color:#fff;font-weight:700}@media(max-width:991px){.navbar-wrapper{padding:10px 0}.navbar-category-container{padding:6px 15px;gap:15px}.navbar-category-item{padding:8px 16px}.navbar-category-title{font-size:14px}}@media(max-width:767px){.navbar-wrapper{padding:8px 0;border-bottom-width:2px}.navbar-category-container{padding:6px 12px;gap:12px}.navbar-category-item{padding:8px 14px}.navbar-category-title{font-size:13px;letter-spacing:.3px}}@media(max-width:575px){.navbar-wrapper{padding:6px 0}.navbar-category-container{padding:5px 10px;gap:10px}.navbar-category-item{padding:7px 12px}.navbar-category-title{font-size:12px}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.navbar-category-item{animation:slideIn .3s ease forwards}.navbar-category-item:nth-child(1){animation-delay:.05s}.navbar-category-item:nth-child(2){animation-delay:.1s}.navbar-category-item:nth-child(3){animation-delay:.15s}.navbar-category-item:nth-child(4){animation-delay:.2s}.navbar-category-item:nth-child(5){animation-delay:.25s}.navbar-category-item:focus{outline:2px solid #f39c12;outline-offset:3px}@media(prefers-reduced-motion:reduce){.navbar-category-container{scroll-behavior:auto}.navbar-category-item{animation:none}.navbar-category-item:hover{transform:none}}.footer{background:#1a1a1a;color:#fff;margin-top:auto;width:100%;overflow-x:hidden}.footer-newsletter{background:linear-gradient(135deg,#667eea,#764ba2);padding:4rem 0}.newsletter-wrapper{display:flex;justify-content:space-between;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;padding:0 2rem}.newsletter-content{flex:1}.newsletter-content h3{font-size:2.25rem;color:#fff;font-weight:800;margin:0 0 .75rem;line-height:1.2}.newsletter-content p{color:#fffffff2;margin:0;font-weight:500;font-size:1.125rem}.newsletter-form{display:flex;gap:1rem;max-width:500px;width:100%;flex:1}.newsletter-form input{flex:1;padding:1.125rem 1.75rem;border:2px solid transparent;border-radius:50px;outline:none;font-size:1rem;background:#fff;transition:all .3s ease;font-family:inherit;min-width:0}.newsletter-form input:focus{border-color:#764ba2;box-shadow:0 0 0 4px #764ba226}.newsletter-form input::placeholder{color:#9ca3af}.newsletter-form button{padding:1.125rem 2.75rem;background:#fff;color:#764ba2;border:none;border-radius:50px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-size:1rem;flex-shrink:0}.newsletter-form button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.newsletter-form button:active{transform:translateY(0)}.footer-main{padding:5rem 0 4rem;background:#1a1a1a}.footer-main .container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-grid{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr 1.5fr;gap:4rem}.footer-brand{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{display:flex;align-items:center;gap:1rem;text-decoration:none;margin-bottom:.5rem;width:fit-content}.footer-logo img{width:52px;height:52px;object-fit:contain}.footer-logo div{display:flex;flex-direction:column}.footer-logo h3{font-size:1.5rem;color:#fff;font-weight:800;margin:0;line-height:1.2}.footer-logo p{font-size:.75rem;color:#ec4899;margin:0;font-weight:600;line-height:1}.footer-desc{color:#fffc;font-size:.95rem;line-height:1.7;margin:0}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{width:44px;height:44px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;font-size:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none}.social-links a:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-4px);box-shadow:0 10px 20px #764ba266}.footer-links h4,.footer-contact h4{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 1.75rem;line-height:1.2}.footer-links ul,.footer-contact ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.footer-links li{margin:0}.footer-links a{color:#fffc;text-decoration:none;font-size:.95rem;transition:all .3s ease;display:inline-block;font-weight:500}.footer-links a:hover{color:#ec4899;padding-left:.5rem}.footer-contact li{color:#fffc;font-size:.95rem;display:flex;align-items:flex-start;gap:1rem;font-weight:500;line-height:1.6}.footer-contact li svg{color:#764ba2;font-size:1.25rem;margin-top:.15rem;flex-shrink:0}.footer-contact li span,.footer-contact li a{color:#fffc;text-decoration:none;transition:all .3s ease}.footer-contact li a:hover{color:#ec4899}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:2rem 0;background:#0f0f0f}.footer-bottom .container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.footer-bottom-content p{color:#ffffffb3;font-size:.95rem;margin:0}.footer-legal{display:flex;gap:2rem;align-items:center}.footer-legal a{color:#ffffffb3;text-decoration:none;font-size:.95rem;transition:all .3s ease;font-weight:600}.footer-legal a:hover{color:#ec4899}@media(max-width:991px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:3rem}.footer-brand,.footer-contact{grid-column:1 / -1}}@media(max-width:768px){.footer-newsletter{padding:3rem 0}.footer-newsletter .container{max-width:100%!important;padding:0 1.5rem!important}.newsletter-wrapper{flex-direction:column;text-align:left!important;align-items:flex-start!important;gap:2rem;padding:0!important;margin:0!important;max-width:100%!important}.newsletter-content{text-align:left!important;width:100%}.newsletter-content h3{font-size:1.75rem;text-align:left!important}.newsletter-content p{font-size:1rem;text-align:left!important}.newsletter-form{max-width:100%!important;margin:0!important}.footer-main{padding:3.5rem 0 2.5rem}.footer-main .container{max-width:100%!important;padding:0 1.5rem!important;margin:0!important}.footer-grid{grid-template-columns:1fr;gap:2.5rem;text-align:left!important}.footer-brand{text-align:left!important;align-items:flex-start!important}.footer-logo{justify-content:flex-start!important;margin:0!important;text-align:left!important}.footer-desc{text-align:left!important}.social-links{justify-content:flex-start!important;margin-left:0!important}.footer-links,.footer-contact,.footer-links h4,.footer-contact h4{text-align:left!important}.footer-links ul,.footer-contact ul{align-items:flex-start!important;text-align:left!important}.footer-links li,.footer-contact li{text-align:left!important}.footer-contact li{justify-content:flex-start!important}.footer-bottom .container{max-width:100%!important;padding:0 1.5rem!important;margin:0!important}.footer-bottom-content{flex-direction:column;gap:1.25rem;text-align:left!important;align-items:flex-start!important}.footer-bottom-content p{text-align:left!important}.footer-legal{flex-wrap:wrap;justify-content:flex-start!important;text-align:left!important}}@media(max-width:480px){.footer-newsletter .container{padding:0 1rem!important}.newsletter-content h3{font-size:1.5rem}.newsletter-content p{font-size:.9rem}.newsletter-form{flex-direction:column;gap:.75rem}.newsletter-form input,.newsletter-form button{width:100%}.footer-main{padding:3rem 0 2rem}.footer-main .container{padding:0 1rem!important}.footer-grid{gap:2rem}.footer-logo img{width:44px;height:44px}.footer-logo h3{font-size:1.25rem}.social-links a{width:40px;height:40px;font-size:1.125rem}.footer-links h4,.footer-contact h4{font-size:1.125rem;margin-bottom:1.25rem}.footer-legal{gap:1.5rem}.footer-bottom .container{padding:0 1rem!important}}.top-products-container{padding:"20px 0 10px 0";position:relative}.top-products-header{padding-left:20px;margin-bottom:25px}.top-products-title{font-size:28px;font-weight:700;color:#333;margin:0}.top-products-loading{text-align:center;padding:40px;font-size:16px;color:#666}.top-products-wrapper{position:relative}.top-products-scroll{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}.top-products-scroll::-webkit-scrollbar{display:none}.top-products-list{display:flex;gap:20px;padding-bottom:10px}.top-products-card{flex:0 0 220px;width:220px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease;cursor:pointer}.top-products-card:hover{transform:translateY(-3px)}.top-products-image-wrapper{position:relative;width:100%;height:220px;overflow:hidden;background:#f8f8f8}.top-products-image{width:100%;height:100%;object-fit:cover}.top-products-discount{position:absolute;top:10px;right:10px;background:#f44;color:#fff;padding:5px 10px;border-radius:15px;font-size:12px;font-weight:700}.top-products-info{padding:15px}.top-products-name{font-size:14px;font-weight:600;color:#333;margin:0 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-products-prices{display:flex;align-items:center;gap:10px}.top-products-sale{font-size:18px;font-weight:700;color:#06c}.top-products-regular{font-size:14px;color:#999;text-decoration:line-through}.section-container{max-width:100%;padding:0 10px;margin:0 auto}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:15px}.category-box{background:#fff;padding:20px;border-radius:0;box-shadow:none;border:1px solid #e0e0e0}.category-box-title{font-size:18px;font-weight:700;color:#0f1111;margin:0 0 15px;line-height:1.3}.subcategory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:15px}.subcategory-item{text-decoration:none;display:block}.subcategory-image{width:100%;padding-top:100%;position:relative;background:#f7f7f7;margin-bottom:8px;overflow:hidden}.subcategory-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.no-image{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#ccc}.subcategory-name{font-size:13px;color:#0f1111;margin:0;text-align:left;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.see-more-link{display:inline-block;color:#007185;font-size:13px;text-decoration:none;margin-top:5px}.see-more-link:hover{color:#c7511f;text-decoration:underline}.no-subcategories{grid-column:1 / -1;text-align:center;padding:20px;color:#666;font-size:13px}@media(max-width:1024px){.category-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media(max-width:768px){.section-container{padding:0 5px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-box{padding:15px}.category-box-title{font-size:16px;margin-bottom:12px}.subcategory-grid{gap:10px;margin-bottom:12px}.subcategory-name{font-size:12px}}@media(max-width:480px){.category-grid{grid-template-columns:1fr;gap:10px}.category-box{padding:12px}.category-box-title{font-size:15px}}.section-container{max-width:100%;padding:0 20px;margin:0 auto}.loading-state{text-align:center;padding:40px}.spinner{border:3px solid #f3f3f3;border-top:3px solid #007185;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}.products-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:15px}.product-category-box{background:#fff;padding:20px;border-radius:0;box-shadow:none;border:1px solid #e0e0e0}.category-header-with-arrow{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.product-category-title{font-size:18px;font-weight:700;color:#0f1111;margin:0;line-height:1.3}.arrow-icon-link{color:#007185;display:flex;align-items:center;text-decoration:none;transition:transform .2s ease}.arrow-icon-link:hover{transform:translate(3px);color:#c7511f}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:0}.product-item{text-decoration:none;display:block}.product-image{width:100%;height:80%;padding-top:100%;position:relative;background:#f7f7f7;margin-bottom:10px;overflow:hidden}.product-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.discount-badges{position:absolute;top:8px;left:8px;background:#cc0c39;color:#fff;padding:4px 8px;font-size:11px;font-weight:700;border-radius:3px;z-index:2}.product-name{font-size:14px;font-weight:500;color:#0f1111;margin:0 0 8px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px}.product-price{display:flex;margin-top:-23px;align-items:baseline;gap:8px;flex-wrap:wrap}.price-current{font-size:18px;font-weight:600;color:#0f1111}.price-original{font-size:13px;color:#565959;text-decoration:line-through;font-weight:400}.no-data{text-align:center;padding:40px;color:#666}@media(max-width:1024px){.products-category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-name{font-size:13px;min-height:35px}.price-current{font-size:16px}}@media(max-width:768px){.section-container{padding:0 15px}.products-category-grid{grid-template-columns:1fr;gap:10px}.product-category-box{padding:15px}.product-category-title{font-size:16px}.products-grid{gap:10px}.product-name{font-size:12px;min-height:32px}.price-current{font-size:15px}.price-original{font-size:12px}.discount-badge{font-size:10px;padding:3px 6px}}@media(max-width:480px){.product-category-box{padding:12px}.product-category-title{font-size:15px}.product-name{font-size:11px;min-height:30px}.price-current{font-size:14px}.arrow-icon-link svg{width:16px;height:16px}}.hero-slider-fullwidth{position:relative;width:100%;height:500px;overflow:hidden;background:#f0f0f0;margin-bottom:30px}.slider-container{position:relative;width:100%;height:100%;display:flex;transition:transform .5s ease-in-out}.slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover;display:block}.slide a{display:block;width:100%;height:100%}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;font-size:18px}.slider-btn:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.slider-btn:active{transform:translateY(-50%) scale(.95)}.slider-btn.prev{left:20px}.slider-btn.next{right:20px}.slider-btn i{font-size:20px;display:flex;align-items:center;justify-content:center}.slider-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10;padding:10px 15px;background:#0000004d;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dot{width:10px;height:10px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.dot:hover{background:#fffc;transform:scale(1.2)}.dot.active{background:#fff;width:25px;border-radius:5px;border-color:#fff}.slider-loading{display:flex;justify-content:center;align-items:center;height:500px;background:linear-gradient(135deg,#667eea,#764ba2)}.slider-loading .spinner-border{width:50px;height:50px;border-width:4px}@media(max-width:768px){.hero-slider-fullwidth{height:250px;margin-bottom:20px}.slider-btn{width:40px;height:40px;background:#0009}.slider-btn.prev{left:10px}.slider-btn.next{right:10px}.slider-btn i{font-size:18px}.slider-dots{bottom:15px;padding:8px 12px;gap:6px}.dot{width:8px;height:8px}.dot.active{width:20px}.slider-loading{height:250px}}@media(min-width:769px)and (max-width:1024px){.hero-slider-fullwidth{height:400px}.slider-btn{width:42px;height:42px}.slider-btn.prev{left:15px}.slider-btn.next{right:15px}.slider-loading{height:400px}}@media(min-width:1440px){.hero-slider-fullwidth{height:600px}.slider-btn{width:50px;height:50px}.slider-btn i{font-size:24px}.slider-loading{height:600px}}@media(hover:none)and (pointer:coarse){.slider-btn{background:#0009;width:45px;height:45px}.slider-btn:hover{background:#0009;transform:translateY(-50%)}.slider-btn:active{background:#000c;transform:translateY(-50%) scale(.95)}}.slider-btn:focus{outline:2px solid white;outline-offset:2px}.dot:focus{outline:2px solid white;outline-offset:2px}@keyframes slideIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.slide.active{animation:slideIn .8s ease-out}.spinner-border{display:inline-block;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top:3px solid white;animation:spin 1s linear infinite}.homepage{min-height:100vh;background:#fff}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:5rem 0 4rem;margin-bottom:2rem;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:1}.hero-title{font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:1rem;text-shadow:0 4px 12px rgba(0,0,0,.2);animation:fadeInDown .8s ease}.hero-subtitle{font-size:1.5rem;color:#fffffff2;margin-bottom:0;font-weight:400;animation:fadeInUp .8s ease .2s backwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:991px){.hero-section{padding:4rem 0 3rem}.hero-title{font-size:2.75rem}.hero-subtitle{font-size:1.25rem}}@media(max-width:767px){.hero-section{padding:3rem 0 2.5rem;margin-bottom:1.5rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}}.category-scroller-section-fullwidth{width:100vw;background:#fff;padding:20px 0;overflow:hidden;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.section-wrapper-fullwidth{width:100%;padding:0;box-sizing:border-box}.section-header{display:flex;align-items:center;padding-left:20px;justify-content:space-between;margin-bottom:5px}.section-title{font-size:28px;font-weight:700;color:#333;margin:0}.category-scroller-wrapper{position:relative;width:100%;overflow:hidden}.category-track{display:flex;width:max-content;animation:infiniteScroll 35s linear infinite}@keyframes infiniteScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.category-item{flex:0 0 auto;width:140px;text-align:center;text-decoration:none;transition:all .3s ease;margin:0 10px}.category-image{width:120px;height:120px;margin:0 auto 12px;border-radius:50%;overflow:hidden;border:3px solid #e5e5e5;transition:all .3s ease}.category-item:hover .category-image{border-color:#007bff;box-shadow:0 4px 12px #007bff33}.category-image img{width:100%;height:100%;object-fit:cover}.category-name{font-size:.95rem;font-weight:600;color:#333;margin:0}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:2px solid #ddd;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;transition:all .3s ease;box-shadow:0 3px 8px #00000026}.scroll-btn i{font-size:20px;color:#333}.scroll-btn:hover{background:#007bff;border-color:#007bff;transform:translateY(-50%) scale(1.1)}.scroll-btn:hover i{color:#fff}.scroll-btn.left{left:10px}.scroll-btn.right{right:10px}@media(max-width:768px){.section-wrapper-fullwidth{padding:0}.category-item{width:100px;margin:0 8px}.category-image{width:90px;height:90px}.scroll-btn{width:35px;height:35px}.scroll-btn i{font-size:16px}}@media(max-width:480px){.section-title{font-size:22px}.section-wrapper-fullwidth{padding:0 0sspx}.category-item{width:90px;margin:0 5px}.category-image{width:80px;height:80px}}.product-details-page{min-height:100vh;background-color:#f8f9fa;padding:20px 0}.container{max-width:1400px;margin:0 auto;padding:0 20px}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.error-container h2{color:#dc3545;margin-bottom:10px}.breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:30px;font-size:14px;color:#6c757d}.breadcrumb span:not(:last-child){cursor:pointer;transition:color .3s}.breadcrumb span:not(:last-child):hover{color:#007bff}.breadcrumb span:last-child{color:#212529;font-weight:500}.product-main-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.product-gallery{display:flex;flex-direction:column;gap:15px}.main-image-container{position:relative;width:100%;aspect-ratio:1;background:#f8f9fa;border-radius:12px;overflow:hidden;border:1px solid #e9ecef}.main-image{width:100%;height:100%;object-fit:contain}.image-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #0000001a}.image-nav-btn:hover:not(:disabled){background:#fff;transform:translateY(-50%) scale(1.1)}.image-nav-btn:disabled{opacity:.3;cursor:not-allowed}.image-nav-btn.prev{left:15px}.image-nav-btn.next{right:15px}.discount-badge{position:absolute;top:15px;right:15px;background:#dc3545;color:#fff;padding:8px 15px;border-radius:6px;font-weight:600;font-size:14px;box-shadow:0 2px 8px #dc35454d}.thumbnail-container{display:flex;gap:10px;overflow-x:auto;padding:5px 0}.thumbnail{width:80px;height:80px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .3s;flex-shrink:0}.thumbnail:hover{border-color:#007bff}.thumbnail.active{border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.product-info{display:flex;flex-direction:column;gap:20px}.product-title{font-size:28px;font-weight:600;color:#212529;line-height:1.3;margin:0}.product-rating{display:flex;align-items:center;gap:15px}.stars{display:flex;align-items:center;gap:5px}.rating-text{color:#6c757d;font-size:14px}.vendor-info{display:flex;align-items:center;gap:8px;color:#495057;font-size:15px;padding:12px;background:#f8f9fa;border-radius:8px}.vendor-info strong{color:#212529}.product-price{display:flex;align-items:baseline;gap:15px;flex-wrap:wrap}.sale-price{font-size:32px;font-weight:700;color:#28a745}.regular-price{font-size:20px;color:#6c757d;text-decoration:line-through}.discount-text{font-size:16px;color:#dc3545;font-weight:500}.product-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.stock-status{padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500}.stock-status.in-stock{background:#d4edda;color:#155724}.stock-status.out-of-stock{background:#f8d7da;color:#721c24}.sku{font-size:14px;color:#6c757d}.coins-badge{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;font-weight:500}.quantity-section{display:flex;align-items:center;gap:15px}.quantity-section label{font-weight:500;color:#495057}.quantity-controls{display:flex;align-items:center;gap:10px;border:2px solid #dee2e6;border-radius:8px;padding:5px}.quantity-controls button{width:36px;height:36px;border:none;background:#f8f9fa;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.quantity-controls button:hover:not(:disabled){background:#e9ecef}.quantity-controls button:disabled{opacity:.5;cursor:not-allowed}.quantity-value{min-width:40px;text-align:center;font-weight:600;font-size:18px}.action-buttons{display:flex;gap:12px}.btn-add-to-cart{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:#007bff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-add-to-cart:hover:not(:disabled){background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.btn-add-to-cart:disabled{background:#6c757d;cursor:not-allowed}.btn-wishlist,.btn-share{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:2px solid #dee2e6;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s;color:#495057}.btn-wishlist:hover,.btn-share:hover{border-color:#007bff;color:#007bff;transform:translateY(-2px)}.btn-wishlist.active{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.delivery-info{display:flex;flex-direction:column;gap:15px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.info-item{display:flex;gap:15px;align-items:flex-start}.info-item svg{color:#007bff;flex-shrink:0;margin-top:3px}.info-item strong{display:block;color:#212529;margin-bottom:3px}.info-item p{color:#6c757d;font-size:14px;margin:0}.product-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.tab-headers{display:flex;border-bottom:2px solid #e9ecef}.tab-header{flex:1;padding:18px 24px;background:none;border:none;font-size:16px;font-weight:500;color:#6c757d;cursor:pointer;transition:all .3s;position:relative}.tab-header:hover{color:#007bff;background:#f8f9fa}.tab-header.active{color:#007bff}.tab-header.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#007bff}.tab-content{padding:30px}.description-tab h3,.specifications-tab h3,.reviews-tab h3{margin-top:0;margin-bottom:20px;font-size:22px;color:#212529}.description-tab h4,.specifications-tab h4{margin-top:25px;margin-bottom:15px;font-size:18px;color:#495057}.description-tab p{line-height:1.8;color:#495057;margin-bottom:20px}.highlights-list{list-style:none;padding:0}.highlights-list li{padding:10px 0 10px 30px;position:relative;color:#495057}.highlights-list li:before{content:"✓";position:absolute;left:0;color:#28a745;font-weight:700;font-size:18px}.specs-table{width:100%;border-collapse:collapse}.specs-table tr{border-bottom:1px solid #e9ecef}.specs-table td{padding:15px 10px;color:#495057}.specs-table td:first-child{width:200px}.product-tags{margin-top:25px}.tags-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.tag{padding:6px 14px;background:#e9ecef;color:#495057;border-radius:20px;font-size:14px;font-weight:500}.write-review{background:#f8f9fa;padding:25px;border-radius:8px;margin-bottom:30px}.write-review h4{margin-top:0;margin-bottom:20px;color:#212529}.rating-input{margin-bottom:20px}.rating-input label{display:block;margin-bottom:10px;font-weight:500;color:#495057}.stars-input{display:flex;gap:8px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:10px;font-weight:500;color:#495057}.form-group textarea{width:100%;padding:12px;border:2px solid #dee2e6;border-radius:8px;font-family:inherit;font-size:15px;resize:vertical;transition:border-color .3s}.form-group textarea:focus{outline:none;border-color:#007bff}.btn-primary{padding:12px 30px;background:#007bff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.reviews-list{display:flex;flex-direction:column;gap:20px}.no-reviews{text-align:center;padding:40px;color:#6c757d;font-size:16px}.review-item{padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.reviewer-info strong{display:block;color:#212529;margin-bottom:5px}.review-stars{display:flex;gap:3px}.review-date{font-size:13px;color:#6c757d}.review-comment{color:#495057;line-height:1.6;margin:0}@media(max-width:992px){.product-main-section{grid-template-columns:1fr;gap:30px}.product-title{font-size:24px}.sale-price{font-size:28px}}@media(max-width:768px){.container{padding:0 15px}.product-main-section{padding:20px}.breadcrumb{font-size:13px;margin-bottom:20px}.tab-headers{overflow-x:auto}.tab-header{font-size:14px;padding:15px 20px;white-space:nowrap}.tab-content{padding:20px}.action-buttons{flex-wrap:wrap}.btn-add-to-cart{flex:1 1 100%}.specs-table td:first-child{width:140px;font-size:14px}.write-review{padding:20px}}@media(max-width:576px){.product-title{font-size:20px}.sale-price{font-size:24px}.regular-price{font-size:18px}.image-nav-btn{width:35px;height:35px}.image-nav-btn.prev{left:10px}.image-nav-btn.next{right:10px}.thumbnail{width:60px;height:60px}.product-meta{flex-direction:column;align-items:flex-start;gap:10px}.delivery-info{padding:15px}.info-item{gap:12px}}.cart-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh;padding:2rem 0}.cart-item{background:#fff;border:none;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;margin-bottom:1.5rem}.cart-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.cart-item .card-body{padding:1.5rem}.full-image{width:100%;height:200px;object-fit:cover;transition:transform .3s ease;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.cursor-pointer:hover .full-image{transform:scale(1.05)}.product-link{cursor:pointer;transition:all .2s ease;color:#2c3e50;font-weight:600;margin-bottom:.75rem}.product-link:hover{color:#3498db;text-decoration:none;transform:translate(4px)}.cart-item .text-muted{color:#7f8c8d!important;font-size:.875rem;letter-spacing:.3px}.cart-item .small{line-height:1.6}.qty-btn{width:38px;height:38px;padding:0;border-radius:10px;border:2px solid #e9ecef;background:#fff;color:#495057;font-weight:700;font-size:1.1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.qty-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:scale(1.1)}.quantity-display{min-width:45px;text-align:center;font-size:1.125rem;font-weight:700;color:#2c3e50;padding:.5rem 1rem;background:#f8f9fa;border-radius:10px}.btn-outline-danger{border-radius:10px;padding:.5rem 1.5rem;font-weight:600;transition:all .3s ease;border:2px solid #e74c3c}.btn-outline-danger:hover{background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 16px #e74c3c4d}.text-success{color:#27ae60!important;font-size:1.25rem;font-weight:700}.card.shadow-sm{background:#fff;border:none;border-radius:16px;box-shadow:0 4px 16px #00000014;position:sticky;top:2rem}.card h5{color:#2c3e50;font-weight:700;font-size:1.375rem;text-align:center;padding-bottom:1rem;border-bottom:2px solid #ecf0f1}.summary-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1rem;color:#555;padding:.5rem 0}.summary-item span:first-child{font-weight:500;color:#7f8c8d}.summary-item span:last-child{font-weight:600;color:#2c3e50}.summary-item.coins{background:linear-gradient(135deg,#f8f9fa,#fff3cd);padding:.75rem 1rem;border-radius:10px;color:#f39c12;font-weight:700}.summary-item.coins span{color:#f39c12!important}.summary-item.total{font-size:1.25rem;padding-top:1rem;margin-top:1rem;border-top:2px solid #ecf0f1}.summary-item.total span{color:#27ae60!important;font-weight:700}.checkout-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;padding:1rem;font-weight:700;font-size:1.125rem;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 12px #667eea66}.checkout-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea99;background:linear-gradient(135deg,#764ba2,#667eea)}.text-center h5{color:#7f8c8d;font-size:1.5rem;margin:2rem 0 1rem}.btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:12px;padding:.75rem 2rem;font-weight:600;transition:all .3s ease}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3498db66}@media(max-width:991px){.card.shadow-sm{position:relative;top:0;margin-top:2rem}}@media(max-width:768px){.cart-page{padding:1rem 0}.cart-item{margin-bottom:1rem}.full-image{height:150px}.cart-item .card-body{padding:1rem}.product-link{font-size:1rem}.summary-item{font-size:.9rem}.checkout-btn{font-size:1rem;padding:.875rem}.qty-btn{width:34px;height:34px;font-size:1rem}.quantity-display{font-size:1rem;padding:.375rem .75rem}}@media(max-width:576px){.cart-item .row{flex-direction:column}.cart-item .col-md-3,.cart-item .col-md-9{width:100%;max-width:100%}.full-image{border-radius:16px 16px 0 0;height:180px}.summary-item{font-size:.85rem}}.spinner-border{width:3rem;height:3rem;border-width:.3em}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cart-item{animation:fadeIn .5s ease}.badge{font-size:.75rem;padding:.375rem .75rem;border-radius:8px;font-weight:600}.cart-item .small:has(⭐){color:#f39c12!important;font-weight:600}.checkout-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#f0f2f5);padding:2rem 0}.checkout-container{max-width:1400px;margin:0 auto;padding:0 1rem}.checkout-loading,.checkout-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.checkout-loading .spinner{width:3rem;height:3rem;color:#7c3aed;animation:spin 1s linear infinite}.checkout-empty svg{color:#9ca3af}.checkout-empty h2{font-size:1.5rem;color:#1f2937;margin:0}.btn-primary{background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;padding:.875rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #9333ea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9333ea66}.checkout-header{background:#fff;border-radius:16px;padding:1.5rem 2rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014}.checkout-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.checkout-header p{color:#6b7280;margin:0;font-size:.95rem}.checkout-content{display:grid;grid-template-columns:1fr 480px;gap:2rem;align-items:start}.checkout-left{display:flex;flex-direction:column;gap:1.5rem}.checkout-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 8px #00000014}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.section-header svg{color:#7c3aed}.section-header h2{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.address-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:600;color:#374151}.form-group input{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#f9fafb}.form-group input:focus{outline:none;border-color:#7c3aed;background:#fff;box-shadow:0 0 0 3px #7c3aed1a}.form-group input.error{border-color:#ef4444;background:#fef2f2}.error-text{color:#ef4444;font-size:.8rem;font-weight:500;margin-top:-.25rem}.payment-methods{display:flex;flex-direction:column;gap:1rem}.payment-option{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#f9fafb}.payment-option:hover{border-color:#c084fc;background:#faf5ff}.payment-option.active{border-color:#7c3aed;background:linear-gradient(135deg,#faf5ff,#f3e8ff);box-shadow:0 4px 12px #7c3aed26}.payment-option input[type=radio]{width:20px;height:20px;accent-color:#7c3aed;cursor:pointer}.payment-content{display:flex;align-items:center;gap:1rem;flex:1}.payment-content svg{color:#7c3aed}.payment-content strong{display:block;font-size:1rem;color:#1f2937;margin-bottom:.25rem}.payment-content p{margin:0;font-size:.85rem;color:#6b7280}.checkout-right{position:sticky;top:2rem}.order-summary{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 16px #0000001a}.order-summary h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.summary-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.summary-items::-webkit-scrollbar{width:6px}.summary-items::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.summary-items::-webkit-scrollbar-thumb{background:#c084fc;border-radius:10px}.summary-item{display:flex;gap:1rem;padding:.75rem;border-radius:10px;background:#f9fafb}.summary-item img{width:60px;height:60px;object-fit:cover;border-radius:8px;border:2px solid #e5e7eb}.item-details{flex:1}.item-details h4{font-size:.9rem;font-weight:600;color:#1f2937;margin:0 0 .25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-details p{margin:0;font-size:.8rem;color:#6b7280}.item-price{font-weight:700!important;color:#7c3aed!important;font-size:.9rem!important;margin-top:.25rem!important}.price-breakdown{display:flex;flex-direction:column;gap:.875rem;padding:1.5rem 0;border-top:2px solid #f3f4f6;border-bottom:2px solid #f3f4f6;margin-bottom:1.5rem}.price-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.price-row span:first-child{color:#6b7280}.price-row span:last-child{font-weight:600;color:#1f2937}.coins-row{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:.75rem;border-radius:8px;margin:.5rem 0}.coins-row span:first-child{color:#78350f;font-weight:600}.coins-badge{background:#78350f;color:#fef3c7;padding:.25rem .75rem;border-radius:20px;font-weight:700;font-size:.9rem}.total-row{font-size:1.125rem;padding-top:.875rem;margin-top:.875rem;border-top:2px solid #e5e7eb}.total-row span:first-child{font-weight:700;color:#1f2937}.total-row span:last-child{font-weight:700;color:#7c3aed;font-size:1.375rem}.summary-actions{display:flex;flex-direction:column;gap:1rem}.alert{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:10px;font-size:.9rem;font-weight:500}.alert-error{background:#fef2f2;color:#ef4444;border:2px solid #fca5a5}.alert-success{background:#f0fdf4;color:#16a34a;border:2px solid #86efac}.btn-place-order{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;padding:1rem 2rem;border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #16a34a4d;display:flex;align-items:center;justify-content:center;gap:.75rem}.btn-place-order:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #16a34a66}.btn-place-order:disabled{opacity:.6;cursor:not-allowed}.spinner-small{width:1.25rem;height:1.25rem;animation:spin 1s linear infinite}.btn-back{background:#fff;color:#6b7280;padding:.875rem 2rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back:hover:not(:disabled){border-color:#7c3aed;color:#7c3aed;background:#faf5ff}.btn-back:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.checkout-content{grid-template-columns:1fr}.checkout-right{position:static;order:-1}}@media(max-width:768px){.checkout-header{padding:1.25rem 1.5rem}.checkout-header h1{font-size:1.5rem}.checkout-section{padding:1.5rem}.section-header h2{font-size:1.125rem}.order-summary{padding:1.5rem}.order-summary h2{font-size:1.25rem}.form-row{grid-template-columns:1fr}.total-row span:last-child{font-size:1.25rem}}@media(max-width:640px){.checkout-page{padding:1rem 0}.checkout-header{border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem}.checkout-header h1{font-size:1.25rem}.checkout-section,.order-summary{border-radius:12px;padding:1.25rem}.section-header{margin-bottom:1rem}.section-header svg{width:20px;height:20px}.section-header h2{font-size:1rem}.order-summary h2{font-size:1.125rem}.form-group input{padding:.75rem;font-size:.9rem}.payment-option{padding:1rem}.payment-content strong{font-size:.9rem}.summary-item img{width:50px;height:50px}.item-details h4{font-size:.85rem}.price-row{font-size:.9rem}.total-row{font-size:1rem}.total-row span:last-child{font-size:1.125rem}.btn-place-order{padding:.875rem 1.5rem;font-size:1rem}.btn-back{padding:.75rem 1.5rem;font-size:.95rem}}.category-pagess{min-height:100vh;background:#fff;padding-bottom:2rem}.category-headerss{background:linear-gradient(to right,#fff,#faf5ff);padding:1.5rem 1rem;border-bottom:1px solid #e9d5ff}.category-header-contentss{max-width:1400px;margin:0 auto}.category-titless{font-size:1.75rem;font-weight:700;color:#7c3aed;margin:0}.loading-containerss{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#fff}.loading-spinnerss{width:3rem;height:3rem;border:3px solid #e5e7eb;border-top:3px solid #9333ea;border-radius:50%;animation:spin .6s linear infinite}.subcategory-carousel-wrapperss{background:linear-gradient(to bottom,#fff,#faf5ff);padding:2rem 0;border-bottom:1px solid #e9d5ff;position:relative}.subcategory-carousel-containerss{max-width:1400px;margin:0 auto;padding:0 1rem;position:relative}.carousel-nav-buttonss{position:absolute;top:50%;transform:translateY(-50%);z-index:20;background:#fffffff2;padding:.6rem;border-radius:50%;box-shadow:0 4px 12px #7c3aed33;border:2px solid #e9d5ff;cursor:pointer;transition:all .3s ease}.carousel-nav-buttonss:hover{background:#faf5ff;border-color:#c084fc;box-shadow:0 6px 16px #7c3aed4d}.carousel-nav-buttonss.left{left:0}.carousel-nav-buttonss.right{right:0}.carousel-nav-iconss{width:1.5rem;height:1.5rem;color:#7c3aed}.subcategory-carouselss{display:flex;gap:1.5rem;overflow-x:auto;scroll-behavior:smooth;padding:0 3.5rem;scrollbar-width:none;-ms-overflow-style:none}.subcategory-carouselss::-webkit-scrollbar{display:none}.subcategory-itemss{flex-shrink:0;cursor:pointer;transition:transform .3s ease;width:180px}.subcategory-itemss:hover{transform:scale(1.05)}.subcategory-cardss{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #7c3aed1a;border:2px solid transparent;transition:all .3s ease;height:200px;display:flex;flex-direction:column}.subcategory-itemss.active .subcategory-cardss{border-color:#9333ea;box-shadow:0 6px 20px #9333ea40}.subcategory-itemss:hover .subcategory-cardss{border-color:#c084fc;box-shadow:0 6px 16px #c084fc33}.subcategory-image-wrapperss{width:100%;height:140px;overflow:hidden;position:relative;background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.subcategory-imagess{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.subcategory-itemss:hover .subcategory-imagess{transform:scale(1.15)}.subcategory-namess{padding:1rem .75rem;font-size:.95rem;font-weight:600;color:#1f2937;text-align:center;margin:0;line-height:1.3;background:#fff;flex:1;display:flex;align-items:center;justify-content:center}.subcategory-itemss.active .subcategory-namess{color:#7c3aed;font-weight:700}.all-products-cardss{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-radius:16px;border:2px solid #c084fc;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 12px #9333ea33;transition:all .3s ease}.subcategory-itemss.active .all-products-cardss{background:linear-gradient(135deg,#9333ea,#7c3aed);border-color:#7c3aed;box-shadow:0 6px 20px #9333ea66}.subcategory-itemss:hover .all-products-cardss{transform:scale(1.05);box-shadow:0 6px 16px #9333ea4d}.all-products-circlass{width:70px;height:70px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#9333ea;margin-bottom:.75rem;box-shadow:0 4px 12px #00000026}.subcategory-itemss.active .all-products-circlass{background:#fffffff2;color:#7c3aed}.all-products-textss{font-size:.95rem;font-weight:600;color:#7c3aed;margin:0}.subcategory-itemss.active .all-products-textss{color:#fff;font-weight:700}.products-sectionss{max-width:1400px;margin:0 auto;padding:2rem 1rem}.products-gridss{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}@media(min-width:640px){.products-gridss{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media(min-width:768px){.products-gridss{grid-template-columns:repeat(4,1fr);gap:1.5rem}}@media(min-width:1024px){.products-gridss{grid-template-columns:repeat(5,1fr);gap:1.5rem}}.no-productsss{text-align:center;padding:4rem 1rem;width:100%}.no-products-textss{color:#6b7280;font-size:1.125rem;font-weight:500}.product-cardss{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s ease;border:1px solid #e5e7eb;cursor:pointer;width:100%}.product-cardss:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px);border-color:#d1d5db}.product-image-containerss{position:relative;width:100%;padding-top:100%;overflow:hidden;background:#f9fafb}.product-imagess{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product-cardss:hover .product-imagess{transform:scale(1.08)}.discount-badgess{position:absolute;top:.5rem;left:.5rem;background:#dc2626;color:#fff;padding:.35rem .65rem;border-radius:6px;font-size:.75rem;font-weight:700;z-index:10;box-shadow:0 2px 6px #dc26264d}.wishlist-buttonss{position:absolute;top:.5rem;right:.5rem;background:#fffffff2;padding:.5rem;border-radius:50%;box-shadow:0 2px 6px #00000026;cursor:pointer;transition:all .2s ease;border:none;z-index:10}.wishlist-buttonss:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 12px #0003}.wishlist-iconss{width:1.125rem;height:1.125rem;color:#ef4444;transition:all .2s ease}.wishlist-buttonss:hover .wishlist-iconss{fill:#ef4444}.coins-badgess{position:absolute;bottom:.5rem;right:.5rem;background:#fff;color:#78350f;padding:.3rem .6rem;border-radius:12px;font-size:.7rem;font-weight:700;display:flex;align-items:center;gap:.25rem;box-shadow:0 2px 8px #00000026;z-index:10;border:1px solid #f59e0b}.product-infoss{padding:.875rem;width:100%}.product-titless{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;min-height:2.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.product-ratingss{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem}.rating-badgess{display:flex;align-items:center;background:#16a34a;color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;gap:.2rem}.rating-countss{font-size:.75rem;color:#6b7280}.no-ratingss{font-size:.75rem;color:#9ca3af;font-style:italic}.product-pricess{display:flex;align-items:baseline;gap:.5rem;margin-top:.5rem}.price-currentss{font-size:1.125rem;font-weight:700;color:#1f2937}.price-originalss{font-size:.875rem;color:#9ca3af;text-decoration:line-through}@media(max-width:640px){.category-titless{font-size:1.375rem}.subcategory-carouselss{padding:0 3rem;gap:1rem}.subcategory-itemss{width:150px}.subcategory-cardss{height:170px}.subcategory-image-wrapperss{height:110px}.subcategory-namess{font-size:.85rem;padding:.75rem .5rem}.carousel-nav-buttonss{padding:.5rem}.carousel-nav-iconss{width:1.25rem;height:1.25rem}.all-products-circlass{width:60px;height:60px;font-size:1.5rem}.product-infoss{padding:.75rem}.product-titless{font-size:.8rem;min-height:2.2rem}.price-currentss{font-size:1rem}}.payment-status-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#f9fafb,#fff);padding:2rem 1rem}.status-card{max-width:500px;width:100%;background:#fff;border-radius:20px;padding:3rem 2rem;text-align:center;box-shadow:0 8px 24px #0000001f;border:1px solid #e5e7eb}.status-icon{margin:0 auto 1.5rem}.status-card.loading .status-icon{color:#9333ea}.status-card.success .status-icon{color:#16a34a}.status-card.failed .status-icon{color:#dc2626}.spinning{animation:spin 1s linear infinite}.status-card h1{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 1rem}.status-card p{font-size:1.125rem;color:#6b7280;margin:0 0 1.5rem}.order-info{padding:1.5rem;background:#f9fafb;border-radius:12px;margin:1.5rem 0;border:1px solid #e5e7eb}.order-info p{font-size:1rem;color:#374151;margin:.5rem 0}.order-info strong{color:#1f2937;font-weight:700}.redirect-info{font-size:.95rem;color:#9ca3af;font-style:italic;margin-top:1rem}.btn-retry{padding:1rem 2rem;background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #9333ea4d}.btn-retry:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 16px #9333ea66;transform:translateY(-2px)}@media(max-width:640px){.status-card{padding:2rem 1.5rem}.status-card h1{font-size:1.5rem}.status-icon{width:48px;height:48px}}.order-success-page{min-height:100vh;background:linear-gradient(to bottom,#ecfdf5,#fff);padding:2rem 1rem}.success-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.success-header{text-align:center;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 4px 16px #00000014;border:1px solid #d1fae5}.success-icon-wrapper{display:inline-flex;padding:1.5rem;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:50%;margin-bottom:1.5rem}.success-icon{color:#16a34a}.success-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .75rem}.success-subtitle{font-size:1.125rem;color:#6b7280;margin:0;line-height:1.6}.order-info-card,.address-card,.items-card,.price-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px #00000014;border:1px solid #e5e7eb}.info-header,.address-header,.price-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.info-icon,.address-icon,.price-icon{color:#16a34a;flex-shrink:0}.order-info-card h2,.address-card h2,.items-card h2,.price-card h2{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:640px){.info-grid{grid-template-columns:1fr;gap:1rem}}.info-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb}.info-label{font-size:.875rem;color:#6b7280;font-weight:500}.info-value{font-size:1rem;color:#1f2937;font-weight:700}.info-value.status-paid{color:#16a34a}.info-value.status-pending{color:#f59e0b}.address-content{padding:1rem;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb}.address-name{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.address-phone{font-size:1rem;font-weight:600;color:#16a34a;margin:0 0 .75rem}.address-line{font-size:.95rem;color:#6b7280;margin:.25rem 0;line-height:1.5}.items-card h2{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.items-list{display:flex;flex-direction:column;gap:1rem}.item-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb}.item-info h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.item-info p{font-size:.875rem;color:#6b7280;margin:0}.item-price{font-size:1.125rem;font-weight:700;color:#1f2937;text-align:right}.price-breakdown{display:flex;flex-direction:column;gap:.875rem}.price-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:#6b7280;padding:.75rem;background:#f9fafb;border-radius:8px}.price-row span:last-child{font-weight:600;color:#374151}.price-row.discount{background:#dcfce7;color:#16a34a}.price-row.discount span:last-child{color:#16a34a;font-weight:700}.coupon-applied{padding:.75rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;border:1px solid #fbbf24;text-align:center}.coupon-applied span{font-size:.95rem;font-weight:700;color:#78350f}.price-row.total{padding:1rem;margin-top:.5rem;border-top:2px solid #e5e7eb;background:linear-gradient(135deg,#d1fae5,#a7f3d0);font-size:1.125rem;font-weight:700;color:#1f2937}.price-row.total span:last-child{font-size:1.5rem;color:#16a34a}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}@media(max-width:640px){.action-buttons{grid-template-columns:1fr}}.btn-home,.btn-orders{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-home{background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;box-shadow:0 4px 12px #9333ea4d}.btn-home:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 16px #9333ea66;transform:translateY(-2px)}.btn-orders{background:#fff;color:#16a34a;border:2px solid #16a34a}.btn-orders:hover{background:#16a34a;color:#fff;box-shadow:0 4px 12px #16a34a4d;transform:translateY(-2px)}.thank-you{text-align:center;padding:2rem;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-radius:16px;border:1px solid #c084fc}.thank-you p{font-size:1.125rem;font-weight:600;color:#1f2937;margin:.5rem 0}.support-text{font-size:.95rem;color:#6b7280;font-weight:400}@media(max-width:640px){.success-header{padding:1.5rem}.success-header h1{font-size:1.5rem}.success-subtitle{font-size:1rem}.success-icon{width:56px;height:56px}.order-info-card,.address-card,.items-card,.price-card{padding:1.25rem}.item-price{font-size:1rem}.price-row.total span:last-child{font-size:1.25rem}}.oo_user-orders-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;background:#f8f9fa;min-height:100vh}.oo_orders-header{margin-bottom:2.5rem}.oo_orders-title{font-size:2.5rem;font-weight:700;color:#2d3436;margin:0 0 .5rem}.oo_orders-subtitle{font-size:1rem;color:#636e72;margin:0}.oo_orders-tabs{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #00000014}.oo_tab-btn{padding:.75rem 1.5rem;border:2px solid #e0e0e0;background:#fff;color:#636e72;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.oo_tab-btn:hover{border-color:#5f27cd;color:#5f27cd}.oo_tab-btn.oo_active{background:linear-gradient(135deg,#5f27cd,#341f97);color:#fff;border-color:#5f27cd}.oo_orders-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 12px #00000014}.oo_orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(550px,1fr));gap:2rem}@media(max-width:768px){.oo_orders-grid{grid-template-columns:1fr}}.oo_order-card{border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;transition:all .3s ease;background:#fff}.oo_order-card:hover{box-shadow:0 8px 24px #5f27cd26;border-color:#5f27cd}.oo_order-card-header{background:linear-gradient(135deg,#f5f6fa,#e9ecef);padding:1.5rem;border-bottom:1px solid #e0e0e0}.oo_order-info-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.oo_order-id{font-size:1.1rem;font-weight:700;color:#2d3436;margin:0}.oo_order-status-badge{padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff}.oo_order-date{font-size:.9rem;color:#636e72;margin:0}.oo_delivery-timeline{display:flex;justify-content:space-around;padding:1.5rem;background:#fff;border-bottom:1px solid #e0e0e0}.oo_timeline-step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.oo_timeline-dot{width:12px;height:12px;border-radius:50%;background:#e0e0e0;transition:all .3s ease}.oo_timeline-dot.oo_active{background:#5f27cd;width:14px;height:14px}.oo_timeline-label{font-size:.75rem;color:#636e72;text-align:center}.oo_order-items-summary{padding:1.5rem;border-bottom:1px solid #e0e0e0}.oo_order-items-summary h4{margin:0 0 1rem;font-size:.95rem;font-weight:600;color:#2d3436}.oo_items-preview{display:flex;flex-direction:column;gap:.8rem}.oo_vendor-section{padding:.8rem;background:#f8f9fa;border-radius:6px}.oo_vendor-name{font-size:.85rem;font-weight:600;color:#5f27cd;margin:0 0 .5rem}.oo_items-list{display:flex;flex-wrap:wrap;gap:.5rem}.oo_item-mini{display:flex;align-items:center;gap:.3rem;background:#fff;padding:.4rem .8rem;border-radius:4px;font-size:.8rem}.oo_item-title{font-weight:500;color:#2d3436;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oo_item-qty{color:#636e72;font-size:.75rem}.oo_item-more{background:#fff;padding:.4rem .8rem;border-radius:4px;font-size:.8rem;color:#5f27cd;font-weight:600}.oo_order-card-footer{padding:1.5rem;background:#f8f9fa;display:flex;justify-content:space-between;align-items:center;gap:1rem}@media(max-width:600px){.oo_order-card-footer{flex-direction:column;gap:1.5rem}}.oo_price-section{display:flex;flex-direction:column}.oo_price-label{font-size:.8rem;color:#636e72;margin-bottom:.3rem}.oo_price-value{font-size:1.5rem;font-weight:700;color:#5f27cd}.oo_action-buttons{display:flex;gap:.8rem}.oo_btn-primary,.oo_btn-secondary{padding:.6rem 1.2rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.oo_btn-primary{background:linear-gradient(135deg,#5f27cd,#341f97);color:#fff}.oo_btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #5f27cd4d}.oo_btn-secondary{background:#fff;color:#5f27cd;border:1.5px solid #5f27cd}.oo_btn-secondary:hover{background:#5f27cd;color:#fff}.oo_empty-state{text-align:center;padding:4rem 2rem}.oo_empty-icon{font-size:4rem;margin-bottom:1rem}.oo_empty-state h2{font-size:1.5rem;color:#2d3436;margin:0 0 .5rem}.oo_empty-state p{font-size:1rem;color:#636e72;margin-bottom:2rem}.oo_user-orders-loader{display:flex;flex-direction:column;justify-content:center;align-items:center;height:60vh;gap:1rem}.oo_spinner{width:50px;height:50px;border:5px solid #e0e0e0;border-top:5px solid #5f27cd;border-radius:50%;animation:oo_spin 1s linear infinite}@keyframes oo_spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.oo_modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.oo_modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0003}.oo_modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#636e72;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.oo_modal-close:hover{color:#5f27cd}.oo_modal-content h2{margin:0 0 1.5rem;color:#2d3436;font-size:1.5rem}.oo_modal-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e0e0e0}.oo_modal-section:last-of-type{border-bottom:none}.oo_modal-section h4{margin:0 0 1rem;color:#2d3436;font-size:1rem;font-weight:600}.oo_address-text{margin:0;color:#636e72;line-height:1.6;font-size:.95rem}.oo_suborder-detail{background:#f8f9fa;padding:1rem;border-radius:6px;margin-bottom:1rem}.oo_suborder-detail h5{margin:0 0 1rem;color:#5f27cd;font-size:.95rem}.oo_tracking-info{background:#fff;padding:1rem;border-radius:4px;margin-bottom:1rem}.oo_tracking-info p{margin:.4rem 0;font-size:.9rem;color:#2d3436}.oo_link{color:#5f27cd;text-decoration:none;font-weight:600}.oo_link:hover{text-decoration:underline}.oo_items-table{overflow-x:auto;margin-bottom:1rem}.oo_items-table table{width:100%;border-collapse:collapse;font-size:.85rem}.oo_items-table th{background:#f8f9fa;padding:.8rem;text-align:left;font-weight:600;color:#2d3436;border-bottom:2px solid #e0e0e0}.oo_items-table td{padding:.8rem;border-bottom:1px solid #e0e0e0;color:#636e72}.oo_suborder-total{text-align:right;font-weight:600;color:#2d3436;margin:0}.oo_summary-row{display:flex;justify-content:space-between;padding:.6rem 0;font-size:.95rem;color:#636e72}.oo_summary-row.oo_total{padding:1rem 0;border-top:2px solid #e0e0e0;font-size:1.1rem;font-weight:700;color:#5f27cd}.oo_summary-row.oo_discount span:last-child{color:#27ae60}@media(max-width:768px){.oo_user-orders-container{padding:1rem}.oo_orders-title{font-size:1.8rem}.oo_orders-grid{grid-template-columns:1fr}.oo_modal-content{max-width:90vw}.oo_action-buttons{flex-direction:column;width:100%}.oo_btn-primary,.oo_btn-secondary{width:100%}}@media(max-width:600px){.oo_orders-tabs{gap:.5rem;padding:.75rem}.oo_tab-btn{padding:.5rem 1rem;font-size:.8rem}.oo_order-card-footer{flex-direction:column}.oo_price-section{width:100%}.oo_action-buttons{width:100%;flex-direction:column}.oo_btn-primary,.oo_btn-secondary{width:100%}}.ourmicro-user-login-wrapper{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.floating-shapes{position:absolute;width:100%;height:100%;overflow:hidden;z-index:0}.shape{position:absolute;font-size:3rem;opacity:.15;animation:float 20s infinite ease-in-out}.shape-1{top:10%;left:10%;animation-delay:0s}.shape-2{top:20%;right:15%;animation-delay:2s}.shape-3{top:60%;left:5%;animation-delay:4s}.shape-4{bottom:20%;right:10%;animation-delay:6s}.shape-5{top:40%;left:50%;animation-delay:1s}.shape-6{bottom:30%;left:20%;animation-delay:3s}.shape-7{top:70%;right:25%;animation-delay:5s}.shape-8{top:15%;left:75%;animation-delay:7s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-30px) rotate(5deg)}50%{transform:translateY(0) rotate(-5deg)}75%{transform:translateY(30px) rotate(3deg)}}.login-container{background:#fff;border-radius:32px;box-shadow:0 30px 90px #00000040;display:flex;max-width:1200px;width:100%;min-height:650px;overflow:hidden;position:relative;z-index:1;transition:transform .3s ease}.login-container:hover{transform:translateY(-5px);box-shadow:0 35px 100px #0000004d}.login-container.celebrate{animation:celebrate .5s ease}@keyframes celebrate{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.05) rotate(2deg)}75%{transform:scale(1.05) rotate(-2deg)}}.creative-section{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);padding:60px 50px;color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.creative-section:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 15s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.brand-container{position:relative;z-index:1}.logo-wrapper{margin-bottom:40px}.logo-animation{font-size:3.5rem;font-weight:800;margin-bottom:10px;display:flex;gap:12px;align-items:center}.logo-text{background:linear-gradient(45deg,#fff,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s infinite}.logo-highlight{background:linear-gradient(45deg,#ffd89b,#19547b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s infinite 1.5s}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.8}}.logo-tagline{font-size:1.1rem;opacity:.9;font-weight:500;letter-spacing:2px}.welcome-title{font-size:2rem;font-weight:700;line-height:1.3;animation:fadeInUp 1s ease;min-height:60px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;transition:all .3s ease;cursor:pointer;border:1px solid rgba(255,255,255,.2)}.feature-card:hover{background:#ffffff40;transform:translateY(-5px);box-shadow:0 10px 30px #0003}.feature-icon{font-size:2rem;margin-bottom:10px}.feature-card h3{font-size:1.1rem;margin-bottom:5px;font-weight:600}.feature-card p{font-size:.9rem;opacity:.9}.stats-container{display:flex;justify-content:space-between;gap:20px}.stat-item{text-align:center;padding:15px;background:#ffffff1a;border-radius:12px;flex:1;transition:all .3s ease}.stat-item:hover{background:#fff3;transform:scale(1.05)}.stat-number{font-size:2rem;font-weight:800;margin-bottom:5px}.stat-label{font-size:.85rem;opacity:.9}.form-section{flex:1;padding:60px 50px;display:flex;align-items:center;justify-content:center;background:#fff}.form-container{width:100%;max-width:450px}.form-header{text-align:center;margin-bottom:35px}.header-icon-wrapper{margin-bottom:15px}.header-emoji{font-size:4rem;animation:wave 2s infinite}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.form-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.form-subtitle{color:#666;font-size:1.1rem}.alert-message{padding:15px 20px;border-radius:12px;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center;animation:slideDown .3s ease;font-weight:500}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message{background:#fee;color:#c33;border:2px solid #fcc}.success-message{background:#efe;color:#3c3;border:2px solid #cfc}.alert-close{background:none;border:none;font-size:1.5rem;cursor:pointer;opacity:.7;transition:opacity .2s;color:inherit}.shake{animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.login-form,.input-group-wrapper{margin-bottom:25px}.input-label{display:block;font-weight:600;margin-bottom:10px;color:#333;font-size:1rem}.mobile-input-group{display:flex;border:2px solid #e0e0e0;border-radius:14px;overflow:hidden;transition:all .3s ease}.mobile-input-group:focus-within{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.country-code{display:flex;align-items:center;gap:8px;padding:0 15px;background:#f8f9fa;border-right:2px solid #e0e0e0;font-weight:600;color:#333}.flag{font-size:1.5rem}.mobile-input{flex:1;padding:16px 20px;border:none;outline:none;font-size:1.1rem;font-weight:500}.input-hint{margin-top:8px;font-size:.85rem;color:#666}.submit-button{width:100%;padding:18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:14px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 20px #667eea66}.submit-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px #667eea80}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.button-arrow{font-size:1.3rem;transition:transform .3s ease}.loading-spinner{display:flex;align-items:center;gap:12px}@keyframes spin{to{transform:rotate(360deg)}}.otp-form{margin-bottom:25px}.otp-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px;border-radius:14px;border:2px solid #e0e0e0}.otp-icon{font-size:3rem;display:block;margin-bottom:10px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.otp-info p{margin:5px 0;color:#666;font-size:1rem}.phone-number{font-size:1.3rem!important;font-weight:700!important;color:#667eea!important}.otp-input-container{display:flex;gap:12px;justify-content:center;margin-bottom:25px}.otp-input{width:55px;height:60px;text-align:center;font-size:1.8rem;font-weight:700;border:3px solid #e0e0e0;border-radius:12px;outline:none;transition:all .3s ease;background:#fff;color:#333}.otp-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:scale(1.1)}.otp-input:not(:placeholder-shown){border-color:#28a745;background:#f0fff4}.otp-actions{display:flex;justify-content:space-between;margin-bottom:25px;gap:10px}.resend-button,.change-number-button{padding:12px 20px;border:2px solid #e0e0e0;background:#fff;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#666}.resend-button:hover:not(:disabled),.change-number-button:hover{background:#f8f9fa;border-color:#667eea;color:#667eea;transform:translateY(-2px)}.verify-button{width:100%;padding:18px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:14px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 20px #28a74566}.verify-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px #28a74580}.verify-button:disabled{opacity:.7;cursor:not-allowed}.form-footer{margin-top:30px}.divider{text-align:center;margin-bottom:20px;position:relative}.divider span{background:#fff;padding:0 15px;color:#666;font-size:.95rem;position:relative;z-index:1}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e0e0e0}.register-link{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e0e0e0;border-radius:12px;text-decoration:none;color:#667eea;font-weight:700;font-size:1.05rem;transition:all .3s ease;margin-bottom:20px}.register-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-3px);box-shadow:0 6px 25px #667eea4d}.register-badge{background:#28a745;color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:800}.register-link:hover .register-badge{background:#fff;color:#667eea}.footer-links{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.footer-link{color:#667eea;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease}.footer-link:hover{color:#764ba2;text-decoration:underline}.separator{color:#ccc}.security-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f8f9fa;border-radius:10px;font-size:.85rem;color:#666;border:1px solid #e0e0e0}.lock-icon{font-size:1.2rem}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;top:-10px;animation:confetti-fall 3s linear forwards}.confetti-1{background:#667eea;left:10%;animation-delay:0s}.confetti-2{background:#764ba2;left:30%;animation-delay:.2s}.confetti-3{background:#f093fb;left:50%;animation-delay:.4s}.confetti-4{background:#ffd89b;left:70%;animation-delay:.6s}@keyframes confetti-fall{to{top:100vh;transform:translate(100px) rotate(720deg)}}.success-animation{animation:success-pulse .6s ease}@keyframes success-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media(max-width:1024px){.login-container{flex-direction:column;max-width:500px}.creative-section{padding:40px 30px}.features-grid{grid-template-columns:1fr}.stats-container{flex-direction:column}.form-section{padding:40px 30px}}@media(max-width:768px){.ourmicro-user-login-wrapper{padding:10px}.login-container{border-radius:24px;min-height:auto}.creative-section{padding:30px 20px}.logo-animation{font-size:2.5rem}.welcome-title{font-size:1.5rem}.feature-card{padding:15px}.form-section{padding:30px 20px}.form-title{font-size:2rem}.otp-input{width:45px;height:50px;font-size:1.5rem}.otp-input-container{gap:8px}.otp-actions{flex-direction:column}}@media(max-width:480px){.logo-animation{font-size:2rem}.welcome-title{font-size:1.2rem;min-height:50px}.form-title{font-size:1.8rem}.mobile-input{font-size:1rem;padding:14px 16px}.submit-button,.verify-button{padding:16px;font-size:1rem}.otp-input{width:40px;height:45px;font-size:1.3rem}.stats-container{gap:10px}.stat-number{font-size:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--accent-color: #ff6b6b;--text-dark: #2d3436;--text-light: #636e72;--bg-light: #f8f9fa;--border-color: #dee2e6;--shadow-sm: 0 2px 4px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.12);--shadow-lg: 0 10px 40px rgba(0,0,0,.15);--shadow-xl: 0 20px 60px rgba(0,0,0,.2)}.ourmicro-login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px;position:relative;overflow:hidden}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.shape{position:absolute;font-size:2rem;animation:float-random 20s infinite;opacity:.1}.shape-1{top:10%;left:10%;animation-delay:0s;animation-duration:25s}.shape-2{top:20%;right:10%;animation-delay:3s;animation-duration:20s}.shape-3{bottom:30%;left:15%;animation-delay:5s;animation-duration:22s}.shape-4{top:50%;right:20%;animation-delay:2s;animation-duration:28s}.shape-5{bottom:10%;right:15%;animation-delay:4s;animation-duration:24s}.shape-6{top:30%;left:50%;animation-delay:1s;animation-duration:26s}.shape-7{bottom:20%;left:40%;animation-delay:6s;animation-duration:23s}.shape-8{top:70%;right:40%;animation-delay:3.5s;animation-duration:27s}@keyframes float-random{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(50px,-30px) rotate(90deg) scale(1.1)}50%{transform:translate(-30px,50px) rotate(180deg) scale(.9)}75%{transform:translate(40px,30px) rotate(270deg) scale(1.05)}}.login-container{display:flex;width:100%;max-width:1200px;min-height:700px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-xl);position:relative;z-index:10;animation:container-entrance .8s cubic-bezier(.34,1.56,.64,1)}@keyframes container-entrance{0%{opacity:0;transform:scale(.9) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-container.celebrate{animation:celebrate-bounce .6s ease-out}@keyframes celebrate-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.creative-section{flex:1;background:var(--primary-gradient);padding:50px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.creative-section:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate-slow 30s linear infinite}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-container{position:relative;z-index:2}.logo-wrapper{margin-bottom:40px;animation:logo-pulse 3s ease-in-out infinite}@keyframes logo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.logo-animation{display:flex;align-items:baseline;gap:8px;font-size:42px;font-weight:800;color:#fff;margin-bottom:8px}.logo-text{animation:text-glow 2s ease-in-out infinite alternate}.logo-highlight{color:gold;animation:highlight-bounce 2s ease-in-out infinite}@keyframes text-glow{0%{text-shadow:0 0 10px rgba(255,255,255,.5)}to{text-shadow:0 0 20px rgba(255,255,255,.8)}}@keyframes highlight-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo-tagline{font-size:18px;color:#ffffffe6;font-weight:500}.welcome-text{margin-bottom:40px}.welcome-title{font-size:24px;color:#fff;font-weight:600;min-height:32px;animation:fade-slide 3s ease-in-out}@keyframes fade-slide{0%,90%,to{opacity:1;transform:translate(0)}95%{opacity:0;transform:translate(-10px)}}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px}.feature-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;animation:feature-appear .6s ease-out forwards;opacity:0}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}@keyframes feature-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-card:hover{background:#ffffff26;transform:translateY(-5px) scale(1.05);box-shadow:0 10px 30px #0003}.feature-icon{font-size:32px;margin-bottom:12px;animation:icon-bounce 3s ease-in-out infinite}@keyframes icon-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.feature-card h3{color:#fff;font-size:16px;margin-bottom:8px;font-weight:600}.feature-card p{color:#fffc;font-size:13px;line-height:1.5}.stats-container{display:flex;justify-content:space-around;padding:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.2)}.stat-item{text-align:center;animation:stat-count 2s ease-out}@keyframes stat-count{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.stat-number{font-size:28px;font-weight:700;color:gold;margin-bottom:4px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.stat-label{font-size:12px;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px}.form-section{flex:1;padding:50px;display:flex;align-items:center;justify-content:center;background:#fff;position:relative}.form-container{width:100%;max-width:400px}.form-header{text-align:center;margin-bottom:40px}.header-icon-wrapper{display:inline-flex;justify-content:center;align-items:center;margin-bottom:20px}.header-icon{font-size:48px;animation:icon-rotate 4s ease-in-out infinite}@keyframes icon-rotate{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(5deg) scale(1.1)}50%{transform:rotate(0) scale(1)}75%{transform:rotate(-5deg) scale(1.1)}}.form-title{font-size:32px;font-weight:700;color:var(--text-dark);margin-bottom:8px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-subtitle{font-size:14px;color:var(--text-light);font-weight:500}.alert-message{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:12px;margin-bottom:20px;font-size:14px;position:relative;animation:slide-down .3s ease-out}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message{background:#fee;color:#c53030;border-left:4px solid #f56565}.success-message{background:#e6fffa;color:#047857;border-left:4px solid #10b981}.alert-icon{font-size:18px}.alert-close{margin-left:auto;background:none;border:none;font-size:24px;cursor:pointer;opacity:.5;transition:opacity .2s}.alert-close:hover{opacity:1}.error-shake.shake{animation:shake-horizontal .5s ease-out}@keyframes shake-horizontal{0%,to{transform:translate(0)}10%,30%,50%,70%{transform:translate(-5px)}20%,40%,60%{transform:translate(5px)}}.input-group-wrapper{margin-bottom:24px}.input-label{display:block;font-size:13px;font-weight:600;color:var(--text-dark);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.mobile-input-group{display:flex;align-items:center;border:2px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease;background:#fff}.mobile-input-group:focus-within{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.country-code{display:flex;align-items:center;gap:6px;padding:14px 16px;background:var(--bg-light);border-right:2px solid var(--border-color);font-weight:600;color:var(--text-dark)}.flag{font-size:20px}.mobile-input{flex:1;border:none;padding:14px 16px;font-size:16px;font-weight:500;color:var(--text-dark);background:transparent}.mobile-input:focus{outline:none}.mobile-input::placeholder{color:#a0aec0;font-weight:400}.input-hint{margin-top:8px;font-size:12px;color:var(--text-light);animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.submit-button{width:100%;padding:16px 24px;background:var(--secondary-gradient);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.submit-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.submit-button:hover:before{width:300px;height:300px}.submit-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #f093fb66}.submit-button:active:not(:disabled){transform:translateY(-1px)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.button-arrow{font-size:20px;transition:transform .3s ease}.submit-button:hover .button-arrow{transform:translate(5px)}.otp-form{animation:otp-entrance .5s ease-out}@keyframes otp-entrance{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.otp-header{text-align:center;margin-bottom:30px}.otp-info{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:var(--bg-light);border-radius:12px}.otp-icon{font-size:36px;animation:phone-ring 1s ease-in-out}@keyframes phone-ring{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}.otp-info p{margin:0;font-size:14px;color:var(--text-light)}.phone-number{font-weight:600;color:var(--text-dark);font-size:16px!important}.otp-input-container{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.otp-input{width:50px;height:50px;border:2px solid var(--border-color);border-radius:12px;text-align:center;font-size:20px;font-weight:600;color:var(--text-dark);transition:all .3s ease;background:#fff;animation:otp-box-appear .3s ease-out forwards}.otp-input:nth-child(1){animation-delay:.05s}.otp-input:nth-child(2){animation-delay:.1s}.otp-input:nth-child(3){animation-delay:.15s}.otp-input:nth-child(4){animation-delay:.2s}.otp-input:nth-child(5){animation-delay:.25s}.otp-input:nth-child(6){animation-delay:.3s}@keyframes otp-box-appear{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.otp-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:scale(1.1)}.otp-input::placeholder{color:#cbd5e0;font-size:24px;opacity:.5}.otp-input:not(:placeholder-shown):not([value=""]){background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;animation:otp-filled .3s ease-out}@keyframes otp-filled{0%{transform:scale(1)}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}.otp-actions{display:flex;justify-content:space-between;gap:12px;margin-bottom:24px}.resend-button,.change-number-button{flex:1;padding:12px 16px;background:transparent;border:2px solid var(--border-color);border-radius:10px;color:var(--text-dark);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.resend-button:hover:not(:disabled),.change-number-button:hover{border-color:#667eea;color:#667eea;background:#667eea0d}.resend-button:disabled{opacity:.5;cursor:not-allowed}.verify-button{width:100%;padding:16px 24px;background:var(--success-gradient);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.verify-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #4facfe66}.verify-button:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{display:flex;align-items:center;gap:10px}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-footer{margin-top:32px}.divider{text-align:center;margin:24px 0;position:relative}.divider span{background:#fff;padding:0 16px;color:var(--text-light);font-size:14px;position:relative;z-index:1}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color)}.register-link{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:var(--bg-light);border:2px dashed var(--border-color);border-radius:12px;text-decoration:none;color:var(--text-dark);font-weight:600;transition:all .3s ease;margin-bottom:24px;position:relative;overflow:hidden}.register-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--primary-gradient);transition:left .5s ease}.register-link:hover:before{left:0}.register-link:hover{color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 5px 20px #667eea4d}.register-link span{position:relative;z-index:1}.register-icon{font-size:20px}.register-badge{background:var(--accent-color);color:#fff;padding:4px 8px;border-radius:20px;font-size:10px;font-weight:700;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.footer-links{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:20px}.footer-link{color:var(--text-light);font-size:13px;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#667eea;text-decoration:underline}.separator{color:var(--border-color)}.security-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--bg-light);border-radius:10px;font-size:12px;color:var(--text-light)}.lock-icon{font-size:16px;animation:lock-secure 3s ease-in-out infinite}@keyframes lock-secure{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.confetti{position:absolute;width:10px;height:10px;background:var(--primary-gradient);top:-10px;animation:confetti-fall 3s ease-out forwards}.confetti-1{background:#ff6b6b}.confetti-2{background:#4ecdc4}.confetti-3{background:#45b7d1}.confetti-4{background:#ffd93d}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti:nth-child(2n){width:8px;height:8px;animation-duration:2.5s}.confetti:nth-child(3n){animation-delay:.1s}.confetti:nth-child(4n){animation-delay:.2s}.confetti:nth-child(5n){animation-delay:.3s;width:6px;height:6px}.success-animation{animation:success-glow .6s ease-out}.otp-container{max-width:500px;margin:0 auto;animation:fadeIn .3s ease-in}.otp-container h2{font-size:2rem;color:#1a1a1a;margin-bottom:30px;font-weight:600;text-align:center}.phone-input{display:flex;align-items:center;border:1.5px solid #0066cc;border-radius:4px;overflow:hidden}.code{padding:12px 15px;background:#f0f4f8;color:#333;border-right:1px solid #0066cc;font-weight:500;min-width:50px}.phone-input .input{border:none;flex:1;border-radius:0}.phone-input .input:focus{box-shadow:none}.otp-inputs{display:flex;gap:10px;justify-content:center;margin:20px 0}.otp-input{width:50px;height:50px;text-align:center;font-size:1.5rem;font-weight:600;border:2px solid #0066cc;border-radius:8px;transition:all .3s ease}.otp-input:focus{outline:none;border-color:#0052a3;box-shadow:0 0 0 3px #0066cc1a;transform:scale(1.05)}.otp-actions{display:flex;justify-content:space-between;align-items:center;margin:15px 0;gap:10px}.otp-actions span{font-size:.9rem;color:#666}.btn-resend{background:none;border:none;color:#dc3545;cursor:pointer;font-weight:600;text-decoration:underline;padding:0;font-size:.9rem}.btn-resend:disabled{color:#999;cursor:not-allowed;text-decoration:none}.btn-primary{background:#06c;color:#fff;width:100%}@media(max-width:768px){.otp-container h2{font-size:1.5rem}.otp-inputs{gap:5px}.otp-input{width:40px;height:40px;font-size:1.2rem}}@media(max-width:480px){.otp-container h2{font-size:1.25rem}.input{padding:10px 12px;font-size:.9rem}.otp-input{width:35px;height:35px;font-size:1rem}.otp-inputs{gap:3px}}.step-form{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-form h2{font-size:2rem;color:#1a1a1a;margin-bottom:30px;font-weight:600;text-align:center}.form{display:flex;flex-direction:column;gap:25px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field.full-width{grid-column:1 / -1}.form-field label{font-size:.9rem;font-weight:500;color:#333}.input{padding:12px 15px;border:1.5px solid #0066cc;border-radius:4px;font-size:.95rem;background:transparent;color:#333;transition:all .3s ease;font-family:inherit}.input::placeholder{color:#999}.input:focus{outline:none;border-color:#0052a3;box-shadow:0 0 0 3px #0066cc1a}.input:disabled{background:#f0f0f0;cursor:not-allowed;color:#999}textarea.input{resize:vertical;font-family:inherit}.section-title{font-size:1.1rem;font-weight:600;color:#333;margin:20px 0 15px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.checkbox-field{display:flex;align-items:center;gap:10px;padding:15px;background:#f9f9f9;border-radius:4px}.checkbox-field input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#0066cc}.checkbox-field label{margin:0;font-size:.9rem;color:#333;cursor:pointer}.preview-image{max-width:100%;height:auto;max-height:150px;margin-top:10px;border-radius:4px;border:1px solid #ddd;padding:5px}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.btn{padding:12px 35px;border:none;border-radius:4px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:#06c;color:#fff;min-width:150px}.btn-primary:hover:not(:disabled){background:#0052a3;transform:translateY(-2px);box-shadow:0 4px 12px #0066cc4d}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#fff;color:#333;border:2px solid #ddd}.btn-secondary:hover:not(:disabled){border-color:#06c;color:#06c;background:#f0f4f8}.btn-submit{background:#ffc107;color:#333}.btn-submit:hover:not(:disabled){background:#ffb300;transform:translateY(-2px);box-shadow:0 4px 12px #ffc1074d}.terms-content{background:#f9f9f9;padding:25px;border-radius:4px;max-height:400px;overflow-y:auto;margin-bottom:25px;line-height:1.8;color:#555;font-size:.95rem}.terms-content p{margin-bottom:15px;text-align:justify}.terms-content p:last-child{margin-bottom:0}@media(max-width:768px){.step-form h2{font-size:1.5rem}.form-row{grid-template-columns:1fr;gap:15px}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.checkbox-field{gap:8px}.checkbox-field input[type=checkbox]{width:16px;height:16px}.terms-content{padding:15px;max-height:300px;font-size:.9rem}}@media(max-width:480px){.step-form h2{font-size:1.25rem;margin-bottom:20px}.input{padding:10px 12px;font-size:.9rem}.form-field label{font-size:.85rem}.btn{padding:10px 20px;font-size:.85rem}.terms-content{padding:15px;max-height:250px;font-size:.85rem}}.file-upload-wrapper{position:relative}.file-input{display:none}.file-upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;border:2px dashed #0066cc;border-radius:8px;background:linear-gradient(135deg,#0066cc0d,#0066cc05);cursor:pointer;transition:all .3s ease;text-align:center}.file-upload-box:hover{border-color:#0052a3;background:linear-gradient(135deg,#0066cc1a,#0066cc0d)}.upload-icon{width:40px;height:40px;color:#06c;margin-bottom:10px}.file-upload-box p{margin:0;color:#666;font-size:.9rem;font-weight:500}.file-upload-wrapper:hover .file-upload-box{border-color:#0052a3}.info-box{display:flex;gap:12px;padding:15px;background:#e3f2fd;border-left:4px solid #0066cc;border-radius:4px;margin:20px 0}.info-icon{width:20px;height:20px;color:#06c;flex-shrink:0}.info-box p{margin:0;color:#0052a3;font-size:.9rem;line-height:1.5}.step-subtitle{text-align:center;color:#666;font-size:.95rem;margin-bottom:30px}@media(max-width:768px){.file-upload-box{padding:20px 15px}.upload-icon{width:32px;height:32px}}.sidebar-content h3{font-size:1.3rem;font-weight:700;color:#fff;margin:0;letter-spacing:.5px}.step-item:hover:not(.completed){background:#fff3;transform:translate(5px)}@media(max-width:1024px){.registration-sidebar{width:250px;padding:20px 15px}.sidebar-content h3{font-size:1.1rem}.sidebar-content p{font-size:.8rem}.step-name{font-size:.85rem}}@media(max-width:768px){.registration-sidebar{width:100%;position:static;background:linear-gradient(135deg,#1a3a52,#2d5f7a);border-radius:0;padding:20px;display:flex;flex-direction:row;gap:40px;align-items:flex-start;height:auto}.sidebar-content{display:flex;flex-direction:row;gap:30px;flex:1}.steps-list{flex-direction:row;gap:8px;flex:1;flex-wrap:wrap}.step-item{flex:0 0 calc(50% - 4px);padding:10px 12px}.step-name{display:none}.step-num{width:28px;height:28px;font-size:.9rem}}@media(max-width:480px){.registration-sidebar{padding:15px;gap:20px}.sidebar-content{flex-direction:column;gap:15px}.sidebar-content h3{font-size:1rem}.sidebar-content p{font-size:.75rem}.steps-list{flex-direction:row;gap:6px}.step-item{flex:0 0 auto;padding:8px 10px}.step-num{width:24px;height:24px;font-size:.8rem}}.vendor-registration-container{display:flex;min-height:100vh;background:#f5f5f5}.registration-sidebar{width:300px;background:linear-gradient(135deg,#1a3a52,#2d5f7a);padding:30px 20px;color:#fff;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-content{display:flex;flex-direction:column;gap:25px}.sidebar-content h3{font-size:1.3rem;font-weight:700;margin:0;letter-spacing:.5px}.sidebar-content p{font-size:.85rem;color:#ffffffd9;line-height:1.6;margin:0}.steps-list{display:flex;flex-direction:column;gap:12px}.step-item{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:6px;cursor:pointer;transition:all .3s ease;background:#ffffff1a}.step-item:hover{background:#fff3;transform:translate(5px)}.step-item.active{background:#ffc107;color:#1a3a52}.step-item.completed{background:#4caf504d;opacity:.7}.step-num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff3;border-radius:50%;font-weight:700;font-size:.95rem;flex-shrink:0}.step-item.active .step-num{background:#1a3a52;color:#ffc107}.step-item.completed .step-num{background:#4caf50;color:#fff}.step-name{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.registration-content{flex:1;padding:40px;background:#fff;overflow-y:auto}@media(max-width:768px){.vendor-registration-container{flex-direction:column}.registration-sidebar{width:100%;height:auto;position:static;display:flex;flex-direction:row;gap:40px;padding:20px}.sidebar-content{flex-direction:row;gap:30px;flex:1}.steps-list{flex-direction:row;gap:8px;flex:1;flex-wrap:wrap}.step-item{flex:0 0 auto;padding:10px 12px}.step-name{display:none}.registration-content{padding:20px}}@media(max-width:480px){.registration-sidebar{padding:15px;gap:20px}.sidebar-content h3{font-size:1rem}.sidebar-content p{font-size:.75rem}.steps-list{gap:6px}.step-item{padding:8px 10px}.step-num{width:24px;height:24px;font-size:.8rem}.registration-content{padding:15px}}