@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css";.modal-overlay[data-v-26765e6e]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000}.chaos-modal[data-v-26765e6e]{width:90%;max-width:500px;height:80vh;background:#fff;border-radius:15px;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000004d}.chaos-header[data-v-26765e6e]{background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff;padding:1.5rem;border-radius:15px 15px 0 0;display:flex;align-items:center;gap:1rem}.chaos-avatar[data-v-26765e6e]{width:50px;height:50px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.chaos-info h3[data-v-26765e6e]{margin:0;font-size:1.2rem}.chaos-status[data-v-26765e6e]{font-size:.8rem;opacity:.8}.close-btn[data-v-26765e6e]{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;margin-left:auto}.chat-container[data-v-26765e6e]{flex:1;overflow-y:auto;padding:1rem}.chat-messages[data-v-26765e6e]{display:flex;flex-direction:column;gap:1rem}.message[data-v-26765e6e]{max-width:80%;padding:.75rem 1rem;border-radius:15px;position:relative}.message.user[data-v-26765e6e]{align-self:flex-end;background:#1e88e5;color:#fff;border-bottom-right-radius:5px}.message.bot[data-v-26765e6e]{align-self:flex-start;background:#f5f5f5;color:#333;border-bottom-left-radius:5px}.message-content[data-v-26765e6e]{white-space:pre-line;line-height:1.4}.message-time[data-v-26765e6e]{font-size:.7rem;opacity:.7;margin-top:.25rem}.quick-questions[data-v-26765e6e]{padding:1rem;border-top:1px solid #eee}.questions-title[data-v-26765e6e]{font-size:.9rem;color:#666;margin-bottom:.5rem}.questions-grid[data-v-26765e6e]{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.question-btn[data-v-26765e6e]{background:#e3f2fd;border:1px solid #1e88e5;color:#1e88e5;padding:.5rem;border-radius:8px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.question-btn[data-v-26765e6e]:hover{background:#1e88e5;color:#fff}.chat-input-container[data-v-26765e6e]{padding:1rem;border-top:1px solid #eee;display:flex;gap:.5rem}.chat-input[data-v-26765e6e]{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:25px;outline:none}.chat-input[data-v-26765e6e]:focus{border-color:#1e88e5}.send-btn[data-v-26765e6e]{background:#1e88e5;color:#fff;border:none;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.send-btn[data-v-26765e6e]:hover{background:#0d47a1}.sidebar-overlay[data-v-b6594e13]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:998}.sidebar[data-v-b6594e13]{position:fixed;top:0;left:-300px;width:300px;height:100%;background:#fff;box-shadow:2px 0 10px #0000001a;transition:left .3s ease;z-index:999;overflow-y:auto}.sidebar.active[data-v-b6594e13]{left:0}.sidebar-header[data-v-b6594e13]{background:linear-gradient(135deg,#2c5aa0,#1e3a8a);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0}.sidebar-header h3[data-v-b6594e13]{margin:0;font-size:1.2rem}.close-sidebar[data-v-b6594e13]{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.5rem}.sidebar-content[data-v-b6594e13]{padding:1rem 0}.sidebar-section[data-v-b6594e13]{margin-bottom:1.5rem}.sidebar-title[data-v-b6594e13]{padding:.75rem 1.5rem;margin:0;font-size:.9rem;font-weight:600;color:#4a5568;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:.5rem}.sidebar-menu[data-v-b6594e13]{list-style:none;padding:0;margin:0}.sidebar-menu li[data-v-b6594e13]{border-bottom:1px solid #f7fafc}.sidebar-menu a[data-v-b6594e13],.sidebar-link[data-v-b6594e13]{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;color:#4a5568;text-decoration:none;transition:all .3s ease;background:none;border:none;width:100%;text-align:left;font-size:.95rem;cursor:pointer;transform:translate(0)}.sidebar-menu a[data-v-b6594e13]:hover,.sidebar-link[data-v-b6594e13]:hover{background:#f7fafc;color:#2c5aa0;transform:translate(5px)}.sidebar-link:hover i.fa-cog[data-v-b6594e13]{animation:rotateCog-b6594e13 .6s ease}@keyframes rotateCog-b6594e13{0%{transform:rotate(0)}to{transform:rotate(90deg)}}.sidebar-menu i[data-v-b6594e13]{width:20px;text-align:center}.admin-section[data-v-b6594e13]{border-top:2px solid #f7fafc;border-bottom:2px solid #f7fafc;margin:15px 0;padding:10px 0;background:linear-gradient(135deg,#ffd7000d,#ffc10705);border-radius:8px}.admin-title[data-v-b6594e13]{color:#4a5568!important;font-weight:700!important;border-bottom:1px solid #f7fafc!important}.admin-title i[data-v-b6594e13]{color:#1e88e5!important}.admin-link[data-v-b6594e13]{color:#4a5568!important;font-weight:600;position:relative;background:linear-gradient(135deg,rgba(255,215,0,.05),transparent)!important}.admin-link i[data-v-b6594e13]{color:#1e88e5!important}.admin-link[data-v-b6594e13]:hover{transform:translate(5px)}.admin-link:hover i.fa-cog[data-v-b6594e13]{animation:rotateCog-b6594e13 .6s ease,pulseGold .6s ease}.chaos-title[data-v-b6594e13]{color:#1e88e5!important}.chaos-link[data-v-b6594e13]{background:linear-gradient(135deg,#1e88e51a,#0d47a10d)!important;border-left:3px solid #1e88e5!important}.status-dot[data-v-b6594e13]{width:8px;height:8px;background:#4caf50;border-radius:50%;margin-left:auto;animation:pulse-b6594e13 2s infinite}@keyframes pulse-b6594e13{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.chaos-link[data-v-b6594e13]:hover{background:linear-gradient(135deg,#1e88e526,#0d47a11a)!important}@media(max-width:480px){.sidebar[data-v-b6594e13]{width:280px}.admin-section[data-v-b6594e13]{margin:10px 0;padding:8px 0}}.hero-banner[data-v-a83b56d2]{background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff;padding:60px 0;text-align:center;position:relative;overflow:hidden}.hero-banner[data-v-a83b56d2]:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="%23ffffff" opacity="0.1"><polygon points="0,0 1000,50 1000,100 0,100"/></svg>') no-repeat bottom;background-size:cover}.container[data-v-a83b56d2]{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.hero-content[data-v-a83b56d2]{max-width:600px;margin:0 auto}.hero-title[data-v-a83b56d2]{font-size:2.2rem;font-weight:700;margin-bottom:16px;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-subtitle[data-v-a83b56d2]{font-size:1.1rem;margin-bottom:32px;opacity:.9;line-height:1.5}.cta-button[data-v-a83b56d2]{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;padding:14px 32px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #fff6;display:inline-flex;align-items:center;gap:10px;position:relative;overflow:hidden}.cta-button[data-v-a83b56d2]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.cta-button[data-v-a83b56d2]:hover:before{left:100%}.cta-button[data-v-a83b56d2]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2196f399;background:linear-gradient(135deg,#1976d2,#1565c0)}.cta-button[data-v-a83b56d2]:active{transform:translateY(0)}.cta-button i[data-v-a83b56d2]{font-size:1rem}@media(max-width:768px){.hero-banner[data-v-a83b56d2]{padding:50px 0}.hero-title[data-v-a83b56d2]{font-size:1.8rem}.hero-subtitle[data-v-a83b56d2]{font-size:1rem;margin-bottom:28px}.cta-button[data-v-a83b56d2]{padding:12px 28px;font-size:1rem}}@media(max-width:480px){.hero-title[data-v-a83b56d2]{font-size:1.6rem}.hero-subtitle[data-v-a83b56d2]{font-size:.95rem}.cta-button[data-v-a83b56d2]{width:100%;justify-content:center}}.products-section[data-v-4274c894]{padding:40px 0;background:#f8f9fa}.container[data-v-4274c894]{max-width:1200px;margin:0 auto;padding:0 20px}.section-header[data-v-4274c894]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.section-title[data-v-4274c894]{font-size:2rem;color:#2c3e50;font-weight:700;display:flex;align-items:center;gap:10px;margin:0}.product-count[data-v-4274c894]{font-size:1rem;color:#666;font-weight:400;background:#e3f2fd;padding:4px 12px;border-radius:20px;border:1px solid #bbdefb}.view-less-btn[data-v-4274c894]{background:linear-gradient(135deg,#666,#444);color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 8px #0003}.view-less-btn[data-v-4274c894]:hover{background:linear-gradient(135deg,#555,#333);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.products-grid[data-v-4274c894]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;padding:20px 0}.product-card[data-v-4274c894]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;position:relative}.product-card[data-v-4274c894]:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.favorite-btn[data-v-4274c894]{position:absolute;top:12px;right:12px;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 2px 8px #0000001a}.favorite-btn[data-v-4274c894]:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 12px #0003}.favorite-btn i[data-v-4274c894]{color:#ccc;font-size:1.1rem;transition:all .3s ease}.favorite-btn.active i[data-v-4274c894],.favorite-btn:hover i[data-v-4274c894]{color:#ff4081}.favorite-btn.active:hover i[data-v-4274c894]{color:#e91e63}.product-image-container[data-v-4274c894]{position:relative;width:100%;height:200px;overflow:hidden}.product-image[data-v-4274c894]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image[data-v-4274c894]{transform:scale(1.05)}.product-info[data-v-4274c894]{padding:20px}.product-name[data-v-4274c894]{font-size:1.2rem;font-weight:700;color:#2c3e50;margin-bottom:8px;line-height:1.3}.product-description[data-v-4274c894]{color:#6c757d;font-size:.9rem;line-height:1.5;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;max-height:2.8em}.product-price-section[data-v-4274c894]{display:flex;flex-direction:column;gap:12px}.product-price[data-v-4274c894]{font-size:1.4rem;font-weight:700;color:#1e88e5}.product-actions[data-v-4274c894]{display:flex;flex-direction:column;gap:8px;width:100%}.add-to-cart[data-v-4274c894]{background:linear-gradient(135deg,#1e88e5,#1565c0);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #1e88e54d;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.add-to-cart[data-v-4274c894]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1e88e566}.write-review[data-v-4274c894]{background:linear-gradient(135deg,#42a5f5,#1976d2);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #42a5f54d;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;position:relative;overflow:hidden}.write-review[data-v-4274c894]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #42a5f566;background:linear-gradient(135deg,#1976d2,#1565c0)}.write-review[data-v-4274c894]:active{transform:translateY(0)}.write-review[data-v-4274c894]:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#fff,#e3f2fd,#fff);animation:pulseLine-4274c894 2s infinite}@keyframes pulseLine-4274c894{0%,to{opacity:.7}50%{opacity:1}}.write-review i[data-v-4274c894]{font-size:1rem;color:#e3f2fd}.no-products[data-v-4274c894]{text-align:center;padding:40px;color:#666;font-size:1.1rem}@media(max-width:768px){.section-header[data-v-4274c894]{flex-direction:column;align-items:stretch;text-align:center}.products-grid[data-v-4274c894]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.section-title[data-v-4274c894]{font-size:1.6rem}.view-less-btn[data-v-4274c894]{width:100%;justify-content:center}}@media(max-width:480px){.products-grid[data-v-4274c894]{grid-template-columns:1fr}.product-card[data-v-4274c894]{padding:15px}}.modal[data-v-eaa08c8a]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-eaa08c8a]{background:#fff;border-radius:15px;width:90%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header[data-v-eaa08c8a]{background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;border-radius:15px 15px 0 0}.modal-header h2[data-v-eaa08c8a]{margin:0;font-size:1.3em;color:#fff}.close-btn[data-v-eaa08c8a]{background:#fff3;border:none;color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:1.2em;transition:background .3s}.close-btn[data-v-eaa08c8a]:hover{background:#ffffff4d}.modal-body[data-v-eaa08c8a]{padding:30px}.form-group[data-v-eaa08c8a]{margin-bottom:20px}.form-group label[data-v-eaa08c8a]{display:block;margin-bottom:5px;font-weight:700;color:#333}.form-group input[data-v-eaa08c8a]{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s;box-sizing:border-box}.form-group input[data-v-eaa08c8a]:focus{border-color:#1e88e5;outline:none}.password-group[data-v-eaa08c8a]{position:relative}.password-input-container[data-v-eaa08c8a]{position:relative;display:flex;align-items:center}.password-input-container input[data-v-eaa08c8a]{padding-right:45px;width:100%}.password-toggle[data-v-eaa08c8a]{position:absolute;right:12px;background:none;border:none;color:#666;cursor:pointer;padding:5px;border-radius:4px;transition:color .3s}.password-toggle[data-v-eaa08c8a]:hover{color:#1e88e5;background-color:#1e88e51a}.password-toggle i[data-v-eaa08c8a]{font-size:16px}.btn[data-v-eaa08c8a]{width:100%;padding:15px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-primary[data-v-eaa08c8a]{background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff}.btn-primary[data-v-eaa08c8a]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #1e88e54d}.btn[data-v-eaa08c8a]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-register[data-v-eaa08c8a]{background:transparent;color:#1e88e5;border:2px solid #1e88e5;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s}.btn-register[data-v-eaa08c8a]:hover{background:#1e88e5;color:#fff}.error-message[data-v-eaa08c8a]{background:#ffebee;color:#c62828;padding:12px;border-radius:8px;margin:15px 0;text-align:center;border:1px solid #feb2b2}.auth-links[data-v-eaa08c8a]{margin-top:20px;text-align:center}.auth-links p[data-v-eaa08c8a]{margin:10px 0;color:#666}.link[data-v-eaa08c8a]{color:#1e88e5;text-decoration:none;font-weight:700}.link[data-v-eaa08c8a]:hover{text-decoration:underline}.register-prompt[data-v-eaa08c8a]{margin-top:20px;padding-top:15px;border-top:1px solid #eee}.register-prompt p[data-v-eaa08c8a]{margin-bottom:10px;color:#666}.modal[data-v-65a97a74]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-65a97a74]{background:#fff;border-radius:12px;width:90%;max-width:450px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000004d;overflow:hidden}.modal-header[data-v-65a97a74]{background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h2[data-v-65a97a74]{margin:0;font-size:1.5rem;color:#fff}.close-btn[data-v-65a97a74]{background:none;border:none;color:#fff;font-size:1.8rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s}.close-btn[data-v-65a97a74]:hover{background-color:#fff3}.modal-body[data-v-65a97a74]{padding:1.5rem;flex:1;overflow-y:auto;display:flex;flex-direction:column}.form-group[data-v-65a97a74]{margin-bottom:1.2rem}.form-group label[data-v-65a97a74]{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input[data-v-65a97a74]{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .3s;box-sizing:border-box}.form-group input[data-v-65a97a74]:focus{outline:none;border-color:#1e88e5;box-shadow:0 0 0 3px #1e88e51a}.password-group[data-v-65a97a74]{position:relative}.password-input-container[data-v-65a97a74]{position:relative;display:flex;align-items:center}.password-input-container input[data-v-65a97a74]{padding-right:45px;width:100%}.password-toggle[data-v-65a97a74]{position:absolute;right:12px;background:none;border:none;color:#666;cursor:pointer;padding:5px;border-radius:4px;transition:color .3s}.password-toggle[data-v-65a97a74]:hover{color:var(--primary-color);background-color:#1e88e51a}.password-toggle i[data-v-65a97a74]{font-size:16px}.error-message[data-v-65a97a74]{background-color:#fed7d7;color:#c53030;padding:.75rem;border-radius:6px;margin-bottom:1rem;border:1px solid #feb2b2;font-size:.9rem;flex-shrink:0}.success-message[data-v-65a97a74]{background-color:#c6f6d5;color:#276749;padding:.75rem;border-radius:6px;margin-bottom:1rem;border:1px solid #9ae6b4;font-size:.9rem;flex-shrink:0}.btn[data-v-65a97a74]{width:100%;padding:.875rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:auto;flex-shrink:0}.btn-primary[data-v-65a97a74]{background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff}.btn-primary[data-v-65a97a74]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #1e88e566}.btn[data-v-65a97a74]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.auth-links[data-v-65a97a74]{margin-top:1.5rem;text-align:center;flex-shrink:0}.login-prompt[data-v-65a97a74]{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.login-prompt p[data-v-65a97a74]{margin:0;color:#666}.btn-login[data-v-65a97a74]{background:none;border:none;color:#1e88e5;cursor:pointer;font-weight:600;text-decoration:underline;padding:0}.btn-login[data-v-65a97a74]:hover{color:#0d47a1}.modal-body[data-v-65a97a74]::-webkit-scrollbar{width:6px}.modal-body[data-v-65a97a74]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-body[data-v-65a97a74]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-body[data-v-65a97a74]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-overlay[data-v-5cc359ae]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.cart-modal[data-v-5cc359ae]{width:90%;max-width:500px;max-height:80vh;background:#fff;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000004d;overflow:hidden}.cart-header[data-v-5cc359ae]{background:linear-gradient(135deg,#2c5aa0,#1e3a8a);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.cart-header h2[data-v-5cc359ae]{margin:0;font-size:1.3rem}.close-btn[data-v-5cc359ae]{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.cart-content[data-v-5cc359ae]{flex:1;overflow-y:auto;padding:1rem}.empty-cart[data-v-5cc359ae]{text-align:center;padding:3rem 1rem;color:#718096}.empty-cart p[data-v-5cc359ae]{margin:.5rem 0}.cart-item[data-v-5cc359ae]{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #e2e8f0;gap:1rem}.item-image[data-v-5cc359ae]{width:50px;height:50px;object-fit:cover;border-radius:8px}.item-details[data-v-5cc359ae]{flex:1}.item-name[data-v-5cc359ae]{margin:0 0 .5rem;font-size:.9rem;color:#2d3748}.item-price[data-v-5cc359ae]{margin:0 0 .5rem;color:#718096;font-size:.8rem}.quantity-controls[data-v-5cc359ae]{display:flex;align-items:center;gap:.5rem}.qty-btn[data-v-5cc359ae]{background:#e2e8f0;border:none;width:25px;height:25px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700}.qty-btn[data-v-5cc359ae]:hover:not(:disabled){background:#cbd5e0}.qty-btn[data-v-5cc359ae]:disabled{opacity:.5;cursor:not-allowed}.quantity[data-v-5cc359ae]{font-weight:700;min-width:25px;text-align:center}.item-total[data-v-5cc359ae]{font-weight:700;color:#2c5aa0}.remove-btn[data-v-5cc359ae]{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:.5rem;border-radius:5px;transition:background-color .3s ease}.remove-btn[data-v-5cc359ae]:hover{background:#fed7d7}.cart-footer[data-v-5cc359ae]{padding:1.5rem;border-top:2px solid #e2e8f0;background:#f7fafc}.total-section[data-v-5cc359ae]{text-align:center;font-size:1.2rem;margin-bottom:1rem;color:#2d3748}.checkout-btn[data-v-5cc359ae]{width:100%;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.checkout-btn[data-v-5cc359ae]:hover{background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-2px)}@media(max-width:480px){.cart-modal[data-v-5cc359ae]{width:100%}}.payment-details[data-v-f3d87699]{background:#f8f9fa;padding:1rem;border-radius:8px;margin:1rem 0;border-left:4px solid #2c5aa0}.account-info[data-v-f3d87699],.payment-instructions[data-v-f3d87699]{background:#fff;padding:1rem;border-radius:8px;margin:1rem 0;border:1px solid #e2e8f0}.account-info p[data-v-f3d87699],.payment-instructions p[data-v-f3d87699]{margin:.5rem 0;color:#4a5568}.payment-instructions ol[data-v-f3d87699]{margin:.5rem 0;padding-left:1.5rem}.payment-instructions li[data-v-f3d87699]{margin:.25rem 0;color:#4a5568}.next-steps[data-v-f3d87699]{background:#f0fff4;padding:1rem;border-radius:8px;margin:1rem 0;border-left:4px solid #48bb78}.next-steps h4[data-v-f3d87699]{margin-top:0;color:#2d3748}.next-steps ul[data-v-f3d87699]{margin:.5rem 0;padding-left:1.5rem}.next-steps li[data-v-f3d87699]{margin:.25rem 0;color:#4a5568}.modal[data-v-f3d87699]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-f3d87699]{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;overflow:hidden;max-width:500px;width:90%;max-height:90vh;display:flex;flex-direction:column}.payment-modal[data-v-f3d87699]{max-height:85vh}.modal-header[data-v-f3d87699]{background:linear-gradient(135deg,#2c5aa0,#1e3a8a);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h2[data-v-f3d87699]{margin:0;font-size:1.3rem}.close-btn[data-v-f3d87699]{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-body[data-v-f3d87699]{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column}.payment-step[data-v-f3d87699]{flex:1;display:flex;flex-direction:column}.payment-step h3[data-v-f3d87699]{margin-top:0;margin-bottom:1.5rem;color:#2d3748;text-align:center}.order-summary[data-v-f3d87699]{flex:1;margin-bottom:1.5rem}.order-items[data-v-f3d87699]{margin-bottom:1rem}.order-item[data-v-f3d87699]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.order-item[data-v-f3d87699]:last-child{border-bottom:none}.item-name[data-v-f3d87699]{flex:1;font-weight:500}.item-quantity[data-v-f3d87699]{margin:0 1rem;color:#718096}.item-price[data-v-f3d87699]{font-weight:600;color:#2c5aa0}.order-total[data-v-f3d87699]{text-align:center;font-size:1.2rem;font-weight:700;padding:1rem;background:#f7fafc;border-radius:8px;color:#2d3748}.form-group[data-v-f3d87699]{margin-bottom:1rem}.form-group label[data-v-f3d87699]{display:block;margin-bottom:.5rem;font-weight:500;color:#4a5568}.form-group input[data-v-f3d87699],.form-group select[data-v-f3d87699]{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input[data-v-f3d87699]:focus,.form-group select[data-v-f3d87699]:focus{outline:none;border-color:#2c5aa0}.payment-methods[data-v-f3d87699]{margin-bottom:1.5rem}.payment-method[data-v-f3d87699]{display:flex;align-items:center;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;margin-bottom:.75rem;cursor:pointer;transition:all .3s ease}.payment-method[data-v-f3d87699]:hover{border-color:#cbd5e0}.payment-method input[data-v-f3d87699]{margin-right:.75rem}.step-actions[data-v-f3d87699]{display:flex;gap:1rem;justify-content:center;margin-top:auto;padding-top:1.5rem;flex-shrink:0}.btn[data-v-f3d87699]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.btn-primary[data-v-f3d87699]{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.btn-primary[data-v-f3d87699]:hover:not(:disabled){background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-2px)}.btn-outline[data-v-f3d87699]{background:#fff;color:#4a5568;border:2px solid #e2e8f0}.btn-outline[data-v-f3d87699]:hover{border-color:#cbd5e0;background:#f7fafc}.confirmation[data-v-f3d87699]{text-align:center;justify-content:center}.confirmation-icon[data-v-f3d87699]{font-size:4rem;margin-bottom:1rem}.confirmation h3[data-v-f3d87699]{color:#48bb78;margin-bottom:1rem}.confirmation p[data-v-f3d87699]{margin-bottom:.5rem;color:#4a5568}.error-message[data-v-f3d87699]{background:#fed7d7;color:#c53030;padding:.75rem;border-radius:8px;margin:1rem 0;text-align:center;flex-shrink:0}.btn[data-v-f3d87699]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media(max-width:480px){.modal-content[data-v-f3d87699]{width:95%;margin:1rem}.step-actions[data-v-f3d87699]{flex-direction:column}.btn[data-v-f3d87699]{width:100%}}.modal-overlay[data-v-798c48d8]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.order-history[data-v-798c48d8]{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:800px;width:90%;max-height:90vh;display:flex;flex-direction:column}.history-header[data-v-798c48d8]{background:linear-gradient(135deg,#2c5aa0,#1e3a8a);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.history-header h2[data-v-798c48d8]{margin:0;font-size:1.3rem}.close-btn[data-v-798c48d8]{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.history-content[data-v-798c48d8]{flex:1;overflow-y:auto;padding:1.5rem}.loading[data-v-798c48d8],.empty-history[data-v-798c48d8]{text-align:center;padding:3rem 1rem;color:#718096}.error-message[data-v-798c48d8]{background:#fed7d7;color:#c53030;padding:1rem;border-radius:8px;text-align:center;margin:1rem 0}.orders-summary[data-v-798c48d8]{background:#f7fafc;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center}.order-card[data-v-798c48d8]{border:2px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.order-header[data-v-798c48d8]{background:#f7fafc;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0}.order-info h3[data-v-798c48d8]{margin:0 0 .25rem;color:#2d3748}.order-date[data-v-798c48d8]{color:#718096;font-size:.9rem}.order-status[data-v-798c48d8]{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.8rem}.status-pending[data-v-798c48d8]{background:#fffaf0;color:#dd6b20}.status-confirmed[data-v-798c48d8]{background:#f0fff4;color:#38a169}.status-shipped[data-v-798c48d8]{background:#ebf8ff;color:#3182ce}.status-delivered[data-v-798c48d8]{background:#f0fff4;color:#38a169}.status-cancelled[data-v-798c48d8]{background:#fed7d7;color:#e53e3e}.order-details[data-v-798c48d8]{padding:1.5rem}.order-items[data-v-798c48d8]{margin-bottom:1rem}.order-item[data-v-798c48d8]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f7fafc}.order-item[data-v-798c48d8]:last-child{border-bottom:none}.item-name[data-v-798c48d8]{flex:1}.item-quantity[data-v-798c48d8]{margin:0 1rem;color:#718096}.item-price[data-v-798c48d8]{font-weight:600;color:#2c5aa0}.order-total[data-v-798c48d8]{text-align:right;font-size:1.1rem;font-weight:700;padding:1rem 0;border-top:2px solid #e2e8f0;color:#2d3748}.order-shipping[data-v-798c48d8]{background:#f7fafc;padding:1rem;border-radius:8px;margin-top:1rem}.order-shipping p[data-v-798c48d8]{margin:.25rem 0;color:#4a5568}@media(max-width:768px){.order-history[data-v-798c48d8]{width:95%;margin:1rem}.order-header[data-v-798c48d8]{flex-direction:column;align-items:flex-start;gap:.5rem}.order-status[data-v-798c48d8]{align-self:flex-start}}.admin-dashboard-page[data-v-a70cd4cc]{padding:30px;min-height:calc(100vh - 60px);background:#f8fafc;width:100%;max-width:100%;overflow-x:hidden}.page-header[data-v-a70cd4cc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:1px solid #e2e8f0;background:#fff;padding:20px 25px;border-radius:12px;box-shadow:0 1px 3px #0000000d}.page-header h1[data-v-a70cd4cc]{color:#1e3a8a;margin:0;font-size:1.8rem;display:flex;align-items:center;gap:15px;font-weight:600}.last-update[data-v-a70cd4cc]{color:#64748b;font-size:.9rem;background:#f1f5f9;padding:8px 15px;border-radius:6px}.last-update i[data-v-a70cd4cc]{margin-right:5px;color:#3b82f6}.stats-grid[data-v-a70cd4cc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:30px;width:100%}.stat-card[data-v-a70cd4cc]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000000f;display:flex;align-items:center;gap:20px;transition:all .3s ease;border:1px solid #e2e8f0;width:100%}.stat-card[data-v-a70cd4cc]:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a;border-color:#c7d2fe}.stat-icon[data-v-a70cd4cc]{width:70px;height:70px;background:linear-gradient(135deg,#1e88e5,#0d47a1);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;flex-shrink:0}.stat-info[data-v-a70cd4cc]{flex:1;min-width:0}.stat-info h3[data-v-a70cd4cc]{margin:0 0 8px;font-size:2.2rem;color:#1e293b;font-weight:700;line-height:1}.stat-info p[data-v-a70cd4cc]{margin:0 0 10px;color:#64748b;font-weight:500;font-size:.95rem}.trend[data-v-a70cd4cc]{font-size:.85rem;padding:4px 10px;border-radius:20px;display:inline-block;font-weight:500}.trend.positive[data-v-a70cd4cc]{background:#dcfce7;color:#166534}.trend.negative[data-v-a70cd4cc]{background:#fee2e2;color:#991b1b}.dashboard-main-section[data-v-a70cd4cc]{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px;width:100%}.section-header[data-v-a70cd4cc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3[data-v-a70cd4cc]{color:#1e3a8a;margin:0;font-size:1.4rem;display:flex;align-items:center;gap:12px;font-weight:600}.view-all-btn[data-v-a70cd4cc],.refresh-btn[data-v-a70cd4cc]{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .3s ease}.view-all-btn[data-v-a70cd4cc]:hover,.refresh-btn[data-v-a70cd4cc]:hover{background:#dbeafe;transform:translateY(-1px)}.refresh-btn[data-v-a70cd4cc]:disabled{opacity:.6;cursor:not-allowed}.refresh-btn i[data-v-a70cd4cc]{transition:transform .3s ease}.status-section[data-v-a70cd4cc]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0}.status-grid[data-v-a70cd4cc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-top:10px}.status-card[data-v-a70cd4cc]{padding:20px;border-radius:10px;color:#fff;cursor:pointer;transition:all .3s ease;border:none;text-align:left;width:100%}.status-card[data-v-a70cd4cc]:hover{transform:translateY(-4px);box-shadow:0 10px 20px #00000026}.status-header[data-v-a70cd4cc]{display:flex;align-items:center;gap:12px;margin-bottom:15px}.status-card h4[data-v-a70cd4cc]{margin:0;font-size:1rem;font-weight:600}.status-count[data-v-a70cd4cc]{margin:0 0 5px;font-size:2.4rem;font-weight:800;line-height:1}.status-subtitle[data-v-a70cd4cc]{font-size:.85rem;opacity:.95;font-weight:500}.pending[data-v-a70cd4cc]{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b33}.confirmed[data-v-a70cd4cc]{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98133}.shipped[data-v-a70cd4cc]{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f633}.delivered[data-v-a70cd4cc]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 15px #8b5cf633}.actions-section[data-v-a70cd4cc]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0}.actions-grid[data-v-a70cd4cc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:10px}.action-btn[data-v-a70cd4cc]{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:22px;cursor:pointer;display:flex;align-items:center;gap:18px;text-align:left;transition:all .3s ease;width:100%}.action-btn[data-v-a70cd4cc]:hover{border-color:#3b82f6;background:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f61a}.action-btn.highlight[data-v-a70cd4cc]{border-color:#10b981;background:#f0fdf4}.action-btn.highlight[data-v-a70cd4cc]:hover{border-color:#059669;background:#dcfce7}.action-icon[data-v-a70cd4cc]{width:56px;height:56px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#3b82f6;flex-shrink:0}.action-btn.highlight .action-icon[data-v-a70cd4cc]{background:#d1fae5;color:#10b981}.action-content[data-v-a70cd4cc]{flex:1;min-width:0}.action-title[data-v-a70cd4cc]{display:block;font-weight:600;color:#1e293b;margin-bottom:5px;font-size:1.05rem}.action-btn small[data-v-a70cd4cc]{color:#64748b;font-size:.85rem;line-height:1.4}.action-arrow[data-v-a70cd4cc]{color:#94a3b8;font-size:.9rem;transition:transform .3s ease}.action-btn:hover .action-arrow[data-v-a70cd4cc]{transform:translate(4px);color:#3b82f6}.recent-section[data-v-a70cd4cc]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0;width:100%;overflow:hidden}.orders-table[data-v-a70cd4cc]{overflow-x:auto}.orders-table table[data-v-a70cd4cc]{width:100%;border-collapse:collapse;min-width:1000px}.orders-table th[data-v-a70cd4cc]{background:#f8fafc;color:#475569;font-weight:600;font-size:.9rem;text-align:left;padding:16px 20px;border-bottom:2px solid #e2e8f0;text-transform:uppercase;letter-spacing:.5px}.orders-table td[data-v-a70cd4cc]{padding:18px 20px;border-bottom:1px solid #e2e8f0;color:#334155;font-size:.95rem}.orders-table tbody tr[data-v-a70cd4cc]:hover{background:#f8fafc}.order-id[data-v-a70cd4cc]{font-weight:600;color:#1e293b}.order-customer[data-v-a70cd4cc]{font-weight:500}.order-products[data-v-a70cd4cc]{color:#64748b}.order-total[data-v-a70cd4cc]{font-weight:700;color:#1e3a8a}.status-badge[data-v-a70cd4cc]{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-block}.status-badge.pendiente[data-v-a70cd4cc]{background:#fef3c7;color:#92400e}.status-badge.confirmado[data-v-a70cd4cc]{background:#d1fae5;color:#065f46}.status-badge.enviado[data-v-a70cd4cc]{background:#dbeafe;color:#1e40af}.status-badge.entregado[data-v-a70cd4cc]{background:#ede9fe;color:#5b21b6}.action-btn-sm[data-v-a70cd4cc]{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:6px;transition:all .3s ease}.action-btn-sm[data-v-a70cd4cc]:hover{background:#dbeafe;transform:translateY(-1px)}.empty-state[data-v-a70cd4cc]{text-align:center;padding:60px 20px;color:#64748b}.empty-state i[data-v-a70cd4cc]{font-size:3rem;color:#cbd5e1;margin-bottom:15px}.empty-state p[data-v-a70cd4cc]{margin:0;font-size:1.1rem}.loading-overlay[data-v-a70cd4cc]{position:fixed;inset:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-content[data-v-a70cd4cc]{text-align:center}.spinner[data-v-a70cd4cc]{width:60px;height:60px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin-a70cd4cc 1s linear infinite;margin:0 auto 20px}@keyframes spin-a70cd4cc{to{transform:rotate(360deg)}}.loading-content p[data-v-a70cd4cc]{margin:0;color:#3b82f6;font-weight:500;font-size:1.1rem}.error-message[data-v-a70cd4cc]{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:25px;margin:20px 0;display:flex;align-items:center;gap:20px;color:#dc2626;width:100%}.error-message i[data-v-a70cd4cc]{font-size:1.8rem;color:#ef4444;flex-shrink:0}.error-content[data-v-a70cd4cc]{flex:1}.error-content p[data-v-a70cd4cc]{margin:0 0 15px}.error-content strong[data-v-a70cd4cc]{color:#991b1b}.retry-btn[data-v-a70cd4cc]{background:#ef4444;color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.retry-btn[data-v-a70cd4cc]:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}@media(max-width:1400px){.dashboard-main-section[data-v-a70cd4cc]{grid-template-columns:1fr}.stats-grid[data-v-a70cd4cc]{grid-template-columns:repeat(2,1fr)}}@media(max-width:1200px){.admin-dashboard-page[data-v-a70cd4cc]{padding:25px}}@media(max-width:992px){.admin-dashboard-page[data-v-a70cd4cc]{padding:20px}.page-header[data-v-a70cd4cc]{flex-direction:column;align-items:flex-start;gap:15px}.last-update[data-v-a70cd4cc]{align-self:flex-end}}@media(max-width:768px){.admin-dashboard-page[data-v-a70cd4cc]{padding:16px}.stats-grid[data-v-a70cd4cc]{grid-template-columns:1fr;gap:20px}.status-grid[data-v-a70cd4cc],.actions-grid[data-v-a70cd4cc]{grid-template-columns:1fr}.stat-card[data-v-a70cd4cc],.status-section[data-v-a70cd4cc],.actions-section[data-v-a70cd4cc],.recent-section[data-v-a70cd4cc]{padding:20px}.page-header h1[data-v-a70cd4cc]{font-size:1.6rem}.loading-overlay[data-v-a70cd4cc]{left:0}}@media(max-width:576px){.admin-dashboard-page[data-v-a70cd4cc]{padding:12px}.section-header[data-v-a70cd4cc]{flex-direction:column;align-items:flex-start;gap:10px}.view-all-btn[data-v-a70cd4cc],.refresh-btn[data-v-a70cd4cc]{align-self:flex-start}.stat-card[data-v-a70cd4cc]{flex-direction:column;text-align:center;gap:15px}.stat-info[data-v-a70cd4cc]{text-align:center}}.orders-management-page[data-v-9741cf8f]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);width:100%}.page-header[data-v-9741cf8f]{background:linear-gradient(135deg,#1e3a8a,#1e88e5);color:#fff;padding:1.5rem 2rem;box-shadow:0 4px 20px #0000001a;position:sticky;top:0}.header-content[data-v-9741cf8f]{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;width:100%}.header-left[data-v-9741cf8f]{display:flex;align-items:center;gap:1.5rem;padding-left:3rem}.back-btn[data-v-9741cf8f]{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;width:40px;height:40px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.back-btn[data-v-9741cf8f]:hover{background:#ffffff4d}.page-title h1[data-v-9741cf8f]{margin:0;font-size:1.8rem;font-weight:700;display:flex;align-items:center;gap:.8rem}.subtitle[data-v-9741cf8f]{margin:.3rem 0 0;opacity:.9;font-size:.95rem}.header-stats[data-v-9741cf8f]{display:flex;gap:1.5rem}.stat-item[data-v-9741cf8f]{display:flex;align-items:center;gap:.5rem;background:#ffffff26;padding:.5rem 1rem;border-radius:8px;font-weight:500}.page-main[data-v-9741cf8f]{max-width:1400px;margin:0 auto;padding:2rem}.filters-panel[data-v-9741cf8f]{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 15px #0000000d;border:1px solid #e2e8f0}.filters-grid[data-v-9741cf8f]{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem;align-items:end}.filter-group[data-v-9741cf8f]{display:flex;flex-direction:column;gap:.5rem}.filter-label[data-v-9741cf8f]{font-weight:600;color:#475569;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.search-box[data-v-9741cf8f]{position:relative}.search-box i[data-v-9741cf8f]{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#64748b}.search-input[data-v-9741cf8f]{width:100%;padding:12px 20px 12px 45px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#f8fafc}.search-input[data-v-9741cf8f]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.filter-select[data-v-9741cf8f]{padding:12px 15px;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;background:#fff;color:#334155;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-select[data-v-9741cf8f]:focus{outline:none;border-color:#3b82f6}.filter-btn[data-v-9741cf8f]{padding:12px 20px;border:none;border-radius:10px;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;font-size:.95rem}.reset-btn[data-v-9741cf8f]{background:#f1f5f9;color:#475569}.reset-btn[data-v-9741cf8f]:hover{background:#e2e8f0;transform:translateY(-2px)}.refresh-btn[data-v-9741cf8f]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.refresh-btn[data-v-9741cf8f]:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.refresh-btn[data-v-9741cf8f]:disabled{opacity:.6;cursor:not-allowed}.quick-stats[data-v-9741cf8f]{margin-bottom:2rem}.stats-grid[data-v-9741cf8f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card[data-v-9741cf8f]{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 2px 15px #0000000d;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.stat-card[data-v-9741cf8f]:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a;border-color:#c7d2fe}.stat-card.pending[data-v-9741cf8f]:hover{border-color:#fbbf24}.stat-card.confirmed[data-v-9741cf8f]:hover{border-color:#3b82f6}.stat-icon[data-v-9741cf8f]{width:60px;height:60px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#3b82f6}.stat-card.pending .stat-icon[data-v-9741cf8f]{background:#fef3c7;color:#d97706}.stat-card.confirmed .stat-icon[data-v-9741cf8f]{background:#dbeafe;color:#1d4ed8}.stat-card.revenue .stat-icon[data-v-9741cf8f]{background:#d1fae5;color:#065f46}.stat-info h3[data-v-9741cf8f]{margin:0 0 .3rem;font-size:1.8rem;color:#1e293b;font-weight:700}.stat-info p[data-v-9741cf8f]{margin:0;color:#64748b;font-size:.95rem}.content-wrapper[data-v-9741cf8f]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 15px #0000000d;border:1px solid #e2e8f0}.loading-state[data-v-9741cf8f],.error-state[data-v-9741cf8f],.empty-state[data-v-9741cf8f]{padding:4rem 2rem;text-align:center}.loading-spinner[data-v-9741cf8f]{margin-bottom:1.5rem}.loading-spinner i[data-v-9741cf8f]{font-size:3rem;color:#3b82f6}.error-content[data-v-9741cf8f],.empty-content[data-v-9741cf8f]{max-width:400px;margin:0 auto}.error-content i[data-v-9741cf8f],.empty-content i[data-v-9741cf8f]{font-size:4rem;margin-bottom:1.5rem}.error-content i[data-v-9741cf8f]{color:#ef4444}.empty-content i[data-v-9741cf8f]{color:#94a3b8}.error-content h4[data-v-9741cf8f],.empty-content h4[data-v-9741cf8f]{margin:0 0 1rem;color:#1e293b;font-size:1.5rem}.error-content p[data-v-9741cf8f],.empty-content p[data-v-9741cf8f]{margin:0 0 1.5rem;color:#64748b;font-size:1.1rem}.btn-primary[data-v-9741cf8f]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:12px 28px;border-radius:10px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.8rem;transition:all .3s ease}.btn-primary[data-v-9741cf8f]:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.orders-container[data-v-9741cf8f]{padding:2rem}.orders-header[data-v-9741cf8f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f1f5f9}.orders-header h3[data-v-9741cf8f]{margin:0;color:#1e3a8a;font-size:1.5rem;display:flex;align-items:center;gap:1rem}.export-btn[data-v-9741cf8f]{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.export-btn[data-v-9741cf8f]:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.orders-grid[data-v-9741cf8f]{display:flex;flex-direction:column;gap:1.5rem}.order-card[data-v-9741cf8f]{background:#fff;border-radius:12px;overflow:hidden;border:2px solid #e2e8f0;transition:all .3s ease}.order-card[data-v-9741cf8f]:hover{border-color:#c7d2fe;box-shadow:0 8px 30px #00000014;transform:translateY(-3px)}.order-card.status-pendiente[data-v-9741cf8f]{border-left:4px solid #f59e0b}.order-card.status-confirmado[data-v-9741cf8f]{border-left:4px solid #3b82f6}.order-card.status-enviado[data-v-9741cf8f]{border-left:4px solid #8b5cf6}.order-card.status-entregado[data-v-9741cf8f]{border-left:4px solid #10b981}.order-card.status-cancelado[data-v-9741cf8f]{border-left:4px solid #ef4444}.order-card-header[data-v-9741cf8f]{background:#f8fafc;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e2e8f0}.order-info[data-v-9741cf8f]{flex:1}.order-number[data-v-9741cf8f]{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem}.order-id[data-v-9741cf8f]{font-size:1.3rem;font-weight:700;color:#1e293b;font-family:Courier New,monospace;background:#e2e8f0;padding:.3rem .8rem;border-radius:6px}.order-date[data-v-9741cf8f]{color:#64748b;font-size:.9rem}.customer-info[data-v-9741cf8f]{display:flex;gap:1.5rem}.customer-name[data-v-9741cf8f],.customer-contact[data-v-9741cf8f]{display:flex;align-items:center;gap:.5rem;color:#475569;font-weight:500}.order-status-section[data-v-9741cf8f]{text-align:right}.status-display[data-v-9741cf8f]{margin-bottom:.8rem}.status-label[data-v-9741cf8f]{display:block;color:#64748b;font-size:.85rem;margin-bottom:.3rem}.status-badge[data-v-9741cf8f]{padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.pendiente[data-v-9741cf8f]{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.status-badge.confirmado[data-v-9741cf8f]{background:#dbeafe;color:#1e40af;border:1px solid #60a5fa}.status-badge.enviado[data-v-9741cf8f]{background:#ede9fe;color:#5b21b6;border:1px solid #a78bfa}.status-badge.entregado[data-v-9741cf8f]{background:#d1fae5;color:#065f46;border:1px solid #34d399}.status-badge.cancelado[data-v-9741cf8f]{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.order-total[data-v-9741cf8f]{display:flex;align-items:center;justify-content:flex-end;gap:.8rem}.total-label[data-v-9741cf8f]{color:#64748b;font-size:.9rem}.total-amount[data-v-9741cf8f]{font-size:1.5rem;font-weight:700;color:#059669}.order-card-body[data-v-9741cf8f]{padding:1.5rem}.order-details-grid[data-v-9741cf8f]{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.detail-section[data-v-9741cf8f]{background:#f8fafc;padding:1.5rem;border-radius:10px;border:1px solid #e2e8f0}.detail-section h4[data-v-9741cf8f]{margin:0 0 1.2rem;color:#1e3a8a;font-size:1.1rem;display:flex;align-items:center;gap:.8rem;padding-bottom:.8rem;border-bottom:2px solid #e2e8f0}.products-section[data-v-9741cf8f]{grid-row:span 2}.products-list[data-v-9741cf8f]{display:flex;flex-direction:column;gap:1rem}.product-item[data-v-9741cf8f]{display:grid;grid-template-columns:2fr 1fr auto;gap:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0;align-items:center}.product-info[data-v-9741cf8f]{display:flex;flex-direction:column;gap:.3rem}.product-name[data-v-9741cf8f]{font-weight:600;color:#1e293b}.product-sku[data-v-9741cf8f]{font-size:.8rem;color:#94a3b8}.product-quantity[data-v-9741cf8f]{display:flex;flex-direction:column;align-items:center;gap:.3rem}.quantity[data-v-9741cf8f]{font-weight:600;color:#475569}.price[data-v-9741cf8f]{font-size:.85rem;color:#64748b}.product-subtotal[data-v-9741cf8f]{font-weight:700;color:#059669;font-size:1.1rem;min-width:80px;text-align:right}.shipping-info[data-v-9741cf8f]{display:flex;flex-direction:column;gap:.8rem}.shipping-address[data-v-9741cf8f],.shipping-method[data-v-9741cf8f],.shipping-notes[data-v-9741cf8f]{display:flex;align-items:flex-start;gap:.8rem;color:#475569}.shipping-address i[data-v-9741cf8f]{color:#ef4444;margin-top:.2rem}.shipping-method i[data-v-9741cf8f]{color:#10b981}.shipping-notes i[data-v-9741cf8f]{color:#f59e0b}.status-section[data-v-9741cf8f]{grid-column:1 / -1}.status-controls[data-v-9741cf8f]{display:flex;flex-direction:column;gap:1.5rem}.current-status-info[data-v-9741cf8f]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:8px;border:2px solid #e2e8f0}.current-status-badge[data-v-9741cf8f]{padding:6px 16px;border-radius:20px;font-weight:600;margin-left:.8rem}.current-status-badge.pendiente[data-v-9741cf8f]{background:#fef3c7;color:#92400e}.current-status-badge.confirmado[data-v-9741cf8f]{background:#dbeafe;color:#1e40af}.current-status-badge.enviado[data-v-9741cf8f]{background:#ede9fe;color:#5b21b6}.current-status-badge.entregado[data-v-9741cf8f]{background:#d1fae5;color:#065f46}.current-status-badge.cancelado[data-v-9741cf8f]{background:#fee2e2;color:#991b1b}.notification-info[data-v-9741cf8f]{color:#64748b;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.status-buttons-grid[data-v-9741cf8f]{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.quick-actions[data-v-9741cf8f]{display:flex;flex-wrap:wrap;gap:.8rem}.status-action-btn[data-v-9741cf8f]{padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.8rem;transition:all .3s ease;color:#fff}.status-action-btn[data-v-9741cf8f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.status-action-btn[data-v-9741cf8f]:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.confirm-action[data-v-9741cf8f]{background:linear-gradient(135deg,#10b981,#059669)}.confirm-action[data-v-9741cf8f]:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.ship-action[data-v-9741cf8f]{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.ship-action[data-v-9741cf8f]:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9)}.deliver-action[data-v-9741cf8f]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.deliver-action[data-v-9741cf8f]:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8)}.cancel-action[data-v-9741cf8f]{background:linear-gradient(135deg,#ef4444,#dc2626)}.cancel-action[data-v-9741cf8f]:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}.status-selector[data-v-9741cf8f]{display:flex;flex-direction:column;gap:.8rem}.selector-label[data-v-9741cf8f]{font-weight:600;color:#475569;display:flex;align-items:center;gap:.5rem}.status-select[data-v-9741cf8f]{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#334155;font-weight:500;cursor:pointer;transition:all .3s ease}.status-select[data-v-9741cf8f]:focus{outline:none;border-color:#3b82f6}.status-select[data-v-9741cf8f]:hover:not(:disabled){border-color:#94a3b8}.order-card-footer[data-v-9741cf8f]{padding:1.5rem;border-top:2px solid #f1f5f9;background:#f8fafc}.order-actions[data-v-9741cf8f]{display:flex;justify-content:flex-end;gap:1rem}.action-btn[data-v-9741cf8f]{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.details-btn[data-v-9741cf8f]{background:#3b82f6;color:#fff}.details-btn[data-v-9741cf8f]:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.print-btn[data-v-9741cf8f]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.print-btn[data-v-9741cf8f]:hover{background:#e5e7eb;transform:translateY(-2px)}.copy-btn[data-v-9741cf8f]{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.copy-btn[data-v-9741cf8f]:hover{background:#fde68a;transform:translateY(-2px)}.pagination[data-v-9741cf8f]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;margin-top:2rem;border-top:2px solid #f1f5f9}.pagination-info[data-v-9741cf8f]{color:#64748b;font-size:.95rem}.pagination-controls[data-v-9741cf8f]{display:flex;align-items:center;gap:1rem}.pagination-btn[data-v-9741cf8f]{width:40px;height:40px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#475569}.pagination-btn[data-v-9741cf8f]:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.pagination-btn[data-v-9741cf8f]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-9741cf8f]{font-weight:600;color:#1e293b}@media(max-width:1200px){.filters-grid[data-v-9741cf8f]{grid-template-columns:1fr;gap:1rem}.order-details-grid[data-v-9741cf8f]{grid-template-columns:1fr;gap:1.5rem}.status-buttons-grid[data-v-9741cf8f]{grid-template-columns:1fr}}@media(max-width:992px){.page-main[data-v-9741cf8f]{padding:1.5rem}.header-content[data-v-9741cf8f]{flex-direction:column;align-items:stretch;gap:1.5rem}.header-stats[data-v-9741cf8f]{justify-content:center}.stats-grid[data-v-9741cf8f]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-header[data-v-9741cf8f],.orders-container[data-v-9741cf8f]{padding:1rem}.order-card-header[data-v-9741cf8f]{flex-direction:column;align-items:stretch;gap:1rem}.order-status-section[data-v-9741cf8f]{text-align:left}.order-total[data-v-9741cf8f]{justify-content:flex-start}.customer-info[data-v-9741cf8f]{flex-direction:column;gap:.5rem}.product-item[data-v-9741cf8f]{grid-template-columns:1fr;text-align:center}.quick-actions[data-v-9741cf8f]{flex-direction:column}.status-action-btn[data-v-9741cf8f]{width:100%;justify-content:center}.order-actions[data-v-9741cf8f]{flex-direction:column}.action-btn[data-v-9741cf8f]{width:100%;justify-content:center}.pagination[data-v-9741cf8f]{flex-direction:column;gap:1rem}}@media(max-width:576px){.stats-grid[data-v-9741cf8f]{grid-template-columns:1fr}.current-status-info[data-v-9741cf8f]{flex-direction:column;align-items:stretch;gap:1rem}}.products-management-page[data-v-5a4f1b1c]{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);width:100%}.page-header[data-v-5a4f1b1c]{background:linear-gradient(135deg,#059669,#047857);color:#fff;padding:1.5rem 2rem;box-shadow:0 4px 20px #0000001a;position:sticky;top:0}.header-content[data-v-5a4f1b1c]{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;width:100%}.header-left[data-v-5a4f1b1c]{display:flex;align-items:center;gap:1.5rem;padding-left:3rem}.back-btn[data-v-5a4f1b1c]{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;width:40px;height:40px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.back-btn[data-v-5a4f1b1c]:hover{background:#ffffff4d}.page-title h1[data-v-5a4f1b1c]{margin:0;font-size:1.8rem;font-weight:700;display:flex;align-items:center;gap:.8rem}.subtitle[data-v-5a4f1b1c]{margin:.3rem 0 0;opacity:.9;font-size:.95rem}.header-stats[data-v-5a4f1b1c]{display:flex;gap:1.5rem}.stat-item[data-v-5a4f1b1c]{display:flex;align-items:center;gap:.5rem;background:#ffffff26;padding:.5rem 1rem;border-radius:8px;font-weight:500}.control-panel[data-v-5a4f1b1c]{background:#fff;border-radius:12px;padding:1.5rem;margin:2rem auto;max-width:1400px;box-shadow:0 2px 15px #0000000d;border:1px solid #e2e8f0}.panel-grid[data-v-5a4f1b1c]{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;align-items:end}@media(max-width:1200px){.panel-grid[data-v-5a4f1b1c]{grid-template-columns:1fr;gap:1rem}}.search-section[data-v-5a4f1b1c]{display:flex;flex-direction:column;gap:.5rem}.search-box[data-v-5a4f1b1c]{position:relative}.search-box i[data-v-5a4f1b1c]{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#64748b}.search-input[data-v-5a4f1b1c]{width:70%;padding:12px 12px 12px 45px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#f8fafc}.filters-section[data-v-5a4f1b1c]{display:flex;flex-direction:column;gap:1rem}.filter-group[data-v-5a4f1b1c]{display:flex;flex-direction:column;gap:.5rem}.filter-label[data-v-5a4f1b1c]{font-weight:600;color:#475569;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.filter-select[data-v-5a4f1b1c]{padding:10px 15px;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;background:#fff;color:#334155;cursor:pointer;transition:all .3s ease}.filter-select[data-v-5a4f1b1c]:focus{outline:none;border-color:#059669}.actions-section[data-v-5a4f1b1c]{display:flex;gap:.8rem;justify-content:flex-end}.action-btn[data-v-5a4f1b1c]{padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;font-size:.9rem;white-space:nowrap}.reset-btn[data-v-5a4f1b1c]{background:#f1f5f9;color:#475569}.reset-btn[data-v-5a4f1b1c]:hover{background:#e2e8f0;transform:translateY(-2px)}.refresh-btn[data-v-5a4f1b1c]:hover:not(:disabled){background:#2563eb;transform:translateY(-2px)}.add-btn[data-v-5a4f1b1c]{background:linear-gradient(135deg,#059669,#047857);color:#fff}.add-btn[data-v-5a4f1b1c]:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-2px);box-shadow:0 4px 12px #05966933}.control-panel[data-v-5a4f1b1c]{background:#fff;border-radius:12px;padding:1rem 1.5rem;margin:1.5rem auto;max-width:1400px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0}.panel-grid[data-v-5a4f1b1c]{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:nowrap}.search-section[data-v-5a4f1b1c]{flex:2;min-width:300px}.search-box[data-v-5a4f1b1c]{position:relative;width:100%}.search-box i[data-v-5a4f1b1c]{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#64748b;font-size:.9rem}.search-input[data-v-5a4f1b1c]{width:100%;padding:10px 12px 10px 40px;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .2s ease;background:#f8fafc;height:42px}.search-input[data-v-5a4f1b1c]:focus{outline:none;border-color:#059669;background:#fff;box-shadow:0 0 0 3px #0596691a}.filters-section[data-v-5a4f1b1c]{flex:1.5;min-width:250px}.filter-row[data-v-5a4f1b1c]{display:flex;gap:.8rem;align-items:center}.filter-group[data-v-5a4f1b1c]{flex:1;position:relative}.filter-select.compact[data-v-5a4f1b1c]{width:100%;padding:8px 32px 8px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:.85rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") no-repeat right 12px center;background-size:12px;color:#334155;cursor:pointer;height:42px;appearance:none;transition:all .2s ease}.filter-select.compact[data-v-5a4f1b1c]:focus{outline:none;border-color:#059669;box-shadow:0 0 0 2px #0596691a}.actions-section[data-v-5a4f1b1c]{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.action-btn[data-v-5a4f1b1c]{padding:8px 14px;border:none;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;font-size:.85rem;height:42px;min-width:42px}.action-btn.icon-btn[data-v-5a4f1b1c]{width:42px;padding:0;justify-content:center}.action-btn i[data-v-5a4f1b1c]{font-size:.9rem}.reset-btn[data-v-5a4f1b1c]{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.reset-btn[data-v-5a4f1b1c]:hover{background:#e2e8f0;transform:translateY(-1px)}.refresh-btn[data-v-5a4f1b1c]{background:#3b82f6;color:#fff}.refresh-btn[data-v-5a4f1b1c]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.refresh-btn[data-v-5a4f1b1c]:disabled{opacity:.6;cursor:not-allowed}.add-btn[data-v-5a4f1b1c]{background:linear-gradient(135deg,#059669,#047857);color:#fff;padding:8px 16px;white-space:nowrap}.add-btn[data-v-5a4f1b1c]:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px);box-shadow:0 2px 8px #05966933}@media(max-width:1200px){.panel-grid[data-v-5a4f1b1c]{gap:1rem}.search-section[data-v-5a4f1b1c]{min-width:250px}.filters-section[data-v-5a4f1b1c]{min-width:220px}.filter-row[data-v-5a4f1b1c]{flex-direction:column;gap:.5rem}}@media(max-width:992px){.panel-grid[data-v-5a4f1b1c]{flex-wrap:wrap;gap:1rem}.search-section[data-v-5a4f1b1c]{flex:1 100%;order:1}.filters-section[data-v-5a4f1b1c]{flex:1;order:2;min-width:auto}.actions-section[data-v-5a4f1b1c]{flex:1;order:3;justify-content:flex-end}.filter-row[data-v-5a4f1b1c]{flex-direction:row}}@media(max-width:768px){.control-panel[data-v-5a4f1b1c]{padding:1rem}.panel-grid[data-v-5a4f1b1c]{flex-direction:column;align-items:stretch}.search-section[data-v-5a4f1b1c],.filters-section[data-v-5a4f1b1c],.actions-section[data-v-5a4f1b1c]{width:100%}.filter-row[data-v-5a4f1b1c]{flex-direction:column;gap:.5rem}.actions-section[data-v-5a4f1b1c]{justify-content:center;margin-top:.5rem}}@media(max-width:480px){.action-btn[data-v-5a4f1b1c]{padding:8px 12px;font-size:.8rem}.add-btn[data-v-5a4f1b1c]{flex:1}.search-input[data-v-5a4f1b1c],.filter-select.compact[data-v-5a4f1b1c]{font-size:.85rem}}.quick-stats[data-v-5a4f1b1c]{max-width:1400px;margin:0 auto 2rem}.stats-grid[data-v-5a4f1b1c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card[data-v-5a4f1b1c]{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 2px 15px #0000000d;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.stat-card[data-v-5a4f1b1c]:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.stat-card.total[data-v-5a4f1b1c]:hover{border-color:#059669}.stat-card.active[data-v-5a4f1b1c]:hover{border-color:#10b981}.stat-card.low-stock[data-v-5a4f1b1c]:hover{border-color:#f59e0b}.stat-card.revenue[data-v-5a4f1b1c]:hover{border-color:#8b5cf6}.stat-icon[data-v-5a4f1b1c]{width:60px;height:60px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#059669}.stat-card.active .stat-icon[data-v-5a4f1b1c]{background:#d1fae5;color:#065f46}.stat-card.low-stock .stat-icon[data-v-5a4f1b1c]{background:#fef3c7;color:#92400e}.stat-card.revenue .stat-icon[data-v-5a4f1b1c]{background:#ede9fe;color:#5b21b6}.stat-info h3[data-v-5a4f1b1c]{margin:0 0 .3rem;font-size:1.8rem;color:#1e293b;font-weight:700}.stat-info p[data-v-5a4f1b1c]{margin:0;color:#64748b;font-size:.95rem}.content-wrapper[data-v-5a4f1b1c]{max-width:1400px;margin:0 auto;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 15px #0000000d;border:1px solid #e2e8f0}.loading-state[data-v-5a4f1b1c],.error-state[data-v-5a4f1b1c],.empty-state[data-v-5a4f1b1c]{padding:4rem 2rem;text-align:center}.loading-spinner[data-v-5a4f1b1c]{margin-bottom:1.5rem}.loading-spinner i[data-v-5a4f1b1c]{font-size:3rem;color:#059669}.error-content[data-v-5a4f1b1c],.empty-content[data-v-5a4f1b1c]{max-width:400px;margin:0 auto}.error-content i[data-v-5a4f1b1c],.empty-content i[data-v-5a4f1b1c]{font-size:4rem;margin-bottom:1.5rem}.error-content i[data-v-5a4f1b1c]{color:#ef4444}.empty-content i[data-v-5a4f1b1c]{color:#94a3b8}.error-content h4[data-v-5a4f1b1c],.empty-content h4[data-v-5a4f1b1c]{margin:0 0 1rem;color:#1e293b;font-size:1.5rem}.error-content p[data-v-5a4f1b1c],.empty-content p[data-v-5a4f1b1c]{margin:0 0 1.5rem;color:#64748b;font-size:1.1rem}.btn-primary[data-v-5a4f1b1c]{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;padding:12px 28px;border-radius:10px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.8rem;transition:all .3s ease}.btn-primary[data-v-5a4f1b1c]:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-2px);box-shadow:0 4px 12px #05966933}.btn-secondary[data-v-5a4f1b1c]{background:#f1f5f9;color:#475569;border:none;padding:12px 28px;border-radius:10px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.8rem;transition:all .3s ease}.btn-secondary[data-v-5a4f1b1c]:hover{background:#e2e8f0;transform:translateY(-2px)}.empty-actions[data-v-5a4f1b1c]{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.products-container[data-v-5a4f1b1c]{padding:2rem}.products-header[data-v-5a4f1b1c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f1f5f9}.products-header h3[data-v-5a4f1b1c]{margin:0;color:#1e3a8a;font-size:1.5rem;display:flex;align-items:center;gap:1rem}.export-btn[data-v-5a4f1b1c]{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.export-btn[data-v-5a4f1b1c]:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.products-grid[data-v-5a4f1b1c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}@media(max-width:768px){.products-grid[data-v-5a4f1b1c]{grid-template-columns:1fr}}.product-card[data-v-5a4f1b1c]{background:#fff;border-radius:12px;overflow:hidden;border:2px solid #e2e8f0;transition:all .3s ease;display:flex;flex-direction:column}.product-card[data-v-5a4f1b1c]:hover{border-color:#059669;box-shadow:0 8px 30px #00000014;transform:translateY(-3px)}.product-card.inactive[data-v-5a4f1b1c]{opacity:.7;border-color:#94a3b8}.product-card.low-stock[data-v-5a4f1b1c]{border-left:4px solid #f59e0b}.product-image-section[data-v-5a4f1b1c]{position:relative;height:180px;overflow:hidden}.product-image[data-v-5a4f1b1c]{width:100%;height:100%;position:relative}.product-img[data-v-5a4f1b1c]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-img[data-v-5a4f1b1c]{transform:scale(1.05)}.stock-warning[data-v-5a4f1b1c]{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px}.inactive-badge[data-v-5a4f1b1c]{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px}.quick-actions[data-v-5a4f1b1c]{position:absolute;bottom:10px;right:10px;display:flex;gap:5px;opacity:0;transition:opacity .3s ease}.product-card:hover .quick-actions[data-v-5a4f1b1c]{opacity:1}.quick-btn[data-v-5a4f1b1c]{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.quick-btn[data-v-5a4f1b1c]:hover{transform:scale(1.1)}.edit-btn[data-v-5a4f1b1c]{background:#3b82f6e6}.activate-btn[data-v-5a4f1b1c]{background:#10b981e6}.deactivate-btn[data-v-5a4f1b1c]{background:#f59e0be6}.delete-btn[data-v-5a4f1b1c]{background:#ef4444e6}.product-content[data-v-5a4f1b1c]{padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:1rem}.product-header[data-v-5a4f1b1c]{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.product-name[data-v-5a4f1b1c]{margin:0;font-size:1.1rem;font-weight:700;color:#1e293b;flex:1}.product-price[data-v-5a4f1b1c]{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.price-label[data-v-5a4f1b1c]{font-size:.8rem;color:#64748b}.price-value[data-v-5a4f1b1c]{font-size:1.3rem;font-weight:700;color:#059669}.product-description[data-v-5a4f1b1c]{margin:0;color:#64748b;font-size:.9rem;line-height:1.5;flex:1}.product-details[data-v-5a4f1b1c]{background:#f8fafc;border-radius:8px;padding:1rem}.detail-row[data-v-5a4f1b1c]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.detail-row[data-v-5a4f1b1c]:last-child{margin-bottom:0}.detail-item[data-v-5a4f1b1c]{display:flex;align-items:center;gap:.8rem}.detail-item i[data-v-5a4f1b1c]{color:#059669;font-size:.9rem;width:20px}.detail-content[data-v-5a4f1b1c]{display:flex;flex-direction:column;gap:.2rem}.detail-label[data-v-5a4f1b1c]{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.detail-value[data-v-5a4f1b1c]{font-size:.9rem;color:#1e293b;font-weight:500}.detail-value.low[data-v-5a4f1b1c]{color:#dc2626;font-weight:600}.product-indicators[data-v-5a4f1b1c]{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:auto}.indicator[data-v-5a4f1b1c]{display:flex;align-items:center;gap:.4rem;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.status-indicator[data-v-5a4f1b1c]{background:#f1f5f9}.status-indicator .indicator-dot[data-v-5a4f1b1c]{width:8px;height:8px;border-radius:50%}.status-indicator .indicator-dot.active[data-v-5a4f1b1c]{background:#10b981}.status-indicator .indicator-dot.inactive[data-v-5a4f1b1c]{background:#6b7280}.indicator-text[data-v-5a4f1b1c]{color:#475569}.stock-indicator[data-v-5a4f1b1c]{background:#fef3c7;color:#92400e}.price-indicator[data-v-5a4f1b1c]{background:#e0e7ff;color:#3730a3}.pagination[data-v-5a4f1b1c]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;margin-top:2rem;border-top:2px solid #f1f5f9}.pagination-info[data-v-5a4f1b1c]{color:#64748b;font-size:.95rem}.pagination-controls[data-v-5a4f1b1c]{display:flex;align-items:center;gap:1rem}.pagination-btn[data-v-5a4f1b1c]{width:40px;height:40px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#475569}.pagination-btn[data-v-5a4f1b1c]:hover:not(:disabled){border-color:#059669;color:#059669;background:#f0fdf4}.pagination-btn[data-v-5a4f1b1c]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-5a4f1b1c]{font-weight:600;color:#1e293b}.modal-overlay[data-v-5a4f1b1c]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;overflow-y:auto}.modal-content[data-v-5a4f1b1c]{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn-5a4f1b1c .3s ease}.modal-body[data-v-5a4f1b1c]{overflow-y:auto;flex-grow:1;max-height:calc(90vh - 140px)}@keyframes modalSlideIn-5a4f1b1c{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-5a4f1b1c]{background:linear-gradient(135deg,#059669,#047857);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1}.modal-header h3[data-v-5a4f1b1c]{margin:0;font-size:1.4rem;display:flex;align-items:center;gap:.8rem}.close-btn[data-v-5a4f1b1c]{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn[data-v-5a4f1b1c]:hover{background:#ffffff4d}.modal-body[data-v-5a4f1b1c]{padding:2rem}.product-form[data-v-5a4f1b1c]{display:flex;flex-direction:column;gap:2rem}.form-section[data-v-5a4f1b1c]{background:#f8fafc;border-radius:10px;padding:1.5rem;border:1px solid #e2e8f0}.form-section h4[data-v-5a4f1b1c]{margin:0 0 1.5rem;color:#1e3a8a;font-size:1.2rem;display:flex;align-items:center;gap:.8rem;padding-bottom:.8rem;border-bottom:2px solid #e2e8f0}.form-grid[data-v-5a4f1b1c]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:768px){.form-grid[data-v-5a4f1b1c]{grid-template-columns:1fr}}.form-group.full-width[data-v-5a4f1b1c]{grid-column:1 / -1}.form-label[data-v-5a4f1b1c]{font-weight:600;color:#475569;font-size:.95rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.form-input[data-v-5a4f1b1c],.form-textarea[data-v-5a4f1b1c],.form-select[data-v-5a4f1b1c]{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-input[data-v-5a4f1b1c]:focus,.form-textarea[data-v-5a4f1b1c]:focus,.form-select[data-v-5a4f1b1c]:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #0596691a}.form-textarea[data-v-5a4f1b1c]{resize:vertical;min-height:100px}.form-select[data-v-5a4f1b1c]{cursor:pointer}.input-with-icon[data-v-5a4f1b1c]{position:relative}.input-icon[data-v-5a4f1b1c]{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#64748b;font-weight:600}.input-with-icon .form-input[data-v-5a4f1b1c]{padding-left:40px}.image-upload-section[data-v-5a4f1b1c]{display:flex;flex-direction:column;gap:1.5rem}.image-preview-container[data-v-5a4f1b1c]{text-align:center;position:relative}.image-preview[data-v-5a4f1b1c]{max-width:100%;max-height:200px;border-radius:10px;border:3px solid #e2e8f0;box-shadow:0 4px 12px #0000001a}.remove-image-btn[data-v-5a4f1b1c]{position:absolute;top:10px;right:10px;background:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:4px;transition:all .3s ease}.remove-image-btn[data-v-5a4f1b1c]:hover{background:#dc2626;transform:translateY(-2px)}.image-options[data-v-5a4f1b1c]{display:flex;flex-direction:column;gap:1.5rem}.upload-option[data-v-5a4f1b1c]{display:flex;flex-direction:column;gap:.8rem}.upload-btn[data-v-5a4f1b1c]{display:inline-flex;align-items:center;gap:.8rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;justify-content:center}.upload-btn[data-v-5a4f1b1c]:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px)}.upload-help[data-v-5a4f1b1c]{color:#64748b;font-size:.85rem}.upload-filename[data-v-5a4f1b1c]{display:flex;align-items:center;gap:.5rem;color:#059669;font-weight:500;padding:8px 12px;background:#f0fdf4;border-radius:6px;border:1px solid #86efac}.separator[data-v-5a4f1b1c]{text-align:center;position:relative}.separator[data-v-5a4f1b1c]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0}.separator-text[data-v-5a4f1b1c]{background:#fff;padding:0 15px;color:#64748b;font-weight:600;position:relative;z-index:1}.url-option[data-v-5a4f1b1c]{display:flex;flex-direction:column;gap:.8rem}.url-input-group[data-v-5a4f1b1c]{display:flex;gap:.5rem}.url-input-group .form-input[data-v-5a4f1b1c]{flex:1}.test-url-btn[data-v-5a4f1b1c]{background:#059669;color:#fff;border:none;width:48px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.test-url-btn[data-v-5a4f1b1c]:hover{background:#047857}.help-link[data-v-5a4f1b1c]{color:#3b82f6;text-decoration:none;font-weight:500}.help-link[data-v-5a4f1b1c]:hover{text-decoration:underline}.status-toggle[data-v-5a4f1b1c]{display:flex;gap:.5rem;background:#f1f5f9;padding:4px;border-radius:8px}.toggle-btn[data-v-5a4f1b1c]{flex:1;padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;background:transparent;color:#64748b}.toggle-btn.selected[data-v-5a4f1b1c]{background:#fff;box-shadow:0 2px 8px #0000001a}.toggle-btn.active.selected[data-v-5a4f1b1c]{color:#059669}.toggle-btn.inactive.selected[data-v-5a4f1b1c]{color:#ef4444}.form-actions[data-v-5a4f1b1c]{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:2px solid #f1f5f9}.cancel-btn[data-v-5a4f1b1c]{background:#f1f5f9;color:#475569;border:none;padding:12px 28px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn[data-v-5a4f1b1c]:hover:not(:disabled){background:#e2e8f0;transform:translateY(-2px)}.submit-btn[data-v-5a4f1b1c]{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.8rem;transition:all .3s ease}.submit-btn[data-v-5a4f1b1c]:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-2px);box-shadow:0 4px 12px #05966933}.cancel-btn[data-v-5a4f1b1c]:disabled,.submit-btn[data-v-5a4f1b1c]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.confirm-modal[data-v-5a4f1b1c]{max-width:500px}.confirm-content[data-v-5a4f1b1c]{text-align:center;padding:1.5rem 0}.confirm-icon[data-v-5a4f1b1c]{font-size:3rem;color:#ef4444;margin-bottom:1.5rem}.confirm-content h4[data-v-5a4f1b1c]{margin:0 0 1rem;color:#1e293b;font-size:1.4rem}.confirm-content p[data-v-5a4f1b1c]{margin:0 0 1rem;color:#64748b;line-height:1.6}.confirm-details[data-v-5a4f1b1c]{background:#fef2f2;border-radius:8px;padding:1rem;margin:1.5rem 0;text-align:left}.confirm-details p[data-v-5a4f1b1c]{display:flex;align-items:center;gap:.5rem;color:#991b1b;font-size:.95rem;margin:.5rem 0}.confirm-actions[data-v-5a4f1b1c]{display:flex;gap:1rem;justify-content:center}.delete-btn[data-v-5a4f1b1c]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.8rem;transition:all .3s ease}.delete-btn[data-v-5a4f1b1c]:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}@media(max-width:576px){.page-header[data-v-5a4f1b1c],.page-main[data-v-5a4f1b1c]{padding:1rem}.control-panel[data-v-5a4f1b1c],.content-wrapper[data-v-5a4f1b1c]{border-radius:8px}.products-container[data-v-5a4f1b1c],.modal-body[data-v-5a4f1b1c]{padding:1rem}.form-actions[data-v-5a4f1b1c],.confirm-actions[data-v-5a4f1b1c]{flex-direction:column}.cancel-btn[data-v-5a4f1b1c],.submit-btn[data-v-5a4f1b1c],.delete-btn[data-v-5a4f1b1c]{width:100%;justify-content:center}.empty-actions[data-v-5a4f1b1c]{flex-direction:column}}.page-header[data-v-d6efc26f]{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:0;box-shadow:0 4px 25px #00000026;position:relative;overflow:hidden}.page-header[data-v-d6efc26f]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#059669,#3b82f6,#8b5cf6)}.header-container[data-v-d6efc26f]{max-width:1400px;margin:0 auto;padding:0 2rem}.header-top[data-v-d6efc26f]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.back-btn[data-v-d6efc26f]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:.8rem;font-weight:500;transition:all .3s ease;font-size:.95rem}.back-btn[data-v-d6efc26f]:hover{background:#fff3}.back-btn i[data-v-d6efc26f]{font-size:1.2rem}.icon-users[data-v-d6efc26f]:before{content:"👥"}.icon-check-circle[data-v-d6efc26f]:before{content:"✅"}.icon-x-circle[data-v-d6efc26f]:before{content:"❌"}.icon-shield[data-v-d6efc26f]:before{content:"🛡️"}.icon-export[data-v-d6efc26f]:before{content:"📤"}.icon-refresh[data-v-d6efc26f]:before{content:"🔄"}.icon-trend-up[data-v-d6efc26f]:before{content:"📈"}.icon-search[data-v-d6efc26f]:before{content:"🔍"}.icon-info[data-v-d6efc26f]:before{content:"ℹ️"}.icon-tag[data-v-d6efc26f]:before{content:"🏷️"}.icon-user[data-v-d6efc26f]:before{content:"👤"}.icon-bar-chart[data-v-d6efc26f]:before{content:"📊"}.icon-layers[data-v-d6efc26f]:before{content:"📋"}.icon-zap[data-v-d6efc26f]:before{content:"⚡"}.icon-refresh-cw[data-v-d6efc26f]:before{content:"🔄"}.icon-download[data-v-d6efc26f]:before{content:"⬇️"}.icon-list[data-v-d6efc26f]:before{content:"📝"}.icon-grid[data-v-d6efc26f]:before{content:"▦"}.icon-arrow-left[data-v-d6efc26f]:before{content:"←"}.icon-chevron-left[data-v-d6efc26f]:before{content:"‹"}.icon-chevron-right[data-v-d6efc26f]:before{content:"›"}.icon-star[data-v-d6efc26f]:before{content:"★"}.icon-mail[data-v-d6efc26f]:before{content:"✉️"}.icon-calendar[data-v-d6efc26f]:before{content:"📅"}.icon-package[data-v-d6efc26f]:before{content:"📦"}.icon-edit[data-v-d6efc26f]:before{content:"✏️"}.icon-x[data-v-d6efc26f]:before{content:"✕"}.icon-alert-circle[data-v-d6efc26f]:before{content:"⚠️"}.header-title-section[data-v-d6efc26f]{flex:1;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.title-main[data-v-d6efc26f]{display:flex;align-items:center;gap:1.5rem}.title-icon[data-v-d6efc26f]{width:60px;height:60px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 15px #8b5cf64d}.title-content h1[data-v-d6efc26f]{margin:0;font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-subtitle[data-v-d6efc26f]{margin:.5rem 0 0;color:#cbd5e1;font-size:1rem;opacity:.9}.header-actions[data-v-d6efc26f]{display:flex;gap:1rem}.header-action-btn[data-v-d6efc26f]{padding:12px 24px;border:none;border-radius:10px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.8rem;transition:all .3s ease;font-size:.95rem;white-space:nowrap}.header-action-btn.export[data-v-d6efc26f]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.header-action-btn.export[data-v-d6efc26f]:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f64d}.header-action-btn.refresh[data-v-d6efc26f]{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.header-action-btn.refresh[data-v-d6efc26f]:hover:not(:disabled){background:#fff3;transform:translateY(-2px)}.header-action-btn[data-v-d6efc26f]:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.header-stats-wrapper[data-v-d6efc26f]{padding:2rem 0}.stats-cards[data-v-d6efc26f]{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.stat-card[data-v-d6efc26f]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;display:flex;align-items:center;gap:1.2rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.stat-card[data-v-d6efc26f]:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.stat-card[data-v-d6efc26f]:hover{background:#ffffff1a;transform:translateY(-5px);box-shadow:0 10px 30px #0003}.stat-card[data-v-d6efc26f]:hover:before{opacity:1}.stat-icon[data-v-d6efc26f]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}.stat-icon.total[data-v-d6efc26f]{background:linear-gradient(135deg,#3b82f633,#1e40af33);color:#60a5fa}.stat-icon.active[data-v-d6efc26f]{background:linear-gradient(135deg,#10b98133,#05966933);color:#34d399}.stat-icon.inactive[data-v-d6efc26f]{background:linear-gradient(135deg,#ef444433,#b91c1c33);color:#f87171}.stat-icon.admin[data-v-d6efc26f]{background:linear-gradient(135deg,#8b5cf633,#7c3aed33);color:#a78bfa}.stat-info[data-v-d6efc26f]{flex:1}.stat-info h3[data-v-d6efc26f]{margin:0;font-size:2rem;font-weight:800;color:#fff}.stat-info p[data-v-d6efc26f]{margin:.3rem 0 0;color:#cbd5e1;font-size:.9rem;opacity:.9}.stat-trend[data-v-d6efc26f]{margin-left:auto}.trend-up[data-v-d6efc26f]{color:#10b981;font-size:1.5rem;font-weight:700}.stat-badge[data-v-d6efc26f]{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:700}.stat-badge.success[data-v-d6efc26f]{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.stat-badge.warning[data-v-d6efc26f]{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.stat-badge.premium[data-v-d6efc26f]{background:#8b5cf633;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.control-section[data-v-d6efc26f]{max-width:1400px;margin:2rem auto;padding:0 2rem}.section-header[data-v-d6efc26f]{margin-bottom:2rem}.section-header h2[data-v-d6efc26f]{margin:0 0 .5rem;font-size:1.8rem;color:#1e293b;display:flex;align-items:center;gap:.8rem}.section-header p[data-v-d6efc26f]{margin:0;color:#64748b;font-size:1rem}.filters-grid[data-v-d6efc26f]{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem;margin-bottom:2rem}@media(max-width:1200px){.filters-grid[data-v-d6efc26f]{grid-template-columns:1fr}}.search-container[data-v-d6efc26f]{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.search-header[data-v-d6efc26f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.search-label[data-v-d6efc26f]{font-weight:700;color:#1e293b;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.search-tips .tip[data-v-d6efc26f]{font-size:.85rem;color:#64748b;background:#f1f5f9;padding:4px 10px;border-radius:12px;display:flex;align-items:center;gap:.3rem}.search-box[data-v-d6efc26f]{position:relative;margin-bottom:.5rem}.search-box i[data-v-d6efc26f]{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#64748b;font-size:1.2rem}.search-input[data-v-d6efc26f]{width:100%;padding:16px 24px 16px 50px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f8fafc;font-weight:500}.search-input[data-v-d6efc26f]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.clear-search[data-v-d6efc26f]{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:#e2e8f0;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:1.2rem;transition:all .2s ease}.clear-search[data-v-d6efc26f]:hover{background:#cbd5e1;color:#475569}.search-stats[data-v-d6efc26f]{font-size:.9rem;color:#64748b;padding:8px 0}.filters-container[data-v-d6efc26f]{display:flex;flex-direction:column;gap:1.5rem}.filter-group[data-v-d6efc26f]{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.filter-header[data-v-d6efc26f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.filter-label[data-v-d6efc26f]{font-weight:700;color:#1e293b;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.filter-count[data-v-d6efc26f]{font-size:.85rem;color:#3b82f6;background:#eff6ff;padding:4px 12px;border-radius:12px;font-weight:600}.filter-options[data-v-d6efc26f]{display:flex;gap:.8rem;flex-wrap:wrap}.filter-option[data-v-d6efc26f]{flex:1;padding:12px 16px;border:2px solid #e2e8f0;background:#fff;border-radius:10px;cursor:pointer;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;color:#475569;min-width:100px}.filter-option[data-v-d6efc26f]:hover{border-color:#cbd5e1;transform:translateY(-2px)}.filter-option.active[data-v-d6efc26f]{border-color:#3b82f6;background:#eff6ff;color:#1d4ed8;box-shadow:0 4px 12px #3b82f626}.filter-option.active i[data-v-d6efc26f]{color:#3b82f6}.actions-container[data-v-d6efc26f]{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.actions-header[data-v-d6efc26f]{margin-bottom:1rem}.actions-label[data-v-d6efc26f]{font-weight:700;color:#1e293b;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.quick-actions-grid[data-v-d6efc26f]{display:grid;grid-template-columns:1fr;gap:.8rem}.quick-action[data-v-d6efc26f]{padding:14px 16px;border:none;border-radius:10px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.8rem;transition:all .3s ease;font-size:.95rem}.quick-action.reset[data-v-d6efc26f]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.quick-action.reset[data-v-d6efc26f]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-2px);box-shadow:0 4px 12px #94a3b833}.quick-action.export[data-v-d6efc26f]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.quick-action.export[data-v-d6efc26f]:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.quick-action.refresh[data-v-d6efc26f]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.quick-action.refresh[data-v-d6efc26f]:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.quick-action[data-v-d6efc26f]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.users-list-section[data-v-d6efc26f]{max-width:1400px;margin:2rem auto 3rem;padding:0 2rem}.section-title[data-v-d6efc26f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title h2[data-v-d6efc26f]{margin:0;font-size:1.8rem;color:#1e293b;display:flex;align-items:center;gap:.8rem}.section-stats[data-v-d6efc26f]{display:flex;gap:.8rem}.stat-pill[data-v-d6efc26f]{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600}.stat-pill.total[data-v-d6efc26f]{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.stat-pill.active[data-v-d6efc26f]{background:#f0fdf4;color:#065f46;border:1px solid #bbf7d0}.stat-pill.showing[data-v-d6efc26f]{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.view-options[data-v-d6efc26f]{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.view-option[data-v-d6efc26f]{padding:10px 20px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;color:#475569}.view-option[data-v-d6efc26f]:hover{border-color:#cbd5e1}.view-option.active[data-v-d6efc26f]{border-color:#3b82f6;background:#eff6ff;color:#1d4ed8}.sort-options[data-v-d6efc26f]{margin-left:auto}.sort-select[data-v-d6efc26f]{padding:10px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;background:#fff;color:#475569;cursor:pointer;transition:all .3s ease;min-width:180px}.sort-select[data-v-d6efc26f]:focus{outline:none;border-color:#3b82f6}.loading-state[data-v-d6efc26f],.error-state[data-v-d6efc26f],.empty-state[data-v-d6efc26f]{background:#fff;border-radius:15px;padding:4rem 2rem;text-align:center;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;margin:2rem 0}.loading-content[data-v-d6efc26f],.error-content[data-v-d6efc26f],.empty-content[data-v-d6efc26f]{max-width:500px;margin:0 auto}.loading-spinner[data-v-d6efc26f]{margin-bottom:2rem}.spinner[data-v-d6efc26f]{width:60px;height:60px;border:4px solid #f1f5f9;border-top-color:#3b82f6;border-radius:50%;animation:spin-d6efc26f 1s linear infinite;margin:0 auto}@keyframes spin-d6efc26f{to{transform:rotate(360deg)}}.loading-state h3[data-v-d6efc26f],.error-state h3[data-v-d6efc26f],.empty-state h3[data-v-d6efc26f]{margin:0 0 1rem;color:#1e293b;font-size:1.5rem}.loading-state p[data-v-d6efc26f],.error-state p[data-v-d6efc26f],.empty-state p[data-v-d6efc26f]{margin:0 0 2rem;color:#64748b;font-size:1.1rem}.loading-progress[data-v-d6efc26f]{width:200px;height:4px;background:#f1f5f9;border-radius:2px;overflow:hidden;margin:2rem auto 0}.progress-bar[data-v-d6efc26f]{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);animation:progress-d6efc26f 2s ease-in-out infinite}@keyframes progress-d6efc26f{0%{transform:translate(-100%)}to{transform:translate(200%)}}.error-icon[data-v-d6efc26f],.empty-icon[data-v-d6efc26f]{font-size:4rem;margin-bottom:1.5rem}.error-icon i[data-v-d6efc26f]{color:#ef4444}.empty-icon i[data-v-d6efc26f]{color:#94a3b8}.error-actions[data-v-d6efc26f],.empty-actions[data-v-d6efc26f]{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-secondary[data-v-d6efc26f],.btn-primary[data-v-d6efc26f],.btn-outline[data-v-d6efc26f]{padding:12px 28px;border-radius:10px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.8rem;transition:all .3s ease;border:none;font-size:.95rem}.btn-secondary[data-v-d6efc26f]{background:#f1f5f9;color:#475569}.btn-secondary[data-v-d6efc26f]:hover{background:#e2e8f0;transform:translateY(-2px)}.btn-primary[data-v-d6efc26f]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.btn-primary[data-v-d6efc26f]:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-outline[data-v-d6efc26f]{background:#fff;color:#3b82f6;border:2px solid #3b82f6}.btn-outline[data-v-d6efc26f]:hover{background:#eff6ff;transform:translateY(-2px)}.users-display[data-v-d6efc26f]{margin-bottom:3rem}.users-display.grid[data-v-d6efc26f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:1.5rem}.users-display.list[data-v-d6efc26f]{display:flex;flex-direction:column;gap:1rem}.user-card[data-v-d6efc26f]{background:#fff;border-radius:15px;padding:1.5rem;display:flex;gap:1.5rem;align-items:flex-start;border:2px solid #e2e8f0;transition:all .3s ease;box-shadow:0 4px 15px #0000000d;position:relative}.user-card[data-v-d6efc26f]:hover{border-color:#3b82f6;box-shadow:0 8px 30px #0000001a;transform:translateY(-3px)}.user-card.inactive[data-v-d6efc26f]{opacity:.85;border-color:#94a3b8;background:#f8fafc}.user-card.admin-user[data-v-d6efc26f]{border-left:4px solid #8b5cf6;background:linear-gradient(135deg,#fff,#f5f3ff)}.user-card.current-user[data-v-d6efc26f]{border-color:#f59e0b;background:linear-gradient(135deg,#fff,#fef3c7)}.user-avatar-section[data-v-d6efc26f]{position:relative;flex-shrink:0}.user-avatar[data-v-d6efc26f]{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#fff;box-shadow:0 6px 20px #00000026;position:relative}.user-avatar.admin[data-v-d6efc26f]{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.user-avatar.user[data-v-d6efc26f]{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.avatar-badge[data-v-d6efc26f]{position:absolute;top:-5px;right:-5px;width:30px;height:30px;border-radius:50%;background:#f59e0b;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;border:2px solid white;box-shadow:0 2px 8px #0003}.user-status[data-v-d6efc26f]{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px;white-space:nowrap;border:2px solid white;box-shadow:0 2px 8px #0000001a}.user-status.active[data-v-d6efc26f]{background:#10b981;color:#fff}.user-status.inactive[data-v-d6efc26f]{background:#ef4444;color:#fff}.user-info-main[data-v-d6efc26f]{flex:1;min-width:0}.user-header[data-v-d6efc26f]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.user-title[data-v-d6efc26f]{flex:1}.user-name[data-v-d6efc26f]{margin:0 0 .5rem;font-size:1.3rem;font-weight:700;color:#1e293b;line-height:1.3}.user-role-badge[data-v-d6efc26f]{display:inline-flex;align-items:center;gap:.5rem;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600}.user-role-badge.admin[data-v-d6efc26f]{background:#ede9fe;color:#5b21b6}.user-role-badge.user[data-v-d6efc26f]{background:#e0e7ff;color:#3730a3}.user-id[data-v-d6efc26f]{font-size:.9rem;color:#64748b;background:#f1f5f9;padding:4px 10px;border-radius:12px;font-weight:600}.user-details[data-v-d6efc26f]{margin-bottom:1rem}.detail-row[data-v-d6efc26f]{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1rem}.detail-item[data-v-d6efc26f]{display:flex;align-items:center;gap:.8rem}.detail-item i[data-v-d6efc26f]{color:#64748b;font-size:1rem;width:20px;text-align:center}.detail-label[data-v-d6efc26f]{font-size:.85rem;color:#64748b;font-weight:500;min-width:70px}.detail-value[data-v-d6efc26f]{font-size:.95rem;color:#1e293b;font-weight:500;flex:1}.user-metrics[data-v-d6efc26f]{display:flex;gap:1.5rem;margin-top:1rem}.metric[data-v-d6efc26f]{display:flex;align-items:center;gap:.8rem}.metric i[data-v-d6efc26f]{font-size:1.2rem;color:#3b82f6}.metric-content[data-v-d6efc26f]{display:flex;flex-direction:column}.metric-value[data-v-d6efc26f]{font-weight:700;color:#1e293b;font-size:1.1rem}.metric-label[data-v-d6efc26f]{font-size:.8rem;color:#64748b;margin-top:2px}.user-actions[data-v-d6efc26f]{display:flex;flex-direction:column;gap:.8rem;min-width:150px}.action-group[data-v-d6efc26f]{display:flex;flex-direction:column;gap:.5rem}.action-btn[data-v-d6efc26f]{padding:10px 16px;border:none;border-radius:10px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:.8rem;transition:all .2s ease;font-weight:600;white-space:nowrap}.action-btn i[data-v-d6efc26f]{font-size:1rem}.action-btn.edit[data-v-d6efc26f]{background:#3b82f6;color:#fff}.action-btn.edit[data-v-d6efc26f]:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.action-btn.toggle-role[data-v-d6efc26f]{background:#8b5cf6;color:#fff}.action-btn.toggle-role[data-v-d6efc26f]:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.action-btn.danger[data-v-d6efc26f]{background:#ef4444;color:#fff}.action-btn.danger[data-v-d6efc26f]:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.action-btn.success[data-v-d6efc26f]{background:#10b981;color:#fff}.action-btn.success[data-v-d6efc26f]:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.pagination-section[data-v-d6efc26f]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;margin-top:2rem}.pagination-info[data-v-d6efc26f]{color:#64748b;font-size:.95rem}.pagination-info strong[data-v-d6efc26f]{color:#1e293b}.pagination-controls[data-v-d6efc26f]{display:flex;align-items:center;gap:1rem}.pagination-btn[data-v-d6efc26f]{padding:10px 20px;border:2px solid #e2e8f0;background:#fff;border-radius:10px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;color:#475569}.pagination-btn[data-v-d6efc26f]:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.pagination-btn[data-v-d6efc26f]:disabled{opacity:.5;cursor:not-allowed}.page-numbers[data-v-d6efc26f]{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#1e293b}.current-page[data-v-d6efc26f]{background:#3b82f6;color:#fff;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.total-pages[data-v-d6efc26f]{color:#64748b}.items-per-page[data-v-d6efc26f]{display:flex;align-items:center;gap:.8rem;color:#64748b}.page-select[data-v-d6efc26f]{padding:8px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;background:#fff;color:#475569;cursor:pointer;transition:all .3s ease}.page-select[data-v-d6efc26f]:focus{outline:none;border-color:#3b82f6}@media(max-width:1200px){.stats-cards[data-v-d6efc26f]{grid-template-columns:repeat(2,1fr)}.users-display.grid[data-v-d6efc26f]{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}@media(max-width:768px){.header-container[data-v-d6efc26f]{padding:0 1rem}.header-top[data-v-d6efc26f]{flex-direction:column;gap:1rem;text-align:center}.header-title-section[data-v-d6efc26f]{flex-direction:column;gap:1.5rem;padding:0}.title-main[data-v-d6efc26f]{flex-direction:column;text-align:center}.stats-cards[data-v-d6efc26f],.users-display.grid[data-v-d6efc26f]{grid-template-columns:1fr}.user-card[data-v-d6efc26f]{flex-direction:column;align-items:center;text-align:center}.user-header[data-v-d6efc26f]{flex-direction:column;gap:.5rem}.user-details[data-v-d6efc26f]{text-align:center}.detail-item[data-v-d6efc26f],.user-metrics[data-v-d6efc26f]{justify-content:center}.user-actions[data-v-d6efc26f]{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center}.action-group[data-v-d6efc26f]{flex-direction:row;width:100%}.action-btn[data-v-d6efc26f]{flex:1;justify-content:center}.pagination-section[data-v-d6efc26f]{flex-direction:column;gap:1rem;text-align:center}}@media(max-width:480px){.filter-options[data-v-d6efc26f]{flex-direction:column}.filter-option[data-v-d6efc26f]{width:100%}.view-options[data-v-d6efc26f]{flex-direction:column;align-items:stretch}.sort-options[data-v-d6efc26f]{margin-left:0}.sort-select[data-v-d6efc26f]{width:100%}}.modal-overlay[data-v-9ca1faa0]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.reports-dashboard[data-v-9ca1faa0]{width:90%;max-width:1000px;max-height:90vh;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:1001}.admin-header[data-v-9ca1faa0]{background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff;padding:20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.admin-title[data-v-9ca1faa0]{margin:0;font-size:1.4rem;font-weight:600}.admin-title i[data-v-9ca1faa0]{margin-right:10px}.btn-back[data-v-9ca1faa0],.btn-close[data-v-9ca1faa0]{background:#fff3;border:none;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;transition:background .3s}.btn-back[data-v-9ca1faa0]:hover,.btn-close[data-v-9ca1faa0]:hover{background:#ffffff4d}.reports-type-selector[data-v-9ca1faa0]{display:flex;gap:10px;margin:0;background:#f8f9fa;padding:15px 20px;border-bottom:1px solid #e9ecef}.report-type-btn[data-v-9ca1faa0]{flex:1;padding:12px 20px;border:2px solid #e9ecef;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;justify-content:center;transition:all .3s;font-size:.9rem;font-weight:500}.report-type-btn[data-v-9ca1faa0]:hover{border-color:#1e88e5;transform:translateY(-2px)}.report-type-btn.active[data-v-9ca1faa0]{background:#1e88e5;color:#fff;border-color:#1e88e5}.reports-content[data-v-9ca1faa0]{flex:1;padding:0;overflow-y:auto}.loading-state[data-v-9ca1faa0],.error-state[data-v-9ca1faa0]{text-align:center;padding:60px 20px;color:#666}.loading-state i[data-v-9ca1faa0]{font-size:2rem;margin-bottom:15px}.error-state i[data-v-9ca1faa0]{font-size:2rem;color:#e74c3c;margin-bottom:15px}.btn-retry[data-v-9ca1faa0]{background:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;margin-top:15px}.metrics-grid[data-v-9ca1faa0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px;padding:30px}.metric-card[data-v-9ca1faa0]{background:#fff;border-radius:10px;padding:25px;box-shadow:0 4px 15px #0000001a;border-left:4px solid #3498db;display:flex;align-items:center;transition:transform .3s}.metric-card[data-v-9ca1faa0]:hover{transform:translateY(-5px)}.metric-card.income[data-v-9ca1faa0]{border-left-color:#27ae60}.metric-card.orders[data-v-9ca1faa0]{border-left-color:#e74c3c}.metric-card.users[data-v-9ca1faa0]{border-left-color:#9b59b6}.metric-card.products[data-v-9ca1faa0]{border-left-color:#f39c12}.metric-icon[data-v-9ca1faa0]{width:60px;height:60px;background:linear-gradient(135deg,#1e88e5,#0d47a1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:20px;color:#fff;font-size:1.5rem}.metric-card.income .metric-icon[data-v-9ca1faa0]{background:linear-gradient(135deg,#27ae60,#2ecc71)}.metric-card.orders .metric-icon[data-v-9ca1faa0]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.metric-card.users .metric-icon[data-v-9ca1faa0]{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.metric-card.products .metric-icon[data-v-9ca1faa0]{background:linear-gradient(135deg,#f39c12,#e67e22)}.metric-info h3[data-v-9ca1faa0]{margin:0 0 5px;font-size:1.8rem;font-weight:700;color:#2c3e50}.metric-info p[data-v-9ca1faa0]{margin:0 0 8px;color:#7f8c8d;font-weight:500}.metric-sub[data-v-9ca1faa0]{font-size:.85rem}.sub-value[data-v-9ca1faa0]{color:#27ae60;font-weight:600}.stock-warning[data-v-9ca1faa0]{color:#e74c3c;font-weight:600}.daily-metrics[data-v-9ca1faa0]{grid-column:1 / -1;background:#f8f9fa;border-radius:10px;padding:20px;margin-top:10px}.daily-metrics h4[data-v-9ca1faa0]{margin:0 0 15px;color:#2c3e50;font-size:1.1rem}.daily-metrics h4 i[data-v-9ca1faa0]{margin-right:8px;color:#3498db}.daily-grid[data-v-9ca1faa0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.daily-item[data-v-9ca1faa0]{text-align:center;padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.daily-value[data-v-9ca1faa0]{display:block;font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:5px}.daily-label[data-v-9ca1faa0]{color:#7f8c8d;font-size:.9rem}.advanced-reports-section[data-v-9ca1faa0]{height:100%}.advanced-reports-content[data-v-9ca1faa0]{display:flex;height:100%;min-height:500px}.advanced-report-selector[data-v-9ca1faa0]{width:250px;background:#f8f9fa;border-right:1px solid #e9ecef;padding:20px;display:flex;flex-direction:column;gap:10px;flex-shrink:0}.advanced-report-btn[data-v-9ca1faa0]{background:#fff;border:2px solid #e9ecef;padding:15px;border-radius:8px;cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px;transition:all .3s;font-weight:500}.advanced-report-btn[data-v-9ca1faa0]:hover{border-color:#1e88e5;transform:translate(5px)}.advanced-report-btn.active[data-v-9ca1faa0]{background:#1e88e5;color:#fff;border-color:#1e88e5}.advanced-report-panel[data-v-9ca1faa0]{flex:1;padding:25px;background:#f8f9fa;overflow-y:auto}.advanced-report-section[data-v-9ca1faa0]{animation:fadeIn-9ca1faa0 .3s ease-in}.advanced-section-header[data-v-9ca1faa0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.advanced-section-header h3[data-v-9ca1faa0]{margin:0;color:#2c3e50;display:flex;align-items:center;gap:10px;font-size:1.3rem}.advanced-filters[data-v-9ca1faa0]{display:flex;gap:10px}select[data-v-9ca1faa0]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:.9rem}.data-grid[data-v-9ca1faa0],.products-grid[data-v-9ca1faa0],.categories-grid[data-v-9ca1faa0]{display:flex;flex-direction:column;gap:12px}.data-item[data-v-9ca1faa0],.product-item[data-v-9ca1faa0],.category-item[data-v-9ca1faa0]{background:#fff;padding:18px;border-radius:8px;border-left:4px solid #1e88e5;box-shadow:0 2px 8px #0000001a;transition:transform .2s}.data-item[data-v-9ca1faa0]:hover,.product-item[data-v-9ca1faa0]:hover,.category-item[data-v-9ca1faa0]:hover{transform:translateY(-2px)}.period-label[data-v-9ca1faa0]{font-weight:700;margin-bottom:8px;color:#2c3e50;font-size:1rem}.period-stats[data-v-9ca1faa0]{display:flex;justify-content:space-between;align-items:center}.stat[data-v-9ca1faa0]{font-size:.9rem;color:#7f8c8d}.amount[data-v-9ca1faa0]{font-weight:700;color:#27ae60}.product-item[data-v-9ca1faa0]{display:flex;align-items:center;gap:15px}.product-rank[data-v-9ca1faa0]{background:#1e88e5;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:.9rem}.product-info[data-v-9ca1faa0]{flex:1}.product-name[data-v-9ca1faa0]{font-weight:700;margin-bottom:6px;color:#2c3e50;font-size:1rem}.product-stats[data-v-9ca1faa0]{display:flex;gap:15px;font-size:.85rem;color:#7f8c8d}.sales[data-v-9ca1faa0]{color:#27ae60;font-weight:600}.revenue[data-v-9ca1faa0]{color:#1e88e5;font-weight:600}.product-price[data-v-9ca1faa0]{font-weight:700;color:#2c3e50;font-size:1rem}.advanced-metrics-grid[data-v-9ca1faa0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.advanced-metric-card[data-v-9ca1faa0]{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:25px;text-align:center;box-shadow:0 2px 10px #0000001a;transition:transform .3s}.advanced-metric-card[data-v-9ca1faa0]:hover{transform:translateY(-5px)}.advanced-metric-icon[data-v-9ca1faa0]{font-size:2rem;color:#1e88e5;margin-bottom:12px}.advanced-metric-value[data-v-9ca1faa0]{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:8px}.advanced-metric-label[data-v-9ca1faa0]{color:#7f8c8d;font-size:.9rem;font-weight:500}.category-header[data-v-9ca1faa0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.category-name[data-v-9ca1faa0]{font-weight:700;color:#2c3e50;font-size:1rem}.category-revenue[data-v-9ca1faa0]{font-weight:700;color:#27ae60;font-size:1rem}.category-stats[data-v-9ca1faa0]{display:flex;gap:15px;margin-bottom:12px;font-size:.85rem;color:#7f8c8d}.revenue-bar[data-v-9ca1faa0]{height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}.revenue-fill[data-v-9ca1faa0]{height:100%;background:linear-gradient(90deg,#1e88e5,#0d47a1);transition:width .5s ease}.loading[data-v-9ca1faa0],.no-data[data-v-9ca1faa0]{text-align:center;padding:60px 20px;color:#7f8c8d;font-style:italic;font-size:1.1rem}.loading[data-v-9ca1faa0]{color:#1e88e5}@keyframes fadeIn-9ca1faa0{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.reports-dashboard[data-v-9ca1faa0]{width:95%;height:95vh}.admin-header[data-v-9ca1faa0]{padding:15px}.admin-title[data-v-9ca1faa0]{font-size:1.1rem}.reports-type-selector[data-v-9ca1faa0]{flex-direction:column;padding:10px 15px}.metrics-grid[data-v-9ca1faa0]{grid-template-columns:1fr;padding:20px}.metric-card[data-v-9ca1faa0]{padding:20px}.advanced-reports-content[data-v-9ca1faa0]{flex-direction:column}.advanced-report-selector[data-v-9ca1faa0]{width:100%;flex-direction:row;overflow-x:auto;padding:15px}.advanced-report-btn[data-v-9ca1faa0]{white-space:nowrap;flex:1;justify-content:center;min-width:120px}.advanced-report-panel[data-v-9ca1faa0]{padding:20px}.advanced-section-header[data-v-9ca1faa0]{flex-direction:column;gap:15px;align-items:flex-start}.advanced-filters[data-v-9ca1faa0]{width:100%;justify-content:space-between}.advanced-metrics-grid[data-v-9ca1faa0]{grid-template-columns:1fr}}.categories-management-page[data-v-66d08f55]{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);width:100%}.page-header[data-v-66d08f55]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:1.5rem 2rem;box-shadow:0 4px 20px #0000001a;position:sticky;top:0;z-index:100}.header-content[data-v-66d08f55]{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;width:100%}.header-left[data-v-66d08f55]{display:flex;align-items:center;gap:1.5rem;padding-left:3rem}.back-btn[data-v-66d08f55]{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;width:40px;height:40px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.back-btn[data-v-66d08f55]:hover{background:#ffffff4d}.page-title h1[data-v-66d08f55]{margin:0;font-size:1.8rem;font-weight:700;display:flex;align-items:center;gap:.8rem}.subtitle[data-v-66d08f55]{margin:.3rem 0 0;opacity:.9;font-size:.95rem}.header-stats[data-v-66d08f55]{display:flex;gap:1.5rem}.stat-item[data-v-66d08f55]{display:flex;align-items:center;gap:.5rem;background:#ffffff26;padding:.5rem 1rem;border-radius:8px;font-weight:500}.control-panel[data-v-66d08f55]{background:#fff;border-radius:16px;padding:1.75rem;margin:1rem auto;max-width:1400px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;position:sticky;top:90px;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.panel-grid[data-v-66d08f55]{display:grid;grid-template-columns:1.5fr auto;gap:1.5rem;align-items:end}.search-section[data-v-66d08f55]{grid-column:1 / 2;display:flex;flex-direction:column;gap:.75rem}.search-box[data-v-66d08f55]{position:relative;background:#f8fafc;border-radius:12px;padding:.5rem;border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-box[data-v-66d08f55]:focus-within{border-color:#8b5cf6;background:#fff;box-shadow:0 4px 20px #8b5cf626;transform:translateY(-1px)}.search-box i[data-v-66d08f55]{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#64748b;font-size:1.1rem;z-index:1}.search-input[data-v-66d08f55]{width:100%;padding:14px 20px 14px 50px;border:none;border-radius:10px;font-size:1rem;font-weight:500;background:transparent;color:#1e293b;transition:all .3s ease}.search-input[data-v-66d08f55]:focus{outline:none}.search-input[data-v-66d08f55]::placeholder{color:#94a3b8;font-weight:400}.search-helper[data-v-66d08f55]{font-size:.85rem;color:#64748b;padding-left:.5rem;display:flex;align-items:center;gap:.5rem}.search-helper i[data-v-66d08f55]{color:#8b5cf6}.actions-section[data-v-66d08f55]{grid-column:2 / 3;display:flex;gap:.75rem;align-items:center;justify-content:flex-end}.action-btn[data-v-66d08f55]{padding:12px 18px;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:fit-content;white-space:nowrap;height:48px}.reset-btn[data-v-66d08f55]{background:#f1f5f9;color:#475569;border:2px solid transparent}.reset-btn[data-v-66d08f55]:hover{background:#e2e8f0;color:#1e293b;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.refresh-btn[data-v-66d08f55]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:2px solid transparent;width:48px;padding:0;border-radius:12px}.refresh-btn[data-v-66d08f55]:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px) rotate(15deg);box-shadow:0 6px 20px #2563eb4d}.refresh-btn[data-v-66d08f55]:disabled{opacity:.5;cursor:not-allowed}.add-btn[data-v-66d08f55]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:2px solid transparent;padding:12px 20px;box-shadow:0 4px 15px #8b5cf633}.add-btn[data-v-66d08f55]:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 25px #8b5cf64d;border-color:#fff3}.quick-stats[data-v-66d08f55]{max-width:1400px;margin:0 auto 2rem}.stats-grid[data-v-66d08f55]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card[data-v-66d08f55]{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 2px 15px #0000000d;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.stat-card[data-v-66d08f55]:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.stat-card.total[data-v-66d08f55]:hover{border-color:#8b5cf6}.stat-card.active[data-v-66d08f55]:hover{border-color:#10b981}.stat-card.low[data-v-66d08f55]:hover{border-color:#f59e0b}.stat-card.avg[data-v-66d08f55]:hover{border-color:#3b82f6}.stat-icon[data-v-66d08f55]{width:60px;height:60px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#8b5cf6}.stat-card.active .stat-icon[data-v-66d08f55]{background:#d1fae5;color:#065f46}.stat-card.low .stat-icon[data-v-66d08f55]{background:#fef3c7;color:#92400e}.stat-card.avg .stat-icon[data-v-66d08f55]{background:#dbeafe;color:#1d4ed8}.stat-info h3[data-v-66d08f55]{margin:0 0 .3rem;font-size:1.8rem;color:#1e293b;font-weight:700}.stat-info p[data-v-66d08f55]{margin:0;color:#64748b;font-size:.95rem}.content-wrapper[data-v-66d08f55]{max-width:1400px;margin:0 auto;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 15px #0000000d;border:1px solid #e2e8f0}.loading-state[data-v-66d08f55],.error-state[data-v-66d08f55],.empty-state[data-v-66d08f55]{padding:4rem 2rem;text-align:center}.loading-spinner[data-v-66d08f55]{margin-bottom:1.5rem}.loading-spinner i[data-v-66d08f55]{font-size:3rem;color:#8b5cf6}.error-content[data-v-66d08f55],.empty-content[data-v-66d08f55]{max-width:400px;margin:0 auto}.error-content i[data-v-66d08f55],.empty-content i[data-v-66d08f55]{font-size:4rem;margin-bottom:1.5rem}.error-content i[data-v-66d08f55]{color:#ef4444}.empty-content i[data-v-66d08f55]{color:#94a3b8}.error-content h4[data-v-66d08f55],.empty-content h4[data-v-66d08f55]{margin:0 0 1rem;color:#1e293b;font-size:1.5rem}.error-content p[data-v-66d08f55],.empty-content p[data-v-66d08f55]{margin:0 0 1.5rem;color:#64748b;font-size:1.1rem}.btn-primary[data-v-66d08f55]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:12px 28px;border-radius:10px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.8rem;transition:all .3s ease}.btn-primary[data-v-66d08f55]:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.btn-secondary[data-v-66d08f55]{background:#f1f5f9;color:#475569;border:none;padding:12px 28px;border-radius:10px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.8rem;transition:all .3s ease}.btn-secondary[data-v-66d08f55]:hover{background:#e2e8f0;transform:translateY(-2px)}.empty-actions[data-v-66d08f55]{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.categories-container[data-v-66d08f55]{padding:2rem}.categories-header[data-v-66d08f55]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f1f5f9}.categories-header h3[data-v-66d08f55]{margin:0;color:#1e3a8a;font-size:1.5rem;display:flex;align-items:center;gap:1rem}.export-btn[data-v-66d08f55]{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.export-btn[data-v-66d08f55]:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.categories-grid[data-v-66d08f55]{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}@media(max-width:768px){.categories-grid[data-v-66d08f55]{grid-template-columns:1fr}}.category-card[data-v-66d08f55]{background:#fff;border-radius:12px;padding:1.5rem;border:2px solid #e2e8f0;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.category-card[data-v-66d08f55]:hover{border-color:#c7d2fe;box-shadow:0 8px 30px #00000014;transform:translateY(-3px)}.category-card.popular[data-v-66d08f55]{border-left:4px solid #8b5cf6}.category-card.empty[data-v-66d08f55]{border-left:4px solid #94a3b8;opacity:.8}.category-header[data-v-66d08f55]{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.category-title-section[data-v-66d08f55]{display:flex;align-items:flex-start;gap:1rem;flex:1}.category-icon[data-v-66d08f55]{width:48px;height:48px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#8b5cf6}.category-title[data-v-66d08f55]{flex:1}.category-name[data-v-66d08f55]{margin:0 0 .3rem;font-size:1.2rem;font-weight:700;color:#1e293b}.category-slug[data-v-66d08f55]{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.9rem}.category-slug i[data-v-66d08f55]{color:#8b5cf6}.category-stats[data-v-66d08f55]{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.product-count[data-v-66d08f55]{display:flex;align-items:center;gap:.5rem;background:#f1f5f9;padding:.4rem .8rem;border-radius:20px}.count-icon[data-v-66d08f55]{color:#8b5cf6}.count-number[data-v-66d08f55]{font-weight:700;color:#1e293b}.count-label[data-v-66d08f55]{color:#64748b;font-size:.85rem}.category-status[data-v-66d08f55]{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.status-dot[data-v-66d08f55]{width:8px;height:8px;border-radius:50%;background:#10b981}.status-dot.empty[data-v-66d08f55]{background:#94a3b8}.status-text[data-v-66d08f55]{color:#64748b}.category-description[data-v-66d08f55]{color:#475569;font-size:.95rem;line-height:1.5;padding:.8rem;background:#f8fafc;border-radius:8px;border-left:3px solid #8b5cf6}.category-no-description[data-v-66d08f55]{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.9rem;padding:.5rem;background:#f8fafc;border-radius:6px}.category-products[data-v-66d08f55]{border-top:2px solid #f1f5f9;padding-top:1rem}.products-header[data-v-66d08f55]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.toggle-products-btn[data-v-66d08f55]{background:transparent;border:none;color:#8b5cf6;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;transition:all .3s ease}.toggle-products-btn[data-v-66d08f55]:hover{color:#7c3aed}.products-preview[data-v-66d08f55]{color:#64748b;font-size:.85rem;font-style:italic}.products-list[data-v-66d08f55]{background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden}.products-list-header[data-v-66d08f55]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;padding:.8rem 1rem;background:#e2e8f0;font-weight:600;font-size:.85rem;color:#475569}.product-item[data-v-66d08f55]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid #e2e8f0;align-items:center;font-size:.9rem}.product-item[data-v-66d08f55]:last-child{border-bottom:none}.product-info[data-v-66d08f55]{display:flex;flex-direction:column;gap:.2rem}.product-name[data-v-66d08f55]{font-weight:500;color:#1e293b}.product-sku[data-v-66d08f55]{font-size:.8rem;color:#94a3b8}.product-price[data-v-66d08f55]{color:#059669;font-weight:600}.product-stock[data-v-66d08f55]{font-weight:600}.product-stock.low[data-v-66d08f55]{color:#dc2626}.product-status[data-v-66d08f55]{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500}.product-status.active[data-v-66d08f55]{color:#059669}.product-status.inactive[data-v-66d08f55]{color:#dc2626}.category-actions[data-v-66d08f55]{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:2px solid #f1f5f9}.action-buttons[data-v-66d08f55]{display:flex;gap:.8rem}.action-btn[data-v-66d08f55]{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;font-size:.9rem}.edit-btn[data-v-66d08f55]{background:#3b82f6;color:#fff}.edit-btn[data-v-66d08f55]:hover{background:#2563eb;transform:translateY(-2px)}.view-btn[data-v-66d08f55]{background:#8b5cf6;color:#fff}.view-btn[data-v-66d08f55]:hover{background:#7c3aed;transform:translateY(-2px)}.delete-btn[data-v-66d08f55]{background:#ef4444;color:#fff}.delete-btn[data-v-66d08f55]:hover:not(:disabled){background:#dc2626;transform:translateY(-2px)}.delete-btn[data-v-66d08f55]:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;opacity:.6;transform:none!important}.btn-text[data-v-66d08f55]{display:inline}@media(max-width:576px){.btn-text[data-v-66d08f55]{display:none}.action-btn[data-v-66d08f55]{padding:8px;width:40px;justify-content:center}}.category-usage[data-v-66d08f55]{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.85rem;justify-content:center;padding:.5rem;background:#f1f5f9;border-radius:6px}.pagination[data-v-66d08f55]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;margin-top:2rem;border-top:2px solid #f1f5f9}.pagination-info[data-v-66d08f55]{color:#64748b;font-size:.95rem}.pagination-controls[data-v-66d08f55]{display:flex;align-items:center;gap:1rem}.pagination-btn[data-v-66d08f55]{width:40px;height:40px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#475569}.pagination-btn[data-v-66d08f55]:hover:not(:disabled){border-color:#8b5cf6;color:#8b5cf6;background:#f5f3ff}.pagination-btn[data-v-66d08f55]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-66d08f55]{font-weight:600;color:#1e293b}.modal-overlay[data-v-66d08f55]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-content[data-v-66d08f55]{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn-66d08f55 .3s ease}.modal-body[data-v-66d08f55]{overflow-y:auto;flex-grow:1;max-height:calc(90vh - 140px)}@keyframes modalSlideIn-66d08f55{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-66d08f55]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1}.modal-header h3[data-v-66d08f55]{margin:0;font-size:1.4rem;display:flex;align-items:center;gap:.8rem}.close-btn[data-v-66d08f55]{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn[data-v-66d08f55]:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body[data-v-66d08f55]{padding:2rem}.category-form[data-v-66d08f55]{display:flex;flex-direction:column;gap:2rem}.form-section[data-v-66d08f55]{background:#f8fafc;border-radius:10px;padding:1.5rem;border:1px solid #e2e8f0}.form-section h4[data-v-66d08f55]{margin:0 0 1.5rem;color:#1e3a8a;font-size:1.2rem;display:flex;align-items:center;gap:.8rem;padding-bottom:.8rem;border-bottom:2px solid #e2e8f0}.form-grid[data-v-66d08f55]{display:grid;grid-template-columns:1fr;gap:1.5rem}.form-group.full-width[data-v-66d08f55]{grid-column:1 / -1}.form-label[data-v-66d08f55]{font-weight:600;color:#475569;font-size:.95rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.form-input[data-v-66d08f55],.form-textarea[data-v-66d08f55]{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-input[data-v-66d08f55]:focus,.form-textarea[data-v-66d08f55]:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-textarea[data-v-66d08f55]{resize:vertical;min-height:100px}.form-help[data-v-66d08f55]{color:#64748b;font-size:.85rem;margin-top:.5rem;display:block}.slug-input-group[data-v-66d08f55]{display:flex;align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;overflow:hidden}.slug-prefix[data-v-66d08f55]{padding:12px 16px;background:#f1f5f9;color:#64748b;font-weight:500;white-space:nowrap}.slug-input[data-v-66d08f55]{flex:1;border:none;border-left:1px solid #e2e8f0;border-radius:0;padding-left:12px}.slug-input[data-v-66d08f55]:focus{box-shadow:none}.icon-selection[data-v-66d08f55]{display:flex;flex-direction:column;gap:1rem}.icon-options[data-v-66d08f55]{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:.8rem}.icon-option[data-v-66d08f55]{width:48px;height:48px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#64748b;transition:all .3s ease}.icon-option[data-v-66d08f55]:hover{border-color:#8b5cf6;color:#8b5cf6;transform:translateY(-2px)}.icon-option.selected[data-v-66d08f55]{background:#8b5cf6;border-color:#8b5cf6;color:#fff;transform:scale(1.1)}.form-actions[data-v-66d08f55]{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:2px solid #f1f5f9}.cancel-btn[data-v-66d08f55]{background:#f1f5f9;color:#475569;border:none;padding:12px 28px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn[data-v-66d08f55]:hover:not(:disabled){background:#e2e8f0;transform:translateY(-2px)}.submit-btn[data-v-66d08f55]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.8rem;transition:all .3s ease}.submit-btn[data-v-66d08f55]:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.cancel-btn[data-v-66d08f55]:disabled,.submit-btn[data-v-66d08f55]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.confirm-modal[data-v-66d08f55]{max-width:500px}.confirm-content[data-v-66d08f55]{text-align:center;padding:1.5rem 0}.confirm-icon[data-v-66d08f55]{font-size:3rem;color:#ef4444;margin-bottom:1.5rem}.confirm-content h4[data-v-66d08f55]{margin:0 0 1rem;color:#1e293b;font-size:1.4rem}.confirm-content p[data-v-66d08f55]{margin:0 0 1rem;color:#64748b;line-height:1.6}.delete-warning[data-v-66d08f55]{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:1.5rem;margin:1.5rem 0;text-align:left}.warning-header[data-v-66d08f55]{display:flex;align-items:center;gap:.5rem;color:#92400e;font-weight:600;margin-bottom:1rem}.warning-text[data-v-66d08f55]{color:#92400e;font-size:.95rem;line-height:1.5}.confirm-details[data-v-66d08f55]{background:#f8fafc;border-radius:8px;padding:1rem;margin:1.5rem 0;text-align:left}.confirm-details p[data-v-66d08f55]{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.95rem;margin:.5rem 0}.confirm-actions[data-v-66d08f55]{display:flex;gap:1rem;justify-content:center}.delete-btn[data-v-66d08f55]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.8rem;transition:all .3s ease}.delete-btn[data-v-66d08f55]:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.close-btn-secondary[data-v-66d08f55]{background:#6b7280;color:#fff;border:none;padding:12px 28px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.close-btn-secondary[data-v-66d08f55]:hover{background:#4b5563;transform:translateY(-2px)}@media(max-width:576px){.page-header[data-v-66d08f55],.page-main[data-v-66d08f55]{padding:1rem}.control-panel[data-v-66d08f55],.content-wrapper[data-v-66d08f55]{border-radius:8px}.categories-container[data-v-66d08f55],.modal-body[data-v-66d08f55]{padding:1rem}.form-actions[data-v-66d08f55],.confirm-actions[data-v-66d08f55]{flex-direction:column}.cancel-btn[data-v-66d08f55],.submit-btn[data-v-66d08f55],.delete-btn[data-v-66d08f55],.close-btn-secondary[data-v-66d08f55]{width:100%;justify-content:center}.empty-actions[data-v-66d08f55]{flex-direction:column}.products-list-header[data-v-66d08f55],.product-item[data-v-66d08f55]{grid-template-columns:1fr;gap:.5rem}}.modal-overlay[data-v-d6195316]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-d6195316 .3s ease}.favorites-modal[data-v-d6195316]{background:#fff;border-radius:16px;width:85%;max-width:500px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;z-index:1001;animation:slideUp-d6195316 .3s ease;overflow:hidden}@keyframes fadeIn-d6195316{0%{opacity:0}to{opacity:1}}@keyframes slideUp-d6195316{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-d6195316]{background:linear-gradient(135deg,#1e88e5,#1565c0);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-radius:16px 16px 0 0;box-shadow:0 2px 10px #0000001a}.btn-back[data-v-d6195316],.btn-close[data-v-d6195316]{background:#fff3;border:none;color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;display:flex;align-items:center;gap:5px}.btn-back[data-v-d6195316]:hover,.btn-close[data-v-d6195316]:hover{background:#ffffff4d;transform:translateY(-1px)}.modal-title[data-v-d6195316]{margin:0;font-size:1.3rem;font-weight:600;display:flex;align-items:center;gap:8px}.modal-title i[data-v-d6195316]{color:#ff4081}.items-count[data-v-d6195316]{font-size:.8rem;opacity:.9;background:#fff3;padding:2px 8px;border-radius:12px}.modal-content[data-v-d6195316]{padding:20px;overflow-y:auto;flex:1;background:#f8f9fa}.favorite-item[data-v-d6195316]{display:flex;align-items:center;gap:15px;padding:16px;border:1px solid #e9ecef;border-radius:12px;margin-bottom:12px;transition:all .3s ease;background:#fff;box-shadow:0 2px 8px #0000000d}.favorite-item[data-v-d6195316]:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px);border-color:#1e88e5}.product-image[data-v-d6195316]{width:70px;height:70px;border-radius:10px;overflow:hidden;flex-shrink:0;border:2px solid #f1f3f4}.product-image img[data-v-d6195316]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.favorite-item:hover .product-image img[data-v-d6195316]{transform:scale(1.05)}.product-info[data-v-d6195316]{flex:1;min-width:0}.product-name[data-v-d6195316]{margin:0 0 6px;font-weight:600;color:#2c3e50;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-category[data-v-d6195316]{margin:0 0 6px;font-size:.85rem;color:#6c757d;font-weight:500}.product-price[data-v-d6195316]{margin:0;font-weight:700;color:#1e88e5;font-size:1.1rem}.product-actions[data-v-d6195316]{display:flex;gap:8px}.btn-add-cart[data-v-d6195316],.btn-remove-favorite[data-v-d6195316]{padding:10px 12px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;display:flex;align-items:center;justify-content:center;min-width:40px}.btn-add-cart[data-v-d6195316]{background:#4caf50;color:#fff;box-shadow:0 2px 5px #4caf504d}.btn-remove-favorite[data-v-d6195316]{background:#f44336;color:#fff;box-shadow:0 2px 5px #f443364d}.btn-add-cart[data-v-d6195316]:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 4px 8px #4caf5066}.btn-remove-favorite[data-v-d6195316]:hover{background:#d32f2f;transform:translateY(-1px);box-shadow:0 4px 8px #f4433666}.loading-state[data-v-d6195316],.empty-state[data-v-d6195316]{text-align:center;padding:50px 20px;color:#6c757d}.loading-state i[data-v-d6195316]{font-size:2rem;color:#1e88e5;margin-bottom:15px}.empty-state i[data-v-d6195316]{font-size:3rem;color:#dee2e6;margin-bottom:15px}.empty-state h3[data-v-d6195316]{margin:0 0 10px;color:#495057;font-weight:600}.empty-state p[data-v-d6195316]{margin:0 0 25px;color:#6c757d;line-height:1.5}.btn-primary[data-v-d6195316]{background:linear-gradient(135deg,#1e88e5,#1565c0);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1e88e54d}.btn-primary[data-v-d6195316]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e88e566}@media(max-width:768px){.favorites-modal[data-v-d6195316]{width:95%;margin:10px;max-height:80vh}.modal-header[data-v-d6195316]{padding:14px 16px}.modal-title[data-v-d6195316]{font-size:1.2rem}.favorite-item[data-v-d6195316]{flex-direction:column;text-align:center;padding:20px}.product-info[data-v-d6195316]{text-align:center}.product-actions[data-v-d6195316]{justify-content:center;width:100%}.btn-add-cart[data-v-d6195316],.btn-remove-favorite[data-v-d6195316]{flex:1;max-width:120px}}.modal-content[data-v-d6195316]::-webkit-scrollbar{width:6px}.modal-content[data-v-d6195316]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-content[data-v-d6195316]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-content[data-v-d6195316]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.star-rating[data-v-983a5c69]{display:flex;align-items:center;gap:2px}.star[data-v-983a5c69]{font-size:1.2rem;color:#ddd;cursor:default;transition:color .2s ease}.star.active[data-v-983a5c69]{color:#ffc107}.star.interactive[data-v-983a5c69]{cursor:pointer}.star.interactive[data-v-983a5c69]:hover{color:#ffc107}.rating-score[data-v-983a5c69]{font-size:.9rem;color:#666;margin-left:8px}.modal-overlay[data-v-da897c00]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-da897c00 .3s ease}.modal-container[data-v-da897c00]{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;z-index:1001;animation:slideUp-da897c00 .3s ease;overflow:hidden}@keyframes fadeIn-da897c00{0%{opacity:0}to{opacity:1}}@keyframes slideUp-da897c00{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-da897c00]{background:linear-gradient(135deg,#1e88e5,#1565c0);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-radius:16px 16px 0 0;min-height:60px}.modal-title[data-v-da897c00]{margin:0;font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:10px;position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.modal-title i[data-v-da897c00]{color:#ffeb3b!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.modal-title[data-v-da897c00]{margin:0;font-size:1.3rem;font-weight:600;display:flex;align-items:center;gap:8px;flex:1;justify-content:center;text-align:center}.btn-back[data-v-da897c00],.btn-close[data-v-da897c00]{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-back[data-v-da897c00]:hover,.btn-close[data-v-da897c00]:hover{background:#ffffff4d;transform:scale(1.1)}.modal-content[data-v-da897c00]{padding:20px;overflow-y:auto;flex:1}.review-form[data-v-da897c00]{display:flex;flex-direction:column;gap:20px}.product-info[data-v-da897c00]{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:8px}.product-image[data-v-da897c00]{width:60px;height:60px;border-radius:8px;object-fit:cover}.product-details h3[data-v-da897c00]{margin:0 0 5px;color:#2c3e50}.product-category[data-v-da897c00]{margin:0;color:#6c757d;font-size:.9rem}.rating-section[data-v-da897c00]{display:flex;flex-direction:column;gap:10px}.rating-section label[data-v-da897c00]{font-weight:600;color:#2c3e50}.rating-text[data-v-da897c00]{color:#ffc107;font-weight:600}.comment-section[data-v-da897c00]{display:flex;flex-direction:column;gap:8px}.comment-section label[data-v-da897c00]{font-weight:600;color:#2c3e50}textarea[data-v-da897c00]{padding:12px;border:2px solid #e9ecef;border-radius:8px;font-family:inherit;resize:vertical;transition:border-color .3s ease}textarea[data-v-da897c00]:focus{outline:none;border-color:#1e88e5}.char-count[data-v-da897c00]{align-self:flex-end;font-size:.8rem;color:#6c757d}.form-actions[data-v-da897c00]{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn-cancel[data-v-da897c00],.btn-submit[data-v-da897c00]{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel[data-v-da897c00]{background:#6c757d;color:#fff}.btn-submit[data-v-da897c00]{background:#4caf50;color:#fff}.btn-cancel[data-v-da897c00]:hover{background:#5a6268}.btn-submit[data-v-da897c00]:hover:not(:disabled){background:#45a049}.btn-submit[data-v-da897c00]:disabled{background:#ccc;cursor:not-allowed}.view-reviews-section[data-v-da897c00]{text-align:center;margin:15px 0}.btn-view-reviews[data-v-da897c00]{background:transparent;color:#1e88e5;border:2px solid #1e88e5;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.btn-view-reviews[data-v-da897c00]:hover{background:#1e88e5;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #1e88e54d}.modal-overlay[data-v-8e3cdb98]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-8e3cdb98 .3s ease}.modal-container[data-v-8e3cdb98]{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;z-index:1001;animation:slideUp-8e3cdb98 .3s ease;overflow:hidden}@keyframes fadeIn-8e3cdb98{0%{opacity:0}to{opacity:1}}@keyframes slideUp-8e3cdb98{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-8e3cdb98]{background:linear-gradient(135deg,#1e88e5,#1565c0);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-radius:16px 16px 0 0}.modal-title[data-v-8e3cdb98]{margin:0;font-size:1.3rem;display:flex;align-items:center;gap:8px}.items-count[data-v-8e3cdb98]{font-size:.9rem;opacity:.9;background:#fff3;padding:2px 8px;border-radius:12px}.btn-back[data-v-8e3cdb98],.btn-close[data-v-8e3cdb98]{background:#fff3;border:none;color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px}.btn-back[data-v-8e3cdb98]:hover,.btn-close[data-v-8e3cdb98]:hover{background:#ffffff4d;transform:translateY(-1px)}.modal-content[data-v-8e3cdb98]{padding:20px;overflow-y:auto;flex:1}.product-header[data-v-8e3cdb98]{padding:0 0 20px;border-bottom:1px solid #e9ecef;margin-bottom:20px}.product-summary[data-v-8e3cdb98]{display:flex;align-items:center;gap:15px}.product-image[data-v-8e3cdb98]{width:60px;height:60px;border-radius:8px;object-fit:cover}.product-details h3[data-v-8e3cdb98]{margin:0 0 8px;color:#2c3e50}.rating-overview[data-v-8e3cdb98]{display:flex;align-items:center;gap:10px}.total-reviews[data-v-8e3cdb98]{color:#6c757d;font-size:.9rem}.rating-distribution[data-v-8e3cdb98]{margin-bottom:25px;padding:15px;background:#f8f9fa;border-radius:8px}.rating-distribution h4[data-v-8e3cdb98]{margin:0 0 15px;color:#2c3e50}.distribution-item[data-v-8e3cdb98]{display:flex;align-items:center;gap:10px;margin-bottom:8px}.star-count[data-v-8e3cdb98]{width:30px;font-weight:600;color:#ffc107}.bar-container[data-v-8e3cdb98]{flex:1;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.bar-fill[data-v-8e3cdb98]{height:100%;background:#ffc107;border-radius:4px;transition:width .5s ease}.count[data-v-8e3cdb98]{width:20px;text-align:right;font-size:.8rem;color:#6c757d}.review-item[data-v-8e3cdb98]{padding:20px;border:1px solid #e9ecef;border-radius:8px;margin-bottom:15px;background:#fff}.review-header[data-v-8e3cdb98]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.user-info[data-v-8e3cdb98]{display:flex;align-items:center;gap:12px}.user-avatar[data-v-8e3cdb98]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1e88e5,#1565c0);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.user-details[data-v-8e3cdb98]{display:flex;flex-direction:column}.user-name[data-v-8e3cdb98]{font-weight:600;color:#2c3e50}.review-date[data-v-8e3cdb98]{font-size:.8rem;color:#6c757d}.review-content[data-v-8e3cdb98]{color:#495057;line-height:1.5}.review-comment[data-v-8e3cdb98]{margin:0}.no-comment[data-v-8e3cdb98]{margin:0;font-style:italic;color:#6c757d}.loading-state[data-v-8e3cdb98],.empty-state[data-v-8e3cdb98]{text-align:center;padding:40px 20px;color:#6c757d}.empty-state i[data-v-8e3cdb98]{font-size:3rem;color:#dee2e6;margin-bottom:15px}.empty-state h3[data-v-8e3cdb98]{margin:0 0 10px;color:#495057}.modal-overlay[data-v-6034d020]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px}.user-profile[data-v-6034d020]{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:600px;width:95%;max-height:80vh;display:flex;flex-direction:column;position:relative;margin:auto}.profile-header[data-v-6034d020]{background:linear-gradient(135deg,#2c5aa0,#1e3a8a);color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.profile-header h1[data-v-6034d020]{margin:0;font-size:1.3rem}.close-btn[data-v-6034d020]{background:none;border:none;font-size:20px;cursor:pointer;color:#fff;padding:5px}.profile-content[data-v-6034d020]{flex:1;overflow-y:auto;padding:1.5rem}.profile-section[data-v-6034d020]{margin-bottom:1.5rem}.profile-section h2[data-v-6034d020]{color:#2d3748;margin-bottom:1rem;font-size:1.1rem}.info-grid[data-v-6034d020]{display:grid;gap:1rem}.info-item[data-v-6034d020]{display:flex;justify-content:space-between;align-items:center;padding:.8rem;background:#f7fafc;border-radius:6px}.info-item label[data-v-6034d020]{font-weight:700;color:#4a5568}.info-item span[data-v-6034d020]{color:#2d3748}.profile-actions[data-v-6034d020]{text-align:center;margin-top:2rem}.edit-btn[data-v-6034d020]{background:linear-gradient(135deg,#2c5aa0,#1e3a8a);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem}.edit-btn[data-v-6034d020]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2c5aa04d}@media(max-width:768px){.info-item[data-v-6034d020]{flex-direction:column;align-items:flex-start;gap:.3rem}.user-profile[data-v-6034d020]{max-height:90vh}}.modal-overlay[data-v-7c98a4b0]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px}.edit-profile-modal[data-v-7c98a4b0]{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:500px;width:95%;max-height:80vh;display:flex;flex-direction:column;position:relative;margin:auto}.modal-header[data-v-7c98a4b0]{background:linear-gradient(135deg,#2c5aa0,#1e3a8a);color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h1[data-v-7c98a4b0]{margin:0;font-size:1.3rem}.close-btn[data-v-7c98a4b0]{background:none;border:none;font-size:20px;cursor:pointer;color:#fff;padding:5px}.modal-content[data-v-7c98a4b0]{flex:1;overflow-y:auto;padding:1.5rem}.profile-form[data-v-7c98a4b0]{display:flex;flex-direction:column;gap:1.2rem}.form-group[data-v-7c98a4b0]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-7c98a4b0]{font-weight:700;color:#2d3748}.form-group input[data-v-7c98a4b0],.form-group textarea[data-v-7c98a4b0]{padding:.8rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:border-color .3s}.form-group input[data-v-7c98a4b0]:focus,.form-group textarea[data-v-7c98a4b0]:focus{outline:none;border-color:#2c5aa0;box-shadow:0 0 0 3px #2c5aa01a}.disabled-input[data-v-7c98a4b0]{background-color:#f7fafc;color:#718096;cursor:not-allowed}.help-text[data-v-7c98a4b0]{color:#718096;font-size:.8rem}.form-actions[data-v-7c98a4b0]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.cancel-btn[data-v-7c98a4b0]{background:#e2e8f0;color:#4a5568;border:none;padding:.8rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem}.save-btn[data-v-7c98a4b0]{background:linear-gradient(135deg,#2c5aa0,#1e3a8a);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem}.save-btn[data-v-7c98a4b0]:disabled{opacity:.6;cursor:not-allowed}.cancel-btn[data-v-7c98a4b0]:hover{background:#cbd5e0}.save-btn[data-v-7c98a4b0]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2c5aa04d}.success-message[data-v-7c98a4b0]{background:#c6f6d5;color:#22543d;padding:.8rem;border-radius:6px;margin-top:1rem;text-align:center}.error-message[data-v-7c98a4b0]{background:#fed7d7;color:#c53030;padding:.8rem;border-radius:6px;margin-top:1rem;text-align:center}@media(max-width:768px){.form-actions[data-v-7c98a4b0]{flex-direction:column}.cancel-btn[data-v-7c98a4b0],.save-btn[data-v-7c98a4b0]{width:100%}}.chat-support[data-v-cf7fcb90]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;height:70vh;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.chat-header[data-v-cf7fcb90]{background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;border-radius:12px 12px 0 0}.chat-header h2[data-v-cf7fcb90]{margin:0;font-size:1.3rem;display:flex;align-items:center;gap:10px}.back-btn[data-v-cf7fcb90],.close-btn[data-v-cf7fcb90]{background:#fff3;border:none;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background .3s ease}.back-btn[data-v-cf7fcb90]:hover,.close-btn[data-v-cf7fcb90]:hover{background:#ffffff4d}.chat-content[data-v-cf7fcb90]{flex:1;display:flex;flex-direction:column;overflow:hidden}.conversations-list[data-v-cf7fcb90]{flex:1;padding:20px;overflow-y:auto}.section-header[data-v-cf7fcb90]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3[data-v-cf7fcb90]{margin:0;color:#333}.new-chat-btn[data-v-cf7fcb90]{background:#1e88e5;color:#fff;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.9rem;transition:background .3s ease}.new-chat-btn[data-v-cf7fcb90]:hover{background:#0d47a1}.loading[data-v-cf7fcb90]{text-align:center;padding:20px;color:#666}.empty-state[data-v-cf7fcb90]{text-align:center;padding:40px 20px;color:#666}.empty-state i[data-v-cf7fcb90]{font-size:3rem;margin-bottom:15px;color:#ccc}.btn-primary[data-v-cf7fcb90]{background:#1e88e5;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;transition:background .3s ease}.btn-primary[data-v-cf7fcb90]:hover{background:#0d47a1}.conversations[data-v-cf7fcb90]{display:flex;flex-direction:column;gap:10px}.conversation-item[data-v-cf7fcb90]{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff}.conversation-item[data-v-cf7fcb90]:hover{background:#f5f5f5;transform:translate(5px)}.conversation-item.unread[data-v-cf7fcb90]{border-left:4px solid #1e88e5;background:#f8fdff}.conversation-info h4[data-v-cf7fcb90]{margin:0 0 5px;color:#333;font-size:1rem}.last-message[data-v-cf7fcb90]{margin:0;color:#666;font-size:.9rem}.date[data-v-cf7fcb90]{font-size:.8rem;color:#999}.conversation-status[data-v-cf7fcb90]{display:flex;align-items:center;gap:10px}.status[data-v-cf7fcb90]{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:700}.status.open[data-v-cf7fcb90]{background:#e8f5e8;color:#2e7d32}.status.closed[data-v-cf7fcb90]{background:#ffebee;color:#c62828}.conversation-view[data-v-cf7fcb90]{flex:1;display:flex;flex-direction:column}.conversation-header[data-v-cf7fcb90]{padding:15px 20px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:15px;background:#f8f9fa}.conversation-header h3[data-v-cf7fcb90]{margin:0;flex:1;color:#333}.messages-container[data-v-cf7fcb90]{flex:1;overflow-y:auto;padding:20px;background:#f8f9fa}.messages[data-v-cf7fcb90]{display:flex;flex-direction:column;gap:15px}.message[data-v-cf7fcb90]{display:flex;max-width:80%}.own-message[data-v-cf7fcb90]{align-self:flex-end}.message-bubble[data-v-cf7fcb90]{background:#e3f2fd;padding:12px 16px;border-radius:18px 18px 4px;line-height:1.4}.own-message .message-bubble[data-v-cf7fcb90]{background:#1e88e5;color:#fff;border-bottom-right-radius:18px;border-bottom-left-radius:4px}.message-time[data-v-cf7fcb90]{font-size:.8rem;color:#999;margin-top:5px;display:block}.own-message .message-time[data-v-cf7fcb90]{color:#fffc}.message-input[data-v-cf7fcb90]{padding:15px;border-top:1px solid #e0e0e0;background:#fff;display:flex;gap:10px}.message-input input[data-v-cf7fcb90]{flex:1;padding:12px;border:1px solid #ddd;border-radius:25px;outline:none}.message-input input[data-v-cf7fcb90]:focus{border-color:#1e88e5}.send-btn[data-v-cf7fcb90]{background:#1e88e5;color:#fff;border:none;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.send-btn[data-v-cf7fcb90]:hover:not(:disabled){background:#0d47a1}.send-btn[data-v-cf7fcb90]:disabled{background:#ccc;cursor:not-allowed}.inner-overlay[data-v-cf7fcb90]{background:#00000080}.new-chat-modal[data-v-cf7fcb90]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;width:90%;max-width:400px;z-index:1001}.modal-header[data-v-cf7fcb90]{background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff;padding:15px 20px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-cf7fcb90]{margin:0}.modal-content[data-v-cf7fcb90]{padding:20px}.subject-input[data-v-cf7fcb90],.message-textarea[data-v-cf7fcb90]{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;margin-bottom:15px;font-family:inherit;resize:vertical}.subject-input[data-v-cf7fcb90]:focus,.message-textarea[data-v-cf7fcb90]:focus{border-color:#1e88e5;outline:none}.modal-actions[data-v-cf7fcb90]{display:flex;gap:10px;justify-content:flex-end}.btn-secondary[data-v-cf7fcb90]{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}.btn-secondary[data-v-cf7fcb90]:hover{background:#545b62}@media(max-width:768px){.chat-support[data-v-cf7fcb90]{width:95%;height:85vh}.section-header[data-v-cf7fcb90]{flex-direction:column;gap:10px;align-items:stretch}.message[data-v-cf7fcb90]{max-width:90%}}.admin-chat-management[data-v-f1088cc8]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;max-width:1400px;height:85vh;background:#fff;border-radius:16px;box-shadow:0 25px 80px #0000004d;z-index:1000;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e1e5e9}.admin-chat-header[data-v-f1088cc8]{background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff;padding:20px 25px;display:flex;align-items:center;justify-content:space-between;border-radius:16px 16px 0 0;box-shadow:0 2px 10px #0000001a}.header-left[data-v-f1088cc8]{display:flex;align-items:center;gap:15px}.admin-chat-header h2[data-v-f1088cc8]{margin:0;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:12px}.back-btn[data-v-f1088cc8],.close-btn[data-v-f1088cc8]{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:1.1rem}.back-btn[data-v-f1088cc8]:hover,.close-btn[data-v-f1088cc8]:hover{background:#ffffff4d;transform:scale(1.05)}.header-stats[data-v-f1088cc8]{display:flex;gap:20px}.stat-item[data-v-f1088cc8]{background:#fff3;padding:8px 15px;border-radius:8px;font-size:.9rem;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-item.unread[data-v-f1088cc8]{background:#ff47574d;animation:pulse-f1088cc8 2s infinite}@keyframes pulse-f1088cc8{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.admin-chat-content[data-v-f1088cc8]{flex:1;display:flex;overflow:hidden;background:#f8fafc}.conversations-sidebar[data-v-f1088cc8]{width:400px;background:#fff;border-right:1px solid #e1e5e9;display:flex;flex-direction:column;overflow:hidden}.sidebar-header[data-v-f1088cc8]{padding:20px;border-bottom:1px solid #e1e5e9;background:#f8fafc}.sidebar-header h3[data-v-f1088cc8]{margin:0 0 15px;color:#1e293b;font-size:1.2rem}.filters[data-v-f1088cc8]{display:flex;flex-direction:column;gap:10px}.filter-select[data-v-f1088cc8]{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:.9rem}.search-box[data-v-f1088cc8]{position:relative}.search-box input[data-v-f1088cc8]{width:100%;padding:10px 35px 10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem}.search-box i[data-v-f1088cc8]{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6b7280}.conversations-list[data-v-f1088cc8]{flex:1;overflow-y:auto;padding:10px}.loading[data-v-f1088cc8]{text-align:center;padding:30px;color:#6b7280;font-size:.9rem}.empty-state[data-v-f1088cc8]{text-align:center;padding:40px 20px;color:#9ca3af}.empty-state i[data-v-f1088cc8]{font-size:3rem;margin-bottom:15px;opacity:.5}.conversations[data-v-f1088cc8]{display:flex;flex-direction:column;gap:8px}.conversation-item[data-v-f1088cc8]{display:flex;gap:12px;padding:15px;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fff;border:1px solid #f1f5f9}.conversation-item[data-v-f1088cc8]:hover{background:#f8fafc;border-color:#e2e8f0;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.conversation-item.unread[data-v-f1088cc8]{border-left:4px solid #1e88e5;background:#f0f7ff}.conversation-item.active[data-v-f1088cc8]{background:#1e88e5;color:#fff;border-color:#1e88e5}.conversation-item.active .subject[data-v-f1088cc8],.conversation-item.active .last-message[data-v-f1088cc8],.conversation-item.active .date[data-v-f1088cc8]{color:#fff}.conversation-avatar[data-v-f1088cc8]{width:45px;height:45px;background:#1e88e5;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.conversation-item.active .conversation-avatar[data-v-f1088cc8]{background:#fff;color:#1e88e5}.conversation-info[data-v-f1088cc8]{flex:1;min-width:0}.conversation-header[data-v-f1088cc8]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5px}.conversation-header h4[data-v-f1088cc8]{margin:0;font-size:1rem;font-weight:600}.date[data-v-f1088cc8]{font-size:.75rem;color:#6b7280;white-space:nowrap}.subject[data-v-f1088cc8]{margin:0 0 5px;font-weight:500;color:#1e293b;font-size:.9rem}.last-message[data-v-f1088cc8]{margin:0 0 8px;color:#6b7280;font-size:.85rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2}.conversation-footer[data-v-f1088cc8]{display:flex;justify-content:space-between;align-items:center}.status[data-v-f1088cc8]{padding:3px 8px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase}.status.open[data-v-f1088cc8]{background:#dcfce7;color:#166534}.status.closed[data-v-f1088cc8]{background:#fecaca;color:#991b1b}.conversation-item.active .status.open[data-v-f1088cc8]{background:#ffffff4d;color:#fff}.message-count[data-v-f1088cc8]{font-size:.75rem;color:#6b7280;display:flex;align-items:center;gap:4px}.conversation-panel[data-v-f1088cc8]{flex:1;display:flex;flex-direction:column;background:#fff}.conversation-header[data-v-f1088cc8]{padding:20px 25px;border-bottom:1px solid #e1e5e9;background:#f8fafc;display:flex;justify-content:space-between;align-items:center}.conversation-info h3[data-v-f1088cc8]{margin:0 0 5px;color:#1e293b;font-size:1.3rem}.conversation-info p[data-v-f1088cc8]{margin:0;color:#6b7280;font-size:.9rem}.conversation-actions[data-v-f1088cc8]{display:flex;gap:10px}.btn[data-v-f1088cc8]{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:6px;transition:all .3s ease}.btn-success[data-v-f1088cc8]{background:#10b981;color:#fff}.btn-success[data-v-f1088cc8]:hover{background:#059669}.btn-warning[data-v-f1088cc8]{background:#f59e0b;color:#fff}.btn-warning[data-v-f1088cc8]:hover{background:#d97706}.messages-container[data-v-f1088cc8]{flex:1;overflow-y:auto;padding:20px;background:#f8fafc}.messages[data-v-f1088cc8]{display:flex;flex-direction:column;gap:20px}.message[data-v-f1088cc8]{display:flex;gap:12px;max-width:70%}.message.user-message[data-v-f1088cc8]{align-self:flex-start}.message.admin-message[data-v-f1088cc8]{align-self:flex-end;flex-direction:row-reverse}.message-avatar[data-v-f1088cc8]{width:40px;height:40px;background:#1e88e5;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}.message.admin-message .message-avatar[data-v-f1088cc8]{background:#10b981}.message-content[data-v-f1088cc8]{flex:1}.message-header[data-v-f1088cc8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.message-header strong[data-v-f1088cc8]{font-size:.9rem;color:#374151}.message-time[data-v-f1088cc8]{font-size:.75rem;color:#9ca3af}.message-bubble[data-v-f1088cc8]{background:#fff;padding:12px 16px;border-radius:18px 18px 18px 4px;line-height:1.4;box-shadow:0 2px 8px #0000001a;border:1px solid #f1f5f9}.message.admin-message .message-bubble[data-v-f1088cc8]{background:#1e88e5;color:#fff;border-bottom-left-radius:18px;border-bottom-right-radius:4px;border:none}.message-input[data-v-f1088cc8]{padding:20px;border-top:1px solid #e1e5e9;background:#fff}.message-input textarea[data-v-f1088cc8]{width:100%;padding:15px;border:1px solid #d1d5db;border-radius:12px;resize:vertical;margin-bottom:15px;font-family:inherit;font-size:.95rem;transition:border-color .3s ease}.message-input textarea[data-v-f1088cc8]:focus{border-color:#1e88e5;outline:none;box-shadow:0 0 0 3px #1e88e51a}.send-btn[data-v-f1088cc8]{width:100%;padding:12px;background:#1e88e5;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.send-btn[data-v-f1088cc8]:hover:not(:disabled){background:#0d47a1;transform:translateY(-1px)}.send-btn[data-v-f1088cc8]:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.empty-conversation[data-v-f1088cc8]{flex:1;display:flex;align-items:center;justify-content:center;background:#fff}.empty-content[data-v-f1088cc8]{text-align:center;color:#6b7280}.empty-content i[data-v-f1088cc8]{font-size:4rem;margin-bottom:20px;opacity:.3}.empty-content h3[data-v-f1088cc8]{margin:0 0 10px;color:#374151;font-size:1.5rem}.empty-content p[data-v-f1088cc8]{margin:0;font-size:1rem}@media(max-width:1200px){.admin-chat-management[data-v-f1088cc8]{width:98%;height:90vh}.conversations-sidebar[data-v-f1088cc8]{width:350px}}@media(max-width:768px){.admin-chat-management[data-v-f1088cc8]{width:100%;height:100vh;border-radius:0}.admin-chat-header[data-v-f1088cc8]{border-radius:0}.conversations-sidebar[data-v-f1088cc8]{width:100%}.conversation-panel[data-v-f1088cc8]{display:none}.conversation-item.active+.conversation-panel[data-v-f1088cc8]{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001}}.advanced-reports-page[data-v-5a5ade45]{padding:20px;background:#fff;border-radius:8px;margin:20px;min-height:calc(100vh - 100px);box-shadow:0 2px 10px #0000001a}.admin-page-header[data-v-5a5ade45]{display:flex;align-items:center;gap:15px;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.back-btn[data-v-5a5ade45]{background:#1e88e5;color:#fff;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;transition:background .3s}.back-btn[data-v-5a5ade45]:hover{background:#0d47a1}.admin-page-header h1[data-v-5a5ade45]{margin:0;color:#333;font-size:1.8rem}.reports-content[data-v-5a5ade45]{display:flex;flex:1;gap:20px;min-height:600px}.report-selector[data-v-5a5ade45]{width:250px;background:#f8f9fa;border-right:1px solid #e9ecef;padding:20px;display:flex;flex-direction:column;gap:10px;flex-shrink:0;border-radius:8px}.report-btn[data-v-5a5ade45]{background:#fff;border:2px solid #e9ecef;padding:15px;border-radius:8px;cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px;transition:all .3s}.report-btn[data-v-5a5ade45]:hover{border-color:#1e88e5;transform:translate(5px)}.report-btn.active[data-v-5a5ade45]{background:#1e88e5;color:#fff;border-color:#1e88e5}.report-panel[data-v-5a5ade45]{flex:1;padding:20px;background:#f8f9fa;border-radius:8px;overflow-y:auto}.report-section[data-v-5a5ade45]{animation:fadeIn-5a5ade45 .3s ease-in}.section-header[data-v-5a5ade45]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.section-header h3[data-v-5a5ade45]{margin:0;color:#333;display:flex;align-items:center;gap:10px}.filters[data-v-5a5ade45]{display:flex;gap:10px}select[data-v-5a5ade45]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff}.data-grid[data-v-5a5ade45],.products-grid[data-v-5a5ade45],.categories-grid[data-v-5a5ade45]{display:flex;flex-direction:column;gap:10px}.data-item[data-v-5a5ade45],.product-item[data-v-5a5ade45],.category-item[data-v-5a5ade45]{background:#fff;padding:15px;border-radius:8px;border-left:4px solid #1e88e5;box-shadow:0 2px 5px #0000001a}.period-label[data-v-5a5ade45]{font-weight:700;margin-bottom:8px;color:#333}.period-stats[data-v-5a5ade45]{display:flex;justify-content:space-between;align-items:center}.stat[data-v-5a5ade45]{font-size:.9rem;color:#666}.amount[data-v-5a5ade45]{font-weight:700;color:#0d47a1}.product-item[data-v-5a5ade45]{display:flex;align-items:center;gap:15px}.product-rank[data-v-5a5ade45]{background:#1e88e5;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.product-info[data-v-5a5ade45]{flex:1}.product-name[data-v-5a5ade45]{font-weight:700;margin-bottom:5px}.product-stats[data-v-5a5ade45]{display:flex;gap:15px;font-size:.85rem;color:#666}.sales[data-v-5a5ade45]{color:#28a745}.revenue[data-v-5a5ade45]{color:#0d47a1}.product-price[data-v-5a5ade45]{font-weight:700;color:#333}.metrics-grid[data-v-5a5ade45]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.metric-card[data-v-5a5ade45]{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:20px;text-align:center;box-shadow:0 2px 10px #0000001a;transition:transform .3s}.metric-card[data-v-5a5ade45]:hover{transform:translateY(-5px)}.metric-icon[data-v-5a5ade45]{font-size:2rem;color:#1e88e5;margin-bottom:10px}.metric-value[data-v-5a5ade45]{font-size:2rem;font-weight:700;color:#333;margin-bottom:5px}.metric-label[data-v-5a5ade45]{color:#666;font-size:.9rem}.category-header[data-v-5a5ade45]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.category-name[data-v-5a5ade45]{font-weight:700;color:#333}.category-revenue[data-v-5a5ade45]{font-weight:700;color:#0d47a1}.category-stats[data-v-5a5ade45]{display:flex;gap:15px;margin-bottom:10px;font-size:.85rem;color:#666}.revenue-bar[data-v-5a5ade45]{height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}.revenue-fill[data-v-5a5ade45]{height:100%;background:linear-gradient(90deg,#1e88e5,#0d47a1);transition:width .5s ease}.loading[data-v-5a5ade45],.no-data[data-v-5a5ade45]{text-align:center;padding:40px;color:#666;font-style:italic}.loading[data-v-5a5ade45]{color:#1e88e5}@keyframes fadeIn-5a5ade45{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.reports-content[data-v-5a5ade45]{flex-direction:column}.report-selector[data-v-5a5ade45]{width:100%;flex-direction:row;overflow-x:auto}.report-btn[data-v-5a5ade45]{white-space:nowrap;flex:1;justify-content:center}.metrics-grid[data-v-5a5ade45]{grid-template-columns:1fr}.section-header[data-v-5a5ade45]{flex-direction:column;gap:10px;align-items:flex-start}.filters[data-v-5a5ade45]{width:100%;justify-content:space-between}}.modal-overlay[data-v-663b7f76]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.forgot-password-modal[data-v-663b7f76]{background:#fff;border-radius:15px;width:90%;max-width:450px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header[data-v-663b7f76]{background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;border-radius:15px 15px 0 0}.modal-header h2[data-v-663b7f76]{margin:0;font-size:1.3em;color:#fff}.back-btn[data-v-663b7f76],.close-btn[data-v-663b7f76]{background:#fff3;border:none;color:#fff;padding:8px 12px;border-radius:5px;cursor:pointer;transition:background .3s}.back-btn[data-v-663b7f76]:hover,.close-btn[data-v-663b7f76]:hover{background:#ffffff4d}.modal-content[data-v-663b7f76]{padding:30px}.form-group[data-v-663b7f76]{margin-bottom:20px}.form-group label[data-v-663b7f76]{display:block;margin-bottom:5px;font-weight:700;color:#333}.form-group input[data-v-663b7f76]{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s;box-sizing:border-box}.form-group input[data-v-663b7f76]:focus{border-color:#1e88e5;outline:none}.submit-btn[data-v-663b7f76]{width:100%;background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff;border:none;padding:15px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s}.submit-btn[data-v-663b7f76]:hover:not(:disabled){transform:translateY(-2px)}.submit-btn[data-v-663b7f76]:disabled{opacity:.6;cursor:not-allowed}.success-message[data-v-663b7f76]{text-align:center;padding:20px 0}.success-icon[data-v-663b7f76]{font-size:4em;color:#4caf50;margin-bottom:20px}.close-success-btn[data-v-663b7f76]{background:#1e88e5;color:#fff;border:none;padding:12px 30px;border-radius:8px;cursor:pointer;margin-top:20px;font-size:16px}.error-message[data-v-663b7f76]{background:#ffebee;color:#c62828;padding:12px;border-radius:8px;margin-top:15px;text-align:center}.modal-overlay[data-v-c1338e14]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.reset-password-modal[data-v-c1338e14]{background:#fff;border-radius:15px;width:90%;max-width:450px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header[data-v-c1338e14]{background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;border-radius:15px 15px 0 0}.modal-header h2[data-v-c1338e14]{margin:0;font-size:1.3em}.back-btn[data-v-c1338e14],.close-btn[data-v-c1338e14]{background:#fff3;border:none;color:#fff;padding:8px 12px;border-radius:5px;cursor:pointer;transition:background .3s}.back-btn[data-v-c1338e14]:hover,.close-btn[data-v-c1338e14]:hover{background:#ffffff4d}.modal-content[data-v-c1338e14]{padding:30px}.form-group[data-v-c1338e14]{margin-bottom:20px}.form-group label[data-v-c1338e14]{display:block;margin-bottom:5px;font-weight:700;color:#333}.password-input-container[data-v-c1338e14]{position:relative}.form-group input[data-v-c1338e14]{width:100%;padding:12px 45px 12px 12px;border:2px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s;box-sizing:border-box}.form-group input[data-v-c1338e14]:focus{border-color:#1e88e5;outline:none}.readonly-input[data-v-c1338e14]{background-color:#f5f5f5;color:#666}.toggle-password[data-v-c1338e14]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;padding:5px}.toggle-password[data-v-c1338e14]:hover{color:#1e88e5}.submit-btn[data-v-c1338e14]{width:100%;background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff;border:none;padding:15px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s}.submit-btn[data-v-c1338e14]:hover:not(:disabled){transform:translateY(-2px)}.submit-btn[data-v-c1338e14]:disabled{opacity:.6;cursor:not-allowed}.success-message[data-v-c1338e14]{text-align:center;padding:20px 0}.success-icon[data-v-c1338e14]{font-size:4em;color:#4caf50;margin-bottom:20px}.close-success-btn[data-v-c1338e14]{background:#1e88e5;color:#fff;border:none;padding:12px 30px;border-radius:8px;cursor:pointer;margin-top:20px;font-size:16px}.error-message[data-v-c1338e14]{background:#ffebee;color:#c62828;padding:12px;border-radius:8px;margin-top:15px;text-align:center}.warning-message[data-v-c1338e14]{background:#fff3e0;color:#ef6c00;padding:10px;border-radius:5px;margin-top:10px;text-align:center;border-left:4px solid #ff9800}.modal-overlay[data-v-e0709f5c]{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.orders-management[data-v-e0709f5c]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:1200px;height:85vh;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;z-index:1001;display:flex;flex-direction:column}.modal-header[data-v-e0709f5c]{background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-radius:12px 12px 0 0}.modal-title[data-v-e0709f5c]{margin:0;font-size:1.4rem;display:flex;align-items:center;gap:.5rem}.badge-count[data-v-e0709f5c]{background:#fff3;padding:.2rem .6rem;border-radius:20px;font-size:.8rem}.btn-back[data-v-e0709f5c],.btn-close[data-v-e0709f5c]{background:#fff3;border:none;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem}.btn-back[data-v-e0709f5c]:hover,.btn-close[data-v-e0709f5c]:hover{background:#ffffff4d}.orders-content[data-v-e0709f5c]{flex:1;padding:1.5rem;overflow-y:auto}.stats-grid[data-v-e0709f5c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card[data-v-e0709f5c]{background:#f8f9fa;border-radius:8px;padding:1rem;display:flex;align-items:center;gap:1rem;border-left:4px solid #1e88e5}.stat-icon[data-v-e0709f5c]{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.stat-icon.danger[data-v-e0709f5c]{background:#dc3545}.stat-icon.warning[data-v-e0709f5c]{background:#ffc107}.stat-icon.success[data-v-e0709f5c]{background:#28a745}.stat-icon.info[data-v-e0709f5c]{background:#17a2b8}.stat-info h3[data-v-e0709f5c]{margin:0;font-size:1.5rem;font-weight:700}.stat-info p[data-v-e0709f5c]{margin:0;color:#666;font-size:.9rem}.tabs-container[data-v-e0709f5c]{background:#fff;border-radius:8px;overflow:hidden}.tabs-header[data-v-e0709f5c]{display:flex;background:#f8f9fa;border-bottom:1px solid #dee2e6}.tab-btn[data-v-e0709f5c]{flex:1;padding:1rem;border:none;background:none;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s;display:flex;align-items:center;gap:.5rem;justify-content:center}.tab-btn.active[data-v-e0709f5c]{background:#fff;border-bottom-color:#1e88e5;color:#1e88e5;font-weight:700}.tab-content[data-v-e0709f5c]{padding:1.5rem}.products-grid[data-v-e0709f5c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.product-card[data-v-e0709f5c]{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center}.product-card.stock-low[data-v-e0709f5c]{border-left:4px solid #dc3545}.stock-current[data-v-e0709f5c]{color:#dc3545;font-weight:700}.stock-min[data-v-e0709f5c]{color:#666;font-size:.9rem}.movements-list[data-v-e0709f5c]{max-height:400px;overflow-y:auto}.movement-item[data-v-e0709f5c]{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e9ecef}.movement-item.entrada[data-v-e0709f5c]{border-left:4px solid #28a745}.movement-item.salida[data-v-e0709f5c]{border-left:4px solid #dc3545}.movement-item.ajuste[data-v-e0709f5c]{border-left:4px solid #ffc107}.movement-type[data-v-e0709f5c]{padding:.2rem .5rem;border-radius:4px;font-size:.8rem;font-weight:700}.movement-type.entrada[data-v-e0709f5c]{background:#d4edda;color:#155724}.movement-type.salida[data-v-e0709f5c]{background:#f8d7da;color:#721c24}.movement-type.ajuste[data-v-e0709f5c]{background:#fff3cd;color:#856404}.suppliers-grid[data-v-e0709f5c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.supplier-card[data-v-e0709f5c]{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:flex-start}.supplier-card.inactive[data-v-e0709f5c]{opacity:.6;background:#f8f9fa}.adjustment-form[data-v-e0709f5c]{max-width:500px}.form-group[data-v-e0709f5c]{margin-bottom:1rem}.form-control[data-v-e0709f5c]{width:100%;padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem}.btn-primary[data-v-e0709f5c],.btn-secondary[data-v-e0709f5c],.btn-danger[data-v-e0709f5c]{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-e0709f5c]{background:#1e88e5;color:#fff}.btn-primary[data-v-e0709f5c]:disabled{background:#6c757d;cursor:not-allowed}.btn-secondary[data-v-e0709f5c]{background:#6c757d;color:#fff}.btn-danger[data-v-e0709f5c]{background:#dc3545;color:#fff}.btn-sm[data-v-e0709f5c]{padding:.3rem .6rem;font-size:.8rem}.loading[data-v-e0709f5c]{text-align:center;padding:2rem;color:#666}.empty-state[data-v-e0709f5c]{text-align:center;padding:3rem;color:#666}.empty-state i[data-v-e0709f5c]{font-size:3rem;margin-bottom:1rem;color:#ccc}@media(max-width:768px){.orders-management[data-v-e0709f5c]{width:95%;height:90vh}.stats-grid[data-v-e0709f5c]{grid-template-columns:1fr 1fr}.tabs-header[data-v-e0709f5c]{flex-direction:column}.products-grid[data-v-e0709f5c],.suppliers-grid[data-v-e0709f5c]{grid-template-columns:1fr}}.cart-notification{position:fixed;top:20px;right:20px;background:#4caf50;color:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:10000;display:flex;align-items:center;gap:10px;animation:slideInRight .3s ease;font-weight:600}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.chat-floating-btn{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;box-shadow:0 4px 15px #1e88e566;z-index:999;transition:all .3s ease}.chat-floating-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #1e88e599}.notification-badge{position:absolute;top:-5px;right:-5px;background:#ff4757;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700}@media(max-width:768px){.chat-floating-btn{bottom:15px;right:15px;width:55px;height:55px;font-size:20px}}:root{--primary-color: #1e88e5;--secondary-color: #0d47a1;--background-color: #f8f9fa;--text-color: #333;--white: #ffffff;--success-color: #4CAF50;--warning-color: #FF9800;--danger-color: #f44336}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:var(--background-color);color:var(--text-color);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 2px 15px #0000001a;position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;padding:15px 0}.header-left{display:flex;align-items:center;gap:15px;min-width:180px}.menu-toggle{display:flex;flex-direction:column;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .3s}.menu-toggle:hover{background-color:#fff3}.menu-toggle span{width:25px;height:3px;background-color:#fff;margin:3px 0;transition:.3s;border-radius:2px}.logo{font-size:22px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px;white-space:nowrap;cursor:pointer}.logo i{font-size:26px;color:#fff}.search-container{flex:1;max-width:500px;margin:0 20px;min-width:300px}.search-bar{display:flex;align-items:center;background-color:#fff;border:2px solid rgba(255,255,255,.5);border-radius:25px;padding:8px 18px;box-shadow:0 2px 10px #0003;transition:all .3s;height:42px;width:100%}.search-bar:focus-within{box-shadow:0 4px 15px #0000004d;transform:translateY(-2px);border-color:#fff}.search-bar i{color:var(--primary-color);margin-right:10px;font-size:15px;flex-shrink:0}.search-bar input{border:none;outline:none;width:100%;font-size:14px;background:transparent;padding:4px 0}.search-bar input::placeholder{color:#666;font-size:14px}.header-right{display:flex;align-items:center;gap:12px;min-width:280px;justify-content:flex-end}.filters-section{display:flex;align-items:center;gap:8px}.filters-label{font-weight:700;color:#fff;white-space:nowrap;font-size:14px}.filter-select{padding:6px 12px;border:1px solid rgba(255,255,255,.3);border-radius:20px;background-color:#ffffffe6;outline:none;min-width:140px;cursor:pointer;transition:border-color .3s;font-size:13px}.filter-select:focus{border-color:#fff;background-color:#fff}.main-nav{display:flex;gap:10px}.nav-link{text-decoration:none;color:#fff;font-weight:500;padding:6px 12px;border-radius:20px;transition:all .3s;border:1px solid rgba(255,255,255,.3);font-size:14px;white-space:nowrap}.nav-link:hover{background-color:#fff;color:var(--primary-color);transform:translateY(-2px)}.cart-icon{position:relative;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .3s;font-size:16px;color:#fff;flex-shrink:0}.cart-icon:hover{background-color:#fff3;transform:scale(1.1)}.cart-count{position:absolute;top:-5px;right:-5px;background-color:#ffeb3b;color:#333;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.login-btn{background-color:#fff;color:var(--primary-color);border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:500;transition:all .3s;border:1px solid white;font-size:14px;white-space:nowrap;flex-shrink:0}.login-btn:hover{background-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #ffffff4d}.user-menu{position:relative;flex-shrink:0}.user-info{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;cursor:pointer;transition:background-color .3s;position:relative;white-space:nowrap}.user-info i{font-size:18px;color:#fff;flex-shrink:0}.user-name{color:#fff;font-weight:500;white-space:nowrap;font-size:14px}.user-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 5px 20px #00000026;min-width:180px;display:none;z-index:1000;margin-top:5px}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;color:var(--text-color);transition:background-color .3s;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:13px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:#fff;border-radius:15px;width:100%;max-width:480px;max-height:580px;overflow:hidden;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px 15px;border-bottom:1px solid #eee;flex-shrink:0;position:relative}.modal-header h2{margin:0;color:var(--primary-color);font-size:1.6rem;flex:1;text-align:center}.back-btn{background:none;border:none;font-size:20px;cursor:pointer;color:var(--primary-color);transition:all .3s;padding:5px 8px;border-radius:50%;position:absolute;left:25px;top:50%;transform:translateY(-50%)}.back-btn:hover{background-color:#1e88e51a;color:var(--secondary-color);transform:translateY(-50%) scale(1.1)}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;transition:color .3s;padding:5px;position:absolute;right:25px;top:50%;transform:translateY(-50%)}.modal-body{padding:20px 30px 25px;flex:1;overflow:hidden}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:700;color:var(--text-color);font-size:14px}.form-group input{width:100%;padding:10px 12px;border:2px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .3s;height:44px}.btn{padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s;font-size:15px}.btn-primary{background-color:var(--primary-color);color:#fff;width:100%;height:46px;margin-top:8px}.auth-links{margin-top:20px;text-align:center;padding-top:20px;border-top:1px solid #eee}.btn-register,.btn-login{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s;width:100%;max-width:200px;font-size:14px}.link{color:var(--primary-color);text-decoration:none;font-weight:500;font-size:14px}@media(max-width:1024px){.search-container{max-width:450px;margin:0 15px}.header-right{min-width:250px}}@media(max-width:768px){.header-content{flex-wrap:wrap;gap:10px}.header-left{order:1;min-width:150px}.logo{font-size:20px}.logo i{font-size:24px}.search-container{order:3;max-width:100%;margin:10px 0 0;min-width:auto}.search-bar{height:40px;padding:6px 15px}.search-bar input{font-size:14px}.header-right{order:2;margin-left:auto;min-width:auto;gap:8px}.filters-section,.main-nav{display:none}.modal-content{max-width:95%;max-height:520px}.modal-body{padding:15px 20px 20px}.modal-header{padding:20px 25px 15px}.back-btn{left:20px;font-size:18px}.close-btn{right:20px;font-size:22px}}@media(max-width:480px){.logo span{display:none}.logo{font-size:18px}.modal-content{max-height:480px}.modal-body{padding:12px 15px 15px}.modal-header{padding:15px 20px 10px}.modal-header h2{font-size:1.4rem}.back-btn{left:15px;font-size:16px}.close-btn{right:15px;font-size:20px}.form-group input{padding:8px 10px;font-size:14px;height:42px}.btn-primary{height:44px;font-size:14px}}.user-menu{position:relative}.user-info{display:flex;align-items:center;gap:10px;padding:8px 15px;border-radius:20px;cursor:pointer;transition:background-color .3s;position:relative}.user-info:hover{background-color:#fff3}.user-info:hover .user-dropdown{display:block}.user-info i{font-size:20px;color:#fff}.user-name{color:#fff;font-weight:500;white-space:nowrap}.user-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 5px 20px #00000026;min-width:200px;display:none;z-index:1000;margin-top:5px}.dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 15px;text-decoration:none;color:var(--text-color);transition:background-color .3s;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:14px}.dropdown-item:hover{background-color:#1e88e51a;color:var(--primary-color)}.dropdown-item i{width:16px;color:var(--primary-color)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:998}.sidebar{position:fixed;top:0;left:-350px;width:350px;height:100%;background-color:var(--white);box-shadow:2px 0 15px #0000001a;transition:left .3s ease;z-index:999;overflow-y:auto}.sidebar.active{left:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.sidebar-header h3{margin:0;font-size:20px;font-weight:600}.close-sidebar{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:5px;transition:transform .3s}.close-sidebar:hover{transform:scale(1.1)}.sidebar-content{padding:20px}.sidebar-section{margin-bottom:30px}.sidebar-title{display:flex;align-items:center;gap:10px;color:var(--primary-color);margin-bottom:15px;font-size:16px;border-bottom:2px solid var(--primary-color);padding-bottom:8px;font-weight:600}.sidebar-title i{font-size:18px}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-menu li{margin-bottom:8px}.sidebar-menu a{display:flex;align-items:center;gap:12px;padding:12px 15px;text-decoration:none;color:var(--text-color);border-radius:8px;transition:all .3s;font-weight:500}.sidebar-menu a:hover{background-color:#1e88e51a;color:var(--primary-color);transform:translate(5px)}.sidebar-menu i{width:20px;text-align:center;color:var(--primary-color)}.hero-banner{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:50px 0;text-align:center;margin-bottom:30px;position:relative;overflow:hidden}.hero-banner:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="rgba(255,255,255,0.1)"><polygon points="1000,0 1000,100 0,100"/></svg>');background-size:cover}.hero-content{max-width:600px;margin:0 auto;position:relative;z-index:1}.hero-title{font-size:2rem;margin-bottom:15px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle{font-size:1rem;margin-bottom:20px;opacity:.9;font-weight:300}.hero-btn{background-color:#fff;color:var(--primary-color);border:none;padding:12px 25px;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #0003}.hero-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.products-section{padding:40px 0}.section-title{text-align:center;margin-bottom:40px;color:var(--primary-color);font-size:2.5rem;font-weight:700;position:relative}.section-title:after{content:"";display:block;width:80px;height:4px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));margin:15px auto;border-radius:2px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.product-card{background-color:var(--white);border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:all .3s ease;position:relative}.product-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00000026}.product-image-container{position:relative;height:200px;overflow:hidden}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .product-image{transform:scale(1.1)}.product-badge{position:absolute;top:10px;right:10px;background:var(--success-color);color:#fff;padding:5px 10px;border-radius:15px;font-size:12px;font-weight:700}.product-info{padding:20px}.product-name{font-weight:700;margin-bottom:8px;font-size:1.2rem;color:var(--text-color)}.product-description{color:#666;margin-bottom:15px;font-size:.9rem;line-height:1.4}.product-price-section{display:flex;justify-content:space-between;align-items:center}.product-price{color:var(--primary-color);font-weight:700;font-size:1.3rem}.add-to-cart{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;transition:all .3s;font-weight:500}.add-to-cart:hover{background-color:var(--secondary-color);transform:scale(1.05)}.footer{background-color:var(--secondary-color);color:#fff;padding:50px 0 20px;margin-top:60px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:30px}.footer-section h3{margin-bottom:20px;font-size:1.3rem;font-weight:600}.footer-section p{color:#e0e0e0;line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section a{color:#e0e0e0;text-decoration:none;transition:color .3s}.footer-section a:hover{color:#fff;text-decoration:underline}.footer-section i{width:20px;margin-right:10px;color:#e0e0e0}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:#e0e0e0}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;border-radius:15px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #eee}.modal-header h2{margin:0;color:var(--primary-color)}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;transition:color .3s}.close-btn:hover{color:var(--danger-color)}.modal-body{padding:25px}.auth-links{margin-top:25px;text-align:center;padding-top:20px;border-top:1px solid #eee}.auth-links p{margin:8px 0;color:#666;font-size:14px}.register-prompt,.login-prompt{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:15px}.btn-register,.btn-login{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s;width:100%;max-width:200px}.btn-register:hover,.btn-login:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.link{color:var(--primary-color);text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:var(--text-color)}.form-group input{width:100%;padding:12px 15px;border:2px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:var(--primary-color)}.btn{padding:12px 25px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s;font-size:16px}.btn-primary{background-color:var(--primary-color);color:#fff;width:100%}.btn-primary:hover{background-color:var(--secondary-color);transform:translateY(-2px)}.cart-item{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #eee}.cart-item-image{width:60px;height:60px;object-fit:cover;margin-right:15px;border-radius:8px}.cart-item-details{flex-grow:1}.cart-item-details h3{margin:0 0 5px;font-size:1rem}.cart-item-details p{margin:0;color:var(--primary-color);font-weight:700}.cart-item-actions{display:flex;align-items:center;gap:10px}.cart-item-actions button{padding:5px 10px;border:1px solid #ddd;background-color:#fff;cursor:pointer;border-radius:4px;transition:all .3s}.cart-item-actions button:hover{background-color:#f5f5f5}.remove-btn{background-color:var(--danger-color)!important;color:#fff;border:none!important}.remove-btn:hover{background-color:#d32f2f!important}.cart-total{text-align:right;margin:25px 0;padding-top:20px;border-top:2px solid #eee}.cart-total h3{color:var(--primary-color);font-size:1.5rem}.checkout-btn{width:100%;padding:15px;background-color:var(--success-color);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .3s}.checkout-btn:hover{background-color:#45a049}@media(max-width:1024px){.search-container{max-width:400px;margin:0 20px}.hero-title{font-size:1.8rem}}@media(max-width:768px){.header-content{flex-wrap:wrap;gap:15px}.header-left{order:1}.search-container{order:3;max-width:100%;margin:10px 0 0}.header-right{order:2;margin-left:auto}.filters-section,.main-nav{display:none}.sidebar{width:300px;left:-300px}.hero-title{font-size:1.6rem}.section-title{font-size:2rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.user-name{display:none}.user-info{padding:8px}}@media(max-width:480px){.logo span{display:none}.logo{font-size:20px}.sidebar{width:280px;left:-280px}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1rem}.products-grid{grid-template-columns:1fr}.product-price-section{flex-direction:column;gap:10px;align-items:flex-start}.add-to-cart{width:100%}}.promotions-carousel{position:fixed;top:120px;right:20px;width:280px;height:120px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:15px;box-shadow:0 5px 20px #0000004d;z-index:99;transition:all .3s ease;overflow:hidden}.promotions-carousel.hidden{transform:translate(400px);opacity:0}.close-promotions{position:absolute;top:8px;right:8px;background:#ffffffe6;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:#ff6b6b;transition:all .3s;z-index:100}.close-promotions:hover{background:#fff;transform:scale(1.1)}.carousel-container{position:relative;width:100%;height:100%;overflow:hidden}.carousel-track{display:flex;transition:transform .5s ease;height:100%}.carousel-slide{min-width:100%;display:flex;align-items:center;padding:10px 15px;position:relative}.promotion-badge{position:absolute;top:5px;left:15px;background:gold;color:#333;padding:2px 6px;border-radius:8px;font-size:.7rem;font-weight:700}.promotion-image{width:50px;height:50px;border-radius:8px;object-fit:cover;margin-right:10px}.promotion-info{flex:1}.promotion-info h4{margin:0 0 3px;font-size:.8rem;color:#fff;line-height:1.1}.promotion-price{margin:3px 0}.old-price{text-decoration:line-through;color:#ffffffb3;font-size:.7rem;margin-right:4px}.new-price{color:gold;font-weight:700;font-size:.9rem}.promotion-btn{background:#fff;color:#ff6b6b;border:none;padding:4px 8px;border-radius:10px;font-size:.7rem;cursor:pointer;transition:all .3s;margin-top:3px}.promotion-btn:hover{background:gold;transform:scale(1.05)}.carousel-indicators{position:absolute;bottom:5px;left:0;right:0;display:flex;justify-content:center;gap:4px}.carousel-indicators button{width:6px;height:6px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;transition:all .3s}.carousel-indicators button.active{background:#fff;transform:scale(1.2)}@media(max-width:768px){.promotions-carousel{top:100px;right:10px;width:250px;height:110px}}@media(max-width:480px){.promotions-carousel{width:220px;height:100px}.carousel-slide{padding:8px 12px}.promotion-image{width:40px;height:40px}}.payment-modal{max-width:600px}.payment-step{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.order-summary{border:1px solid #eee;border-radius:8px;padding:15px;margin-bottom:20px;background:#f9f9f9}.order-items{margin-bottom:15px}.order-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.order-item:last-child{border-bottom:none}.item-name{flex:2}.item-quantity{flex:1;text-align:center}.item-price{flex:1;text-align:right;font-weight:700}.order-total{text-align:right;padding-top:10px;border-top:2px solid #ddd;font-size:1.2rem}.form-actions{display:flex;gap:10px;justify-content:space-between;margin-top:20px}.btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff}.payment-methods{margin:20px 0}.payment-method{display:flex;align-items:center;padding:15px;border:2px solid #eee;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:all .3s}.payment-method:hover{border-color:var(--primary-color)}.payment-method input{margin-right:10px}.card-info{margin:20px 0;padding:20px;background:#f9f9f9;border-radius:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.confirmation{text-align:center;padding:20px}.confirmation-icon{font-size:4rem;margin-bottom:20px}.confirmation h3{color:var(--success-color);margin-bottom:15px}@media(max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.password-group{position:relative}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{padding-right:45px;width:100%}.password-toggle{position:absolute;right:12px;background:none;border:none;color:#666;cursor:pointer;padding:5px;border-radius:4px;transition:all .3s;z-index:2}.password-toggle:hover{color:var(--primary-color);background-color:#1e88e51a}.password-toggle i{font-size:16px}}.orders-management,.products-management,.users-management,.categories-management,.reports-dashboard,.admin-dashboard{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1000;overflow-y:auto}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}.orders-management,.products-management,.users-management,.categories-management,.reports-dashboard,.admin-dashboard{min-height:100vh;background:#f8f9fa}.admin-header{background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff;padding:1rem 0;box-shadow:0 2px 10px #0000001a}#admin-layout[data-v-14da9cd0]{display:flex;min-height:100vh;background:#f8f9fa}.admin-sidebar[data-v-14da9cd0]{width:280px;background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff;box-shadow:2px 0 10px #0000001a}.sidebar-header[data-v-14da9cd0]{padding:25px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h2[data-v-14da9cd0]{margin:0;font-size:1.4rem;display:flex;align-items:center;gap:10px}.sidebar-nav[data-v-14da9cd0]{padding:20px 0}.nav-item[data-v-14da9cd0]{display:flex;align-items:center;gap:12px;padding:15px 25px;color:#fff;text-decoration:none;transition:all .3s ease;border-left:4px solid transparent}.nav-item[data-v-14da9cd0]:hover{background:#ffffff1a;border-left-color:#ffeb3b;padding-left:30px}.nav-item.router-link-active[data-v-14da9cd0]{background:#ffffff26;border-left-color:#4caf50}.back-to-store[data-v-14da9cd0]{margin-top:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.admin-content[data-v-14da9cd0]{flex:1;overflow:auto;background:#f8f9fa}
