*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#6366f1;--primary-dark:#4f46e5;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-danger:linear-gradient(135deg,#ef4444,#dc2626);--shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);--border-radius:.75rem;--border-radius-lg:1rem;--border-radius-2xl:1.5rem;--border-radius-full:9999px}:root.light{--bg-body:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--bg-card:#fff;--bg-sidebar:#fff;--bg-header:rgba(255,255,255,.95);--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-color:#e2e8f0;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b}:root.dark{--bg-body:linear-gradient(135deg,#0f0f1a 0%,#1a1a2e 100%);--bg-card:#1e293b;--bg-sidebar:#0f172a;--bg-header:rgba(15,23,42,.95);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#334155;--gray-100:#1e293b;--gray-200:#334155;--gray-300:#475569;--gray-400:#64748b;--gray-500:#94a3b8;--gray-600:#cbd5e1;--gray-700:#e2e8f0;--gray-800:#f1f5f9}body{font-family:'Inter',sans-serif;background:var(--bg-body);color:var(--text-primary);line-height:1.5;min-height:100vh;transition:background .3s ease , color .3s ease}.ai-assistant{position:fixed;bottom:24px;right:24px;z-index:1000}.ai-button{width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);transition:all .3s ease;border:none;color:#fff;font-size:28px}.ai-button:hover{transform:scale(1.05)}.ai-button.active{background:var(--gradient-danger)}.ai-chat-window{position:fixed;bottom:100px;right:24px;width:380px;height:520px;background:var(--bg-card);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;transform:scale(0);opacity:0;transition:all .3s ease;transform-origin:bottom right;border:1px solid var(--border-color);z-index:999}.ai-chat-window.active{transform:scale(1);opacity:1}.ai-chat-header{background:var(--gradient-primary);color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center}.ai-chat-header h3{font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.ai-chat-header i{font-size:20px}.ai-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px}.ai-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.ai-message{display:flex;gap:10px;animation:fadeIn .3s ease}@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }.ai-message.user{flex-direction:row-reverse}.ai-avatar{width:32px;height:32px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0}.ai-message.user .ai-avatar{background:var(--gray-400)}.ai-bubble{max-width:75%;padding:10px 14px;border-radius:18px;font-size:13px;line-height:1.4;background:var(--gray-100);color:var(--text-primary)}.ai-message.user .ai-bubble{background:var(--gradient-primary);color:#fff}.ai-typing{display:flex;gap:4px;padding:8px 12px}.ai-typing span{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:typing 1.4s infinite}.ai-typing span:nth-child(2) {animation-delay:.2s}.ai-typing span:nth-child(3) {animation-delay:.4s}@keyframes typing { 0%,60%,100% { transform: translateY(0); opacity: 0.4; } 30% { transform: translateY(-4px); opacity: 1; } }.ai-input-area{padding:16px;border-top:1px solid var(--border-color);display:flex;gap:8px}.ai-input-area input{flex:1;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--border-radius-full);outline:none;background:var(--bg-card);color:var(--text-primary);font-size:13px}.ai-input-area input:focus{border-color:var(--primary)}.ai-input-area button{background:var(--gradient-primary);border:none;color:#fff;padding:8px 18px;border-radius:var(--border-radius-full);cursor:pointer;font-size:13px;font-weight:500}.ai-suggestions{padding:8px 16px;display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--border-color)}.ai-suggestion{background:var(--gray-100);padding:6px 12px;border-radius:var(--border-radius-full);font-size:11px;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.ai-suggestion:hover{background:var(--primary);color:#fff}@media (max-width:480px){.ai-chat-window{width:calc(100vw - 32px);right:16px;bottom:90px;height:460px}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease;flex-direction:column}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-text{color:#fff;font-size:24px;font-weight:600}@keyframes spin { to { transform: rotate(360deg); } }.header{background:var(--bg-header);backdrop-filter:blur(10px);border-bottom:2px solid rgba(99,102,241,.2);position:sticky;top:0;z-index:100;box-shadow:var(--shadow);transition:background .3s ease}.header-content{max-width:1400px;margin:0 auto;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}.logo-icon{width:36px;height:36px;background:var(--gradient-primary);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;box-shadow:var(--shadow-lg)}.logo-text h1{font-size:18px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-text p{font-size:9px;color:var(--text-muted)}.header-controls{display:flex;gap:8px;align-items:center;flex-shrink:0}.theme-toggle,.menu-toggle{background:var(--gray-200);border:none;width:38px;height:38px;border-radius:var(--border-radius-full);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s;color:var(--text-primary)}.theme-toggle:hover,.menu-toggle:hover{transform:scale(1.02);background:var(--gray-300)}.admin-btn,.cart-btn{padding:6px 14px;border-radius:var(--border-radius-full);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .3s ease;text-decoration:none}.admin-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.admin-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.cart-btn:hover{border-color:var(--primary);color:var(--primary)}.cart-count{background:var(--gradient-primary);color:#fff;padding:2px 6px;border-radius:var(--border-radius-full);font-size:11px;margin-left:4px}.sidebar{position:fixed;top:0;left:-280px;width:280px;height:100%;background:var(--bg-sidebar);z-index:1000;transition:left .3s ease;box-shadow:var(--shadow-lg);overflow-y:auto}.sidebar.active{left:0}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-header{background:var(--gradient-primary);padding:25px 20px;text-align:center;color:#fff}.sidebar-avatar{width:70px;height:70px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:32px;color:var(--primary)}.sidebar-header h3{font-size:18px;margin-bottom:4px}.sidebar-header p{font-size:11px;opacity:.8}.sidebar-menu{padding:16px 0}.sidebar-menu-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--text-secondary);transition:all .3s;cursor:pointer;border-left:3px solid transparent;font-size:14px}.sidebar-menu-item:hover,.sidebar-menu-item.active{background:var(--gray-100);border-left-color:var(--primary);color:var(--primary)}.sidebar-menu-item i{width:22px;font-size:16px}.sidebar-categories{margin-top:8px;border-top:1px solid var(--border-color);padding-top:8px}.sidebar-category-item{display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.sidebar-category-item:hover{background:var(--gray-100);color:var(--primary);padding-left:25px}.logout-btn{margin-top:16px;border-top:1px solid var(--border-color);color:var(--danger)}.logout-btn:hover{background:#fee2e2;color:var(--danger)}.hero{max-width:1400px;margin:16px auto;padding:0 16px}.hero-content{background:var(--gradient-primary);border-radius:var(--border-radius-2xl);padding:24px 16px;box-shadow:var(--shadow-lg);text-align:center;color:#fff}.hero h2{font-size:20px;font-weight:700;margin-bottom:8px}.hero p{font-size:12px;opacity:.9;margin-bottom:20px}.hero-stats{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.hero-stat-value{font-size:20px;font-weight:700}.hero-stat-label{font-size:11px}.search-section{max-width:1400px;margin:0 auto 16px;padding:0 16px}.search-container{background:var(--bg-card);border-radius:var(--border-radius-full);padding:4px 4px 4px 16px;display:flex;align-items:center;gap:8px;border:1px solid var(--border-color)}.search-container input{flex:1;padding:10px 0;border:none;outline:none;font-size:13px;background:transparent;color:var(--text-primary)}.search-container input::placeholder{color:var(--text-muted);font-size:12px}.search-container button{background:var(--gradient-primary);border:none;color:#fff;padding:8px 18px;border-radius:var(--border-radius-full);cursor:pointer;font-weight:500;font-size:12px;white-space:nowrap}.products-section{max-width:1400px;margin:0 auto 40px;padding:0 16px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;background:var(--bg-card);padding:10px 16px;border-radius:var(--border-radius-full);box-shadow:var(--shadow);border:1px solid var(--border-color)}.section-title{font-size:18px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.products-count{background:var(--gradient-primary);padding:4px 12px;border-radius:var(--border-radius-full);color:#fff;font-weight:600;font-size:12px}.products-grid{display:grid;grid-template-columns:1fr;gap:16px}.product-card{background:var(--bg-card);border-radius:var(--border-radius-2xl);overflow:hidden;transition:all .3s;cursor:pointer;border:1px solid var(--border-color);box-shadow:var(--shadow)}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.product-image{height:180px;background:linear-gradient(135deg,#f5f0ff,#e9e4ff);position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover .product-image img{transform:scale(1.03)}.product-badge{position:absolute;top:10px;right:10px;background:var(--danger);color:#fff;padding:3px 8px;border-radius:var(--border-radius-full);font-size:10px;font-weight:600;z-index:10}.product-info{padding:14px}.product-category{font-size:10px;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;display:flex;align-items:center;gap:4px}.product-title{font-size:15px;font-weight:600;margin-bottom:8px;color:var(--text-primary);line-height:1.3}.product-price{display:flex;align-items:center;gap:6px;margin-bottom:10px;flex-wrap:wrap}.current-price{font-size:18px;font-weight:700;color:var(--primary)}.old-price{font-size:12px;color:var(--text-muted);text-decoration:line-through}.product-stock{display:flex;align-items:center;gap:6px;padding:8px 0;border-top:1px dashed var(--border-color);border-bottom:1px dashed var(--border-color);margin-bottom:10px;font-size:12px;color:var(--text-secondary)}.stock-indicator{width:8px;height:8px;border-radius:50%;background:var(--success)}.stock-indicator.low{background:var(--warning);animation:pulse 1.5s infinite}.stock-indicator.out{background:var(--danger)}.product-views{font-size:11px;color:var(--text-muted);margin-bottom:10px;display:flex;align-items:center;gap:4px}@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(245,158,11,0.7); } 70% { box-shadow: 0 0 0 6px rgba(245,158,11,0); } 100% { box-shadow: 0 0 0 0 rgba(245,158,11,0); } }.add-to-cart{width:100%;padding:10px;background:var(--gradient-primary);border:none;border-radius:var(--border-radius);color:#fff;font-weight:600;cursor:pointer;transition:all .3s;font-size:13px}.add-to-cart:hover:not(:disabled) {transform:translateY(-1px);box-shadow:var(--shadow)}.add-to-cart:disabled{opacity:.5;cursor:not-allowed}.footer{background:var(--bg-card);border-top:2px solid var(--border-color);padding:30px 16px 16px;margin-top:30px}.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px}.footer-col h4{font-size:14px;margin-bottom:12px;color:var(--text-primary)}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:8px;font-size:12px}.footer-col ul li a{color:var(--text-muted);text-decoration:none}.footer-col ul li a:hover{color:var(--primary)}.footer-bottom{text-align:center;margin-top:24px;padding-top:12px;border-top:1px solid var(--border-color);font-size:11px;color:var(--text-muted)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s}.modal.active{opacity:1;pointer-events:all}.modal-content{background:var(--bg-card);border-radius:var(--border-radius-2xl);padding:20px;width:90%;max-width:450px;max-height:85vh;overflow-y:auto;color:var(--text-primary);border:1px solid var(--border-color)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--border-color)}.modal-header h2{font-size:18px}.modal-close{font-size:24px;cursor:pointer;color:var(--text-secondary);line-height:1}.modal-close:hover{color:var(--danger)}.cart-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-color)}.cart-item img{width:60px;height:60px;object-fit:cover;border-radius:var(--border-radius)}.cart-item-actions{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}.quantity-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;color:var(--text-primary);font-size:14px}.cart-total{text-align:right;font-weight:700;font-size:16px;margin-top:12px;padding-top:12px;border-top:2px solid var(--border-color)}.form-group{margin-bottom:12px}.form-group label{display:block;margin-bottom:4px;font-weight:600;font-size:13px;color:var(--text-secondary)}.form-control{width:100%;padding:10px;border:2px solid var(--border-color);border-radius:var(--border-radius);outline:none;font-size:13px;background:var(--bg-card);color:var(--text-primary)}.form-control:focus{border-color:var(--primary)}.empty-state{text-align:center;padding:30px 16px;color:var(--text-muted)}.notification{position:fixed;top:70px;right:16px;background:var(--bg-card);padding:10px 16px;border-radius:var(--border-radius-full);box-shadow:var(--shadow-lg);z-index:2000;transform:translateX(120%);transition:transform .3s;font-size:13px;color:var(--text-primary);border:1px solid var(--border-color)}.notification.show{transform:translateX(0)}.checkout-summary{background:var(--gray-100);padding:12px;border-radius:var(--border-radius);margin-bottom:16px;font-size:13px}.order-card{background:var(--gray-100);border-radius:var(--border-radius);padding:12px;margin-bottom:12px;border-left:4px solid var(--primary);font-size:13px}.order-status{display:inline-block;padding:3px 10px;border-radius:var(--border-radius-full);font-size:11px;font-weight:600}.status-pending{background:var(--warning);color:#fff}.status-processing{background:var(--primary);color:#fff}.status-delivered{background:var(--success);color:#fff}.status-cancelled{background:var(--danger);color:#fff}.promo-section{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:12px;border-radius:var(--border-radius-lg);margin-bottom:16px;color:#334155}.promo-input-group{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.promo-input-group input{flex:1;padding:10px;border:2px solid var(--gray-200);border-radius:var(--border-radius);font-size:13px;text-transform:uppercase;min-width:120px}.promo-input-group button{padding:10px 16px;background:var(--gradient-success);border:none;border-radius:var(--border-radius);color:#fff;font-weight:600;cursor:pointer;font-size:13px}.discount-info{margin-top:8px;padding:8px;background:#fff;border-radius:var(--border-radius);text-align:center;font-weight:600;font-size:12px}@media (min-width:640px){.products-grid{grid-template-columns:repeat(2,1fr);gap:20px}.hero h2{font-size:24px}.hero-stat-value{font-size:24px}.section-title{font-size:22px}}@media (min-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr);gap:24px}.hero-content{padding:40px 20px}.hero h2{font-size:28px}.section-title{font-size:24px}}@media (min-width:1280px){.products-grid{grid-template-columns:repeat(4,1fr)}}