@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";:root{--primary:#00cffb;--primary-dark:#00a8d6;--primary-glow:#00cffb59;--secondary:#b4ea60;--secondary-dark:#8ec843;--accent-purple:#a855f7;--accent-orange:#f97316;--danger:#ef4444;--danger-dark:#dc2626;--success:#22c55e;--bg-900:#060a12;--bg-800:#0a0e1a;--bg-700:#0f1624;--bg-600:#141d2e;--bg-500:#1a2438;--bg-card:#1a2236;--bg-card-hover:#1f2a42;--text-100:#fff;--text-200:#e2e8f0;--text-300:#94a3b8;--text-400:#64748b;--border-subtle:#ffffff0d;--border-default:#ffffff1a;--border-emphasis:#00cffb4d;--gradient-primary:linear-gradient(135deg, #00cffb 0%, #b4ea60 100%);--gradient-hero:linear-gradient(135deg, #00cffb26 0%, #a855f71a 50%, #000a1acc 100%);--gradient-card:linear-gradient(145deg, #1a2236e6, #0f1624f2);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 48px #00000080;--shadow-primary:0 4px 20px #00cffb40;--shadow-card:0 0 0 1px #ffffff0d, 0 8px 24px #0006;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--header-height:72px;--primary-color:#00cffb;--secondary-color:#b4ea60;--bg-dark:#0a0e1a;--bg-darker:#060a12;--text-primary:#fff;--text-secondary:#94a3b8;--border-color:#ffffff1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-800);color:var(--text-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 20% 0,#00cffb0f 0%,#0000 60%),radial-gradient(at 80% 100%,#a855f70d 0%,#0000 60%);background-attachment:fixed;min-height:100vh;font-family:Outfit,Inter,sans-serif;line-height:1.6}a{color:inherit;transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--primary)}button{cursor:pointer;transition:all var(--transition-base);border:none;outline:none;font-family:Outfit,Inter,sans-serif}img{max-width:100%;display:block}input,select,textarea{transition:border-color var(--transition-base), box-shadow var(--transition-base);outline:none;font-family:Outfit,Inter,sans-serif}input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #00cffb26!important}.container{max-width:1440px;margin:0 auto;padding:0 2rem}.btn{border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;letter-spacing:.3px;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:hover:after{background:#ffffff0f}.btn-sm{padding:.4rem .9rem;font-size:.85rem}.btn-md{padding:.65rem 1.25rem;font-size:.95rem}.btn-lg{padding:.9rem 1.75rem;font-size:1.05rem}.btn-xl{padding:1.1rem 2rem;font-size:1.1rem}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #00a8d6 100%);color:#000;border-radius:var(--radius-md);transition:all var(--transition-base);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;display:inline-flex}.btn-primary:hover{box-shadow:var(--shadow-primary);filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--primary);border:1px solid var(--border-emphasis);border-radius:var(--radius-md);transition:all var(--transition-base);background-color:#0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.btn-outline:hover{border-color:var(--primary);background-color:#00cffb1a;transform:translateY(-1px)}.btn-ghost{color:var(--text-300);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;padding:.5rem 1rem}.btn-ghost:hover{color:var(--text-100);border-color:var(--border-default);background:#ffffff0f}.btn-danger{color:var(--danger);border-radius:var(--radius-sm);background:#ef444426;border:1px solid #ef44444d;padding:.5rem 1rem}.btn-danger:hover{background:var(--danger);color:#fff}.w-full{width:100%}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-primary-color{color:var(--primary)}.text-secondary-color{color:var(--secondary)}.text-muted{color:var(--text-300)}.text-danger{color:var(--danger)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-base)}.card:hover{border-color:var(--border-default)}.badge{border-radius:var(--radius-full);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-new{background:linear-gradient(135deg, var(--secondary), var(--secondary-dark));color:#000}.form-input{border-radius:var(--radius-md);background:var(--bg-700);border:1px solid var(--border-default);width:100%;color:var(--text-100);padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.form-input::placeholder{color:var(--text-400)}.form-label{color:var(--text-300);margin-bottom:.4rem;font-size:.88rem;font-weight:500;display:block}.skeleton{background:linear-gradient(90deg, var(--bg-600) 25%, var(--bg-500) 50%, var(--bg-600) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{border-radius:var(--radius-lg);background:var(--bg-500);border:1px solid var(--border-default);box-shadow:var(--shadow-lg);pointer-events:all;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:.75rem;min-width:280px;max-width:360px;padding:.9rem 1.25rem;font-weight:500;animation:.3s slideInRight,.3s 2.7s forwards fadeOut;display:flex}.toast-success{background:#1a2e22f2;border-color:#22c55e66}.toast-error{background:#2e1a1af2;border-color:#ef444466}.toast-info{border-color:var(--border-emphasis);background:#0a1a2ef2}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-900)}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{color:var(--text-100);background:#00cffb40}.divider{background:var(--border-subtle);height:1px;margin:1.5rem 0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:translate(20px)}}@keyframes pulse-hot{0%,to{box-shadow:0 0 #ff3b3000}50%{box-shadow:0 0 0 5px #ff3b3026}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}.animate-fadeInUp{animation:.4s forwards fadeInUp}.animate-scaleIn{animation:.3s forwards scaleIn}.animate-float{animation:3s ease-in-out infinite float}.animate-spin{animation:1s linear infinite spin}.animate-shake{animation:.5s shake}.opacity-0{opacity:0}.pointer-events-none{pointer-events:none}.page-enter{animation:.35s forwards fadeInUp}@media (width<=768px){.container{padding:0 1rem}.toast-container{bottom:1rem;left:1rem;right:1rem}.toast{min-width:unset;width:100%}}.header{z-index:200;-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-subtle);height:var(--header-height);transition:background var(--transition-base);background:#060a12d9;align-items:center;display:flex;position:sticky;top:0}.header:after{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#00cffb4d,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.header-inner{align-items:center;gap:1.5rem;width:100%;display:flex}.logo{flex-shrink:0;align-items:center;gap:.6rem;text-decoration:none;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:var(--radius-md);color:#000;width:34px;height:34px;transition:transform var(--transition-base), box-shadow var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 0 12px #00cffb4d}.logo:hover .logo-icon{transform:rotate(-10deg)scale(1.08);box-shadow:0 0 20px #00cffb80}.logo-text{letter-spacing:2px;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:800}.header-search-wrap{flex:1;max-width:520px;margin:0 auto}.header-search{background:var(--bg-700);border:1px solid var(--border-default);border-radius:var(--radius-full);transition:all var(--transition-base);align-items:center;gap:.5rem;padding:.55rem 1rem;display:flex}.header-search:focus-within{border-color:var(--primary);background:var(--bg-600);box-shadow:0 0 0 3px #00cffb1f}.search-icon-left{color:var(--text-400);transition:color var(--transition-base);flex-shrink:0}.header-search:focus-within .search-icon-left{color:var(--primary)}.header-search input{color:var(--text-100);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.93rem;box-shadow:none!important}.header-search input::placeholder{color:var(--text-400)}.search-clear-btn{background:var(--bg-500);color:var(--text-300);cursor:pointer;width:22px;height:22px;transition:all var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-clear-btn:hover{background:var(--danger);color:#fff}.header-actions{flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;display:flex}.icon-btn{background:var(--bg-600);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:42px;height:42px;color:var(--text-300);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.icon-btn:hover{background:var(--bg-500);border-color:var(--border-default);color:var(--text-100);transform:translateY(-1px)}.cart-btn:hover{border-color:var(--border-emphasis);color:var(--primary);box-shadow:0 0 12px #00cffb26}.cart-badge{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#000;border-radius:var(--radius-full);border:2px solid var(--bg-800);justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 4px;font-size:.68rem;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 8px #00cffb66}.mobile-search-btn{display:none}.mobile-search-dropdown{top:var(--header-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);z-index:190;background:#060a12fa;padding:1rem 0;animation:.2s fadeInUp;position:absolute;left:0;right:0}.mobile-search-inner{align-items:center;gap:.75rem;display:flex}.mobile-search-inner .header-search{flex:1}@media (width<=768px){.header-search-wrap{display:none}.mobile-search-btn{display:flex}.logo-text{font-size:1.1rem}}.footer{background:var(--bg-700);border-top:1px solid var(--border-subtle);margin-top:4rem;position:relative;overflow:hidden}.footer-glow{pointer-events:none;background:radial-gradient(#00cffb0d 0%,#0000 70%);width:600px;height:200px;position:absolute;top:0;left:50%;transform:translate(-50%)}.footer-inner{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;padding:3.5rem 2rem 2.5rem;display:grid}.footer-logo{align-items:center;gap:.5rem;margin-bottom:1rem;text-decoration:none;display:inline-flex}.footer-logo-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:var(--radius-sm);color:#000;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.footer-desc{color:var(--text-400);max-width:260px;margin-bottom:1.5rem;font-size:.88rem;line-height:1.7}.footer-socials{gap:.5rem;display:flex}.social-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-400);transition:all var(--transition-base);background:var(--bg-600);justify-content:center;align-items:center;text-decoration:none;display:flex}.social-btn:hover{color:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.social-zalo:hover{background:#0068ff;border-color:#0068ff}.social-fb:hover{background:#1877f2;border-color:#1877f2}.social-tg:hover{background:#08c;border-color:#08c}.footer-col-title{color:var(--text-200);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:1.1rem;font-size:.8rem;font-weight:700}.footer-links{flex-direction:column;gap:.6rem;list-style:none;display:flex}.footer-links a{color:var(--text-400);transition:color var(--transition-base), padding-left var(--transition-base);font-size:.88rem;text-decoration:none;display:block}.footer-links a:hover{color:var(--primary);padding-left:4px}.footer-cta-desc{color:var(--text-400);margin-bottom:1.1rem;font-size:.85rem;line-height:1.6}.footer-cta-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#000;border-radius:var(--radius-md);transition:all var(--transition-base);align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 16px #00cffb40}.footer-cta-btn:hover{color:#000;filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 24px #00cffb66}.footer-bottom{border-top:1px solid var(--border-subtle)}.footer-bottom-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 2rem;display:flex}.footer-copy{color:var(--text-400);font-size:.82rem}.footer-copy strong{color:var(--text-200)}.footer-tagline{color:var(--text-400);font-size:.82rem}@media (width<=1100px){.footer-inner{grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer-cta-col{grid-column:1/-1}}@media (width<=768px){.footer-inner{grid-template-columns:1fr 1fr;gap:2rem;padding:2.5rem 1.5rem 2rem}.footer-brand{grid-column:1/-1}.footer-desc{max-width:100%}}@media (width<=480px){.footer-inner{grid-template-columns:1fr}.footer-bottom-inner{text-align:center;flex-direction:column;padding:1rem}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:2rem;animation:.25s scaleIn;position:relative;box-shadow:0 30px 80px #0009,0 0 0 1px #ffffff0d}.modal-close{background:var(--bg-600);border:1px solid var(--border-subtle);color:var(--text-400);cursor:pointer;width:32px;height:32px;transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{background:var(--danger);border-color:var(--danger);color:#fff;transform:rotate(90deg)}.modal-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.modal-icon{background:linear-gradient(135deg, var(--primary), var(--primary-dark));border-radius:var(--radius-md);color:#000;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 16px #00cffb4d}.modal-title{color:var(--text-100);margin-bottom:.2rem;font-size:1.2rem;font-weight:700}.modal-subtitle{color:var(--text-400);font-size:.83rem}.modal-product-info{border-radius:var(--radius-md);background:#00cffb0f;border:1px solid #00cffb2e;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.65rem 1rem;font-size:.88rem;display:flex}.modal-product-label{color:var(--text-400);font-weight:500}.modal-product-name{color:var(--primary);font-weight:600}.contact-options{flex-direction:column;gap:.65rem;margin-bottom:1.25rem;display:flex}.contact-btn{border-radius:var(--radius-lg);background:var(--bg-700);border:1px solid var(--border-subtle);color:var(--text-100);transition:all var(--transition-base);align-items:center;gap:1rem;padding:.85rem 1rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.contact-btn:before{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.contact-btn:hover{border-color:var(--border-default);background:var(--bg-600);color:var(--text-100);transform:translate(4px)}.contact-btn:hover:before{background:#ffffff05}.contact-icon{border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 2px 8px #0000004d}.contact-text{flex-direction:column;flex:1;gap:2px;display:flex}.contact-name{font-size:.93rem;font-weight:600}.contact-desc{color:var(--text-400);font-size:.78rem}.contact-arrow{color:var(--text-400);transition:transform var(--transition-base), color var(--transition-base);font-size:1.1rem}.contact-btn:hover .contact-arrow{color:var(--text-200);transform:translate(4px)}.modal-note{color:var(--text-400);text-align:center;font-size:.78rem;line-height:1.5}@media (width<=480px){.modal-content{padding:1.5rem}}.download-modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;width:90%;max-width:420px;padding:2.5rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;box-shadow:0 10px 40px #0006,inset 0 1px 1px #ffffff0d}.download-modal-icon-wrap{width:60px;height:60px;color:var(--primary);background:#00cffb26;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex;box-shadow:0 0 20px #00cffb33}.download-modal-header h2{color:var(--text-100);margin-bottom:1rem;font-size:1.4rem;font-weight:800}.download-warning-text{color:var(--text-300);margin-bottom:2rem;font-size:.95rem;line-height:1.6}.download-modal-actions{flex-direction:column;gap:.75rem;display:flex}.download-modal-actions .btn-primary{justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:700;display:flex}.download-modal-actions .btn-outline{justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:600;display:flex}@media (width<=480px){.download-modal-content{padding:1.75rem 1.5rem}}.product-card{background:var(--gradient-card);border-radius:var(--radius-lg);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:#00cffb40;transform:translateY(-6px);box-shadow:0 0 0 1px #00cffb33,0 16px 40px #00000080,0 0 20px #00cffb14}.product-image-link{display:block;overflow:hidden}.product-image{aspect-ratio:4/3;background:var(--bg-700);width:100%;position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%;transition:transform .55s;display:block}.product-card:hover .product-image img{transform:scale(1.08)}.img-fallback{width:100%;height:100%;color:var(--text-400);background:var(--bg-600);justify-content:center;align-items:center;display:flex}.product-overlay{opacity:0;transition:opacity var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060a12b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.product-card:hover .product-overlay{opacity:1}.overlay-btn{color:var(--primary);border-radius:var(--radius-full);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-base);background:#00cffb26;border:1px solid #00cffb66;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:inherit;font-size:.88rem;font-weight:600;display:flex;transform:translateY(8px)}.product-card:hover .overlay-btn{transform:translateY(0)}.overlay-btn:hover{background:var(--primary);color:#000;border-color:var(--primary)}.product-badges{z-index:2;flex-direction:column;gap:5px;display:flex;position:absolute;top:10px;left:10px}.badge{border-radius:var(--radius-sm);letter-spacing:.5px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-block}.badge-hot{color:#fff;background:linear-gradient(135deg,#ff3b30,#ff6b35);animation:2s infinite pulse-hot}.badge-sale{color:#ff6b6b;background:#ef444433;border:1px solid #ef444459}.share-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-200);cursor:pointer;z-index:2;opacity:0;width:28px;height:28px;transition:all var(--transition-base);background:#00000080;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px;transform:scale(.8)}.product-card:hover .share-btn{opacity:1;transform:scale(1)}.share-btn:hover{background:var(--primary);border-color:var(--primary);color:#000}.product-info{flex-direction:column;flex:1;gap:.5rem;padding:1.1rem 1.1rem 1.2rem;display:flex}.product-meta{justify-content:space-between;align-items:center;display:flex}.product-category{color:var(--primary);text-transform:uppercase;letter-spacing:.8px;border-radius:var(--radius-full);background:#00cffb14;padding:2px 8px;font-size:.72rem;font-weight:600}.product-downloads{color:var(--text-400);align-items:center;gap:4px;font-size:.78rem;display:flex}.product-title{color:var(--text-200);-webkit-line-clamp:2;transition:color var(--transition-base);-webkit-box-orient:vertical;font-size:.95rem;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.product-title:hover{color:var(--primary)}.product-price{align-items:baseline;gap:.6rem;margin-top:.1rem;display:flex}.price-current{color:var(--secondary);font-size:1.05rem;font-weight:700}.price-free{color:var(--primary);font-size:.9rem}.price-old{color:var(--text-400);font-size:.82rem;text-decoration:line-through}.product-actions{gap:.5rem;margin-top:.6rem;display:flex}.action-btn,a.action-btn{border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .9rem;font-family:inherit;font-size:.83rem;font-weight:600;text-decoration:none;display:flex}.btn-download{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#000;flex:1}.btn-download:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #00cffb59}.btn-cart{background:var(--bg-600);color:var(--text-300);border:1px solid var(--border-default);flex:none;padding:.55rem .85rem}.btn-cart:hover{color:var(--primary);border-color:var(--border-emphasis);background:#00cffb1f;transform:translateY(-1px)}.sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:260px;top:calc(var(--header-height) + 1.5rem);max-height:calc(100vh - var(--header-height) - 3rem);background:#141d2e80;flex-direction:column;flex-shrink:0;gap:0;padding:1.5rem;display:flex;position:sticky;overflow-y:auto}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.sidebar-section{width:100%}.sidebar-divider{background:var(--border-subtle);height:1px;margin:1.25rem 0}.sidebar-title{color:var(--text-400);letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:.4rem;margin-bottom:.85rem;font-size:.72rem;font-weight:700;display:flex}.category-list{flex-direction:column;gap:3px;list-style:none;display:flex}.category-item{border-radius:var(--radius-md);width:100%;color:var(--text-400);transition:all var(--transition-base);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.6rem;padding:.7rem .85rem;font-family:inherit;font-size:.9rem;font-weight:500;display:flex;position:relative;overflow:hidden}.category-item:hover{color:var(--text-200);border-color:var(--border-subtle);background:#ffffff0a}.category-item.active{color:var(--primary);background:#00cffb14;border-color:#00cffb33;font-weight:600}.active-indicator{background:var(--primary);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0;box-shadow:0 0 8px #00cffb80}.category-icon{flex-shrink:0;align-items:center;display:flex}.category-name{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.category-count{background:var(--bg-600);border-radius:var(--radius-full);min-width:22px;height:22px;transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-size:.72rem;font-weight:700;display:flex}.category-item.active .category-count{color:var(--primary);background:#00cffb33}.community-links{flex-direction:column;gap:.5rem;display:flex}.community-btn{border-radius:var(--radius-md);color:#fff;transition:all var(--transition-base);border:1px solid #0000;align-items:center;gap:.65rem;padding:.65rem 1rem;font-size:.88rem;font-weight:600;text-decoration:none;display:flex}.community-btn:hover{color:#fff;filter:brightness(1.1);box-shadow:var(--shadow-sm);transform:translate(3px)}.btn-zalo{background:linear-gradient(135deg,#0068ffd9,#0056d6d9);border-color:#0068ff4d}.btn-facebook{background:linear-gradient(135deg,#1877f2d9,#1656c1d9);border-color:#1877f24d}.btn-telegram{background:linear-gradient(135deg,#0088ccd9,#006699d9);border-color:#0088cc4d}@media (width<=992px){.sidebar{flex-flow:wrap;gap:1rem;width:100%;max-height:none;padding:1.25rem;position:static}.sidebar-section{flex:1;min-width:200px}.category-list{flex-flow:wrap;gap:.4rem}.category-item{width:auto;padding:.5rem .9rem;font-size:.85rem}.sidebar-divider{width:100%;margin:0}.community-links{flex-flow:wrap}.community-btn{flex:1;justify-content:center;min-width:100px}.community-btn:hover{transform:translateY(-2px)}}.hero-banner{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:linear-gradient(135deg,#00cffb14 0%,#a855f70f 50%,#0a0e1ae6 100%);justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2.5rem;padding:3rem 3rem 2.5rem;animation:.5s fadeInUp;display:flex;position:relative;overflow:hidden}.hero-glow{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.hero-glow-1{background:#00cffb1f;width:400px;height:400px;animation:4s ease-in-out infinite glow-pulse;top:-100px;left:-80px}.hero-glow-2{background:#a855f714;width:300px;height:300px;animation:4s ease-in-out 2s infinite glow-pulse;bottom:-80px;right:100px}.hero-particles{pointer-events:none;z-index:0;position:absolute;inset:0}.particle{background:var(--primary);opacity:.25;border-radius:50%;position:absolute}.particle-1{width:6px;height:6px;animation:3.5s ease-in-out infinite float;top:20%;left:45%}.particle-2{background:var(--secondary);width:4px;height:4px;animation:4s ease-in-out 1s infinite float;top:60%;left:55%}.particle-3{width:8px;height:8px;animation:5s ease-in-out .5s infinite float;top:35%;right:28%}.particle-4{background:var(--accent-purple);width:3px;height:3px;animation:3s ease-in-out 2s infinite float;top:70%;left:40%}.particle-5{background:var(--secondary);width:5px;height:5px;animation:4.5s ease-in-out 1.5s infinite float;top:15%;right:35%}.particle-6{opacity:.15;width:7px;height:7px;animation:3.8s ease-in-out .8s infinite float;bottom:25%;left:48%}.hero-content{z-index:2;flex:1;max-width:56%;position:relative}.hero-badge{color:var(--primary);border-radius:var(--radius-full);letter-spacing:.5px;background:#00cffb1a;border:1px solid #00cffb40;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem .9rem;font-size:.8rem;font-weight:600;animation:.5s .1s both fadeInUp;display:inline-flex}.hero-badge-dot{background:var(--primary);width:7px;height:7px;box-shadow:0 0 6px var(--primary);border-radius:50%;animation:1.5s ease-in-out infinite glow-pulse}.hero-title{color:var(--text-100);letter-spacing:-.5px;margin-bottom:1rem;font-size:2.6rem;font-weight:800;line-height:1.15;animation:.5s .2s both fadeInUp}.hero-desc{color:var(--text-300);max-width:480px;margin-bottom:1.75rem;font-size:1.05rem;line-height:1.7;animation:.5s .3s both fadeInUp}.hero-cta{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2.25rem;animation:.5s .4s both fadeInUp;display:flex}.hero-btn-primary{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#000;transition:all var(--transition-base);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 4px 20px #00cffb4d}.hero-btn-primary:hover{filter:brightness(1.05);transform:translateY(-3px);box-shadow:0 8px 28px #00cffb73}.hero-btn-outline{border-radius:var(--radius-md);border:1px solid var(--border-emphasis);color:var(--primary);transition:all var(--transition-base);background:0 0;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;display:inline-flex}.hero-btn-outline:hover{color:var(--primary);border-color:var(--primary);background:#00cffb14;transform:translateY(-2px)}.hero-stats{align-items:center;gap:1.25rem;animation:.5s .5s both fadeInUp;display:flex}.stat{flex-direction:column;gap:2px;display:flex}.stat-num{font-size:1.5rem;font-weight:800;line-height:1}.stat-label{color:var(--text-400);font-size:.78rem;font-weight:500}.stat-divider{background:var(--border-default);width:1px;height:32px}.hero-visual{z-index:2;flex:none;animation:.5s .2s both fadeInUp;position:relative}.hero-img-container{width:280px;padding-bottom:36px;position:relative}.hero-slide-outer{position:relative}.hero-img-ring{border-radius:var(--radius-xl);background:linear-gradient(135deg,#00cffb0d,#0000);border:1px solid #00cffb33;animation:20s linear infinite spin;position:absolute;inset:-12px}.hero-slide{border-radius:var(--radius-lg);transition:all var(--transition-slow);position:relative;overflow:hidden;transform:perspective(1200px)rotateY(-12deg)rotateX(4deg);box-shadow:0 0 0 1px #00cffb26,0 20px 60px #0009,0 0 40px #00cffb1a}.hero-slide.fading{opacity:0}.hero-banner:hover .hero-slide{transform:perspective(1200px)rotateY(-4deg)rotateX(2deg)}.hero-img{aspect-ratio:4/3;object-fit:cover;width:280px;display:block}.hero-img-badge{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ff6b6b;border-radius:var(--radius-full);z-index:2;background:#0a0e1ad9;border:1px solid #ff3b3080;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.8rem;font-weight:700;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.badge-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.hero-dots{z-index:3;align-items:center;gap:6px;padding:4px 0;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .25s}.hero-dot.active{background:var(--primary);border-radius:3px;width:20px;box-shadow:0 0 8px #00cffb80}@media (width<=1024px){.hero-title{font-size:2.1rem}.hero-img-container,.hero-img{width:230px}}@media (width<=768px){.hero-banner{text-align:center;flex-direction:column;gap:2rem;padding:2rem 1.5rem}.hero-content{max-width:100%}.hero-title{font-size:1.9rem}.hero-desc{font-size:.95rem}.hero-cta,.hero-stats{justify-content:center}.hero-img-container{width:220px}.hero-img{width:220px;transform:none}.hero-banner:hover .hero-img{transform:none}.hero-glow-1,.hero-glow-2{display:none}}@media (width<=480px){.hero-title{font-size:1.6rem}.hero-btn-primary,.hero-btn-outline{padding:.7rem 1.25rem;font-size:.9rem}}.home-page{padding:2rem 0 4rem}.dashboard-layout{align-items:flex-start;gap:2rem;display:flex}.main-content-area{flex:1;min-width:0}.top-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:#1a223680;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.85rem 1.25rem;display:flex}.result-info{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.search-tag{color:var(--primary);border-radius:var(--radius-full);background:#00cffb1a;border:1px solid #00cffb40;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.result-count{color:var(--text-300);font-size:.9rem}.top-bar-actions{align-items:center;gap:.75rem;display:flex}.sort-select{background:var(--bg-700);color:var(--text-100);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;outline:none;padding:.55rem 2rem .55rem 1rem;font-family:inherit;font-size:.9rem}.sort-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00cffb1f!important}.product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem;display:grid}.card-enter{animation:.4s both fadeInUp}.skeleton-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);overflow:hidden}.skeleton-info{flex-direction:column;gap:.6rem;padding:1rem;display:flex}.empty-state{text-align:center;background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);margin-top:1rem;padding:5rem 2rem;animation:.3s fadeInUp}.empty-icon{margin-bottom:1rem;font-size:3rem}.empty-state h3{color:var(--text-200);margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.empty-state p{color:var(--text-300);max-width:360px;margin:0 auto;font-size:.95rem}@media (width<=1100px){.dashboard-layout{gap:1.5rem}}@media (width<=992px){.dashboard-layout{flex-direction:column}.top-bar{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (width<=600px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}}@media (width<=420px){.product-grid{grid-template-columns:1fr 1fr}}.product-detail-page{padding:2rem 0 4rem}.breadcrumb{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.breadcrumb-link{color:var(--text-400);transition:color var(--transition-base);font-size:.88rem;font-weight:500;text-decoration:none}.breadcrumb-link:hover{color:var(--primary)}.breadcrumb-sep{color:var(--text-400);font-size:.88rem}.breadcrumb-current{color:var(--text-200);white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:.88rem;font-weight:600;overflow:hidden}.product-detail-container{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}.product-gallery{flex-direction:column;gap:1.25rem;display:flex}.main-image-wrap{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.main-image{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform var(--transition-slow);display:block}.main-image-wrap:hover .main-image{transform:scale(1.03)}.detail-hot-badge{color:#fff;border-radius:var(--radius-full);background:linear-gradient(135deg,#ff3b30,#ff6b35);align-items:center;gap:5px;padding:5px 12px;font-size:.8rem;font-weight:700;animation:2s infinite pulse-hot;display:flex;position:absolute;top:14px;left:14px}.features-box{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a223699;padding:1.25rem 1.5rem}.features-title{color:var(--text-200);letter-spacing:.3px;margin-bottom:1rem;font-size:.9rem;font-weight:700}.features-list{flex-direction:column;gap:.75rem;display:flex}.feature-item{color:var(--text-300);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.feature-icon{color:var(--secondary);flex-shrink:0}.product-info-full{top:calc(var(--header-height) + 1.5rem);position:sticky}.info-sticky{flex-direction:column;gap:1.1rem;display:flex}.category-label{color:var(--primary);text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-full);background:#00cffb1a;border:1px solid #00cffb40;width:fit-content;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-block}.detail-title{color:var(--text-100);letter-spacing:-.3px;font-size:2rem;font-weight:800;line-height:1.2}.detail-stats{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.detail-stat{color:var(--text-400);background:var(--bg-700);border-radius:var(--radius-full);border:1px solid var(--border-subtle);align-items:center;gap:.4rem;padding:4px 12px;font-size:.85rem;display:flex}.hot-stat{color:#ff6b6b;background:#ff3b3014;border-color:#ff3b3033}.price-section{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:#1a223699;align-items:baseline;gap:.85rem;padding:1.25rem 1.5rem;display:flex}.price-section .price-current{color:var(--secondary);font-size:2rem;font-weight:800;line-height:1}.price-section .price-old{color:var(--text-400);font-size:1rem;text-decoration:line-through}.price-section .price-discount{color:#ff6b6b;border-radius:var(--radius-sm);background:#ef44441f;border:1px solid #ef44444d;margin-left:auto;padding:3px 8px;font-size:.85rem;font-weight:700}.description-section{border-top:1px solid var(--border-subtle);padding-top:1rem}.desc-heading{color:var(--text-300);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:.9rem;font-weight:700}.description{color:var(--text-300);max-height:200px;font-size:.95rem;line-height:1.7;overflow-y:auto}.ql-editor-content img{border-radius:var(--radius-md);max-width:100%;height:auto;margin:10px 0}.ql-editor-content p{margin-bottom:.75rem}.ql-editor-content h1,.ql-editor-content h2,.ql-editor-content h3{color:var(--text-100);margin-top:1.5rem;margin-bottom:.75rem}.ql-editor-content strong{color:var(--text-100)}.action-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.btn-action-main,a.btn-action-main{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#000;cursor:pointer;transition:all var(--transition-base);border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:700;text-decoration:none;display:flex;box-shadow:0 4px 20px #00cffb4d}.btn-action-main:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 28px #00cffb73}.btn-action-cart{border-radius:var(--radius-md);border:1px solid var(--border-emphasis);color:var(--primary);cursor:pointer;transition:all var(--transition-base);background:0 0;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;display:flex}.btn-action-cart:hover{background:#00cffb1a;transform:translateY(-1px)}.btn-share{background:var(--bg-600);border:1px solid var(--border-default);border-radius:var(--radius-md);width:50px;height:50px;color:var(--text-300);cursor:pointer;transition:all var(--transition-base);flex:none;justify-content:center;align-items:center;padding:1rem;display:flex}.btn-share:hover{border-color:var(--border-emphasis);color:var(--primary);background:#00cffb14}.contact-note{color:var(--text-400);text-align:center;margin-top:-.25rem;font-size:.82rem}.detail-skeleton{padding:1rem 0}.detail-skeleton-grid{grid-template-columns:1fr 1fr;gap:3rem;display:grid}@media (width<=992px){.product-detail-container{grid-template-columns:1fr;gap:2rem}.product-info-full{position:static}.detail-skeleton-grid{grid-template-columns:1fr}}@media (width<=600px){.detail-title,.price-section .price-current{font-size:1.6rem}.action-buttons{flex-direction:column}.btn-share{width:100%;height:44px}}.cart-page{padding:2.5rem 0 5rem}.cart-header{color:var(--text-100);align-items:center;gap:.9rem;margin-bottom:2.5rem;display:flex}.cart-title{letter-spacing:-.3px;font-size:1.8rem;font-weight:800}.cart-header-count{color:var(--primary);border-radius:var(--radius-full);background:#00cffb1f;border:1px solid #00cffb40;padding:3px 12px;font-size:.85rem;font-weight:600}.cart-layout{grid-template-columns:1fr 360px;align-items:start;gap:2rem;display:grid}.cart-items{flex-direction:column;gap:1rem;display:flex}.cart-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-base), box-shadow var(--transition-base);align-items:center;gap:1.25rem;padding:1.25rem;display:flex}.cart-item:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.cart-item-img-wrap{border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-shrink:0;overflow:hidden}.cart-item-img{object-fit:cover;width:80px;height:80px;transition:transform var(--transition-base);display:block}.cart-item-img-wrap:hover .cart-item-img{transform:scale(1.05)}.cart-item-info{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.cart-item-category{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:600}.cart-item-title{color:var(--text-200);white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition-base);font-size:.98rem;font-weight:600;line-height:1.35;overflow:hidden}.cart-item-title:hover{color:var(--primary)}.cart-item-price{color:var(--secondary);font-size:.9rem;font-weight:600}.cart-item-controls{flex-shrink:0;align-items:center;gap:1.25rem;display:flex}.qty-control{background:var(--bg-700);border:1px solid var(--border-default);border-radius:var(--radius-md);align-items:center;display:flex;overflow:hidden}.qty-btn{width:32px;height:34px;color:var(--text-300);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.qty-btn:hover{color:var(--primary);background:#00cffb1a}.qty-value{text-align:center;min-width:32px;color:var(--text-100);border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);padding:0 4px;font-size:.9rem;font-weight:600;line-height:34px}.cart-item-subtotal{color:var(--text-100);text-align:right;min-width:90px;font-size:.95rem;font-weight:700}.remove-btn{color:var(--text-400);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:.4rem;display:flex}.remove-btn:hover{color:var(--danger);background:#ef44441a;border-color:#ef44444d}.cart-summary{top:calc(var(--header-height) + 1.5rem);position:sticky}.summary-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-direction:column;gap:1.1rem;padding:1.75rem;display:flex}.summary-title{color:var(--text-100);font-size:1.1rem;font-weight:700}.summary-lines{flex-direction:column;gap:.6rem;display:flex}.summary-line{color:var(--text-300);justify-content:space-between;align-items:flex-start;gap:.75rem;font-size:.88rem;display:flex}.summary-item-name{flex:1;line-height:1.4}.summary-qty{background:var(--bg-700);border-radius:var(--radius-sm);color:var(--text-400);margin-left:6px;padding:0 6px;font-size:.78rem}.summary-divider{background:var(--border-subtle);height:1px}.summary-total-row{color:var(--text-100);justify-content:space-between;align-items:center;font-size:1rem;font-weight:700;display:flex}.summary-total-price{color:var(--secondary);font-size:1.3rem}.summary-note{color:var(--text-400);font-size:.8rem;line-height:1.5}.checkout-btn{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 20px #00cffb4d}.checkout-btn:hover{box-shadow:0 8px 28px #00cffb73}.continue-shopping{text-align:center;color:var(--text-400);transition:color var(--transition-base);font-size:.88rem;text-decoration:none;display:block}.continue-shopping:hover{color:var(--primary)}.empty-cart{text-align:center;flex-direction:column;align-items:center;padding:6rem 2rem;animation:.4s fadeInUp;display:flex}.empty-cart-icon{opacity:.6;margin-bottom:1.5rem;font-size:5rem}.empty-cart h2{color:var(--text-200);margin-bottom:.5rem;font-size:1.6rem;font-weight:700}.empty-cart p{color:var(--text-400);font-size:.95rem}@media (width<=992px){.cart-layout{grid-template-columns:1fr}.cart-summary{order:-1;position:static}}@media (width<=640px){.cart-item{flex-direction:column;align-items:flex-start}.cart-item-controls{justify-content:space-between;width:100%}.cart-item-img{width:100%;height:160px}.cart-item-img-wrap{border-radius:var(--radius-md);width:100%}}.admin-login-bg{min-height:calc(100vh - var(--header-height));justify-content:center;align-items:center;padding:2rem;display:flex;position:relative;overflow:hidden}.admin-login-glow{pointer-events:none;background:radial-gradient(circle,#00cffb14 0%,#0000 70%);width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.admin-login-form{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;gap:1.25rem;width:100%;max-width:400px;padding:2.5rem;animation:.3s scaleIn;display:flex;box-shadow:0 20px 60px #00000080}.login-logo{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:var(--radius-lg);color:#000;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto .25rem;display:flex;box-shadow:0 4px 20px #00cffb4d}.login-title{text-align:center;color:var(--text-100);margin-top:-.25rem;font-size:1.5rem;font-weight:800}.login-subtitle{text-align:center;color:var(--text-400);margin-top:-.5rem;font-size:.88rem}.login-field{flex-direction:column;gap:.4rem;display:flex}.password-wrap{position:relative}.password-wrap .form-input{width:100%;padding-right:3rem}.pass-toggle{color:var(--text-400);cursor:pointer;transition:color var(--transition-base);background:0 0;border:none;align-items:center;display:flex;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.pass-toggle:hover{color:var(--primary)}.login-btn{border-radius:var(--radius-md);width:100%;margin-top:.25rem;padding:.9rem;font-size:1rem;font-weight:700;box-shadow:0 4px 20px #00cffb4d}.admin-dashboard{padding:2rem 0 5rem}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.admin-page-title{letter-spacing:-.3px;font-size:1.75rem;font-weight:800}.admin-page-sub{color:var(--text-400);margin-top:.25rem;font-size:.9rem}.admin-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-base);align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.stat-card:hover{border-color:var(--stat-color,var(--border-default))}.stat-icon{border-radius:var(--radius-md);width:46px;height:46px;color:var(--stat-color,var(--primary));background:#0000004d;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-value{color:var(--text-100);font-size:1.5rem;font-weight:800}.stat-label{color:var(--text-400);font-size:.82rem}.admin-content{align-items:flex-start;gap:1.75rem;display:flex}.admin-form-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);top:calc(var(--header-height) + 1rem);max-height:calc(100vh - var(--header-height) - 3rem);flex:0 0 380px;padding:1.75rem;position:sticky;overflow-y:auto}.panel-title{color:var(--text-200);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1rem;font-weight:700;display:flex}.product-form{flex-direction:column;gap:1.1rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.form-group{flex-direction:column;gap:.4rem;display:flex}.image-upload-row{align-items:center;gap:.6rem;display:flex}.upload-btn{white-space:nowrap;flex-shrink:0;align-items:center;gap:.4rem;padding:.65rem 1rem;font-size:.88rem;display:flex}.image-preview{border-radius:var(--radius-md);border:1px solid var(--border-default);aspect-ratio:16/9;width:100%;margin-top:.5rem;position:relative;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%;display:block}.preview-remove{color:#fff;cursor:pointer;width:24px;height:24px;transition:background var(--transition-fast);background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.preview-remove:hover{background:var(--danger)}.desc-label-row{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.insert-img-btn{cursor:pointer;border-radius:var(--radius-sm);color:var(--text-400);transition:all var(--transition-base);align-items:center;gap:4px;padding:.3rem .6rem;font-size:.82rem;display:flex}.form-textarea{border-radius:var(--radius-md);background:var(--bg-700);border:1px solid var(--border-default);width:100%;min-height:180px;color:var(--text-100);resize:vertical;padding:.85rem 1rem;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6}.form-label-hint{color:var(--text-400);margin-left:.4rem;font-size:.75rem;font-weight:400}.download-link-preview{border-radius:var(--radius-md);color:var(--success);background:#22c55e14;border:1px solid #22c55e40;align-items:center;gap:.5rem;margin-top:.4rem;padding:.5rem .85rem;font-size:.82rem;font-weight:500;display:flex}.download-link-preview.dlp-contact{color:var(--primary);background:#00cffb0f;border-color:#00cffb33}.dlp-icon{flex-shrink:0;font-size:1rem}.dlp-test{color:var(--primary);transition:opacity var(--transition-fast);margin-left:auto;font-size:.8rem;font-weight:600;text-decoration:underline}.dlp-test:hover{opacity:.75}.checkbox-group label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;display:flex}.hot-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-700);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.hot-toggle input{display:none}.toggle-track{background:var(--bg-500);border-radius:var(--radius-full);border:1px solid var(--border-default);width:40px;height:22px;transition:background var(--transition-base);flex-shrink:0;position:relative}.hot-toggle input:checked+.toggle-track{background:linear-gradient(135deg,#ff3b30,#ff6b35);border-color:#0000}.toggle-thumb{width:16px;height:16px;transition:left var(--transition-base);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0000004d}.hot-toggle input:checked+.toggle-track .toggle-thumb{left:20px}.toggle-label{color:var(--text-300);font-size:.9rem;font-weight:500}.form-actions{gap:.75rem;margin-top:.25rem;display:flex}.admin-list-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex:1;min-width:0;padding:1.75rem}.list-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.table-search-wrap{background:var(--bg-700);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:200px;transition:border-color var(--transition-base);align-items:center;gap:.5rem;padding:.5rem .85rem;display:flex}.table-search-wrap:focus-within{border-color:var(--primary)}.table-search-wrap svg{color:var(--text-400);flex-shrink:0}.table-search{color:var(--text-100);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.88rem;box-shadow:none!important}.table-search-clear{color:var(--text-400);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;color:var(--text-400);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:.7rem 1rem;font-size:.8rem;font-weight:600}.admin-row td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:.9rem 1rem}.admin-row:last-child td{border-bottom:none}.admin-row{transition:background var(--transition-fast)}.admin-row:hover{background:#ffffff05}.admin-img-wrap{border-radius:var(--radius-md);background:var(--bg-700);border:1px solid var(--border-subtle);width:52px;height:52px;overflow:hidden}.admin-table-img{object-fit:cover;width:52px;height:52px;display:block}.admin-title{color:var(--text-200);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.hot-tag{color:#ff6b6b;border-radius:var(--radius-sm);white-space:nowrap;background:#ff3b3026;border:1px solid #ff3b304d;margin-left:6px;padding:2px 6px;font-size:.72rem}.admin-price{color:var(--secondary);white-space:nowrap;font-size:.88rem;font-weight:600}.cat-pill{color:var(--primary);border-radius:var(--radius-full);white-space:nowrap;background:#00cffb14;border:1px solid #00cffb33;padding:2px 10px;font-size:.78rem;font-weight:600;display:inline-block}.action-cells{justify-content:center;gap:.5rem;display:flex}.btn-edit,.btn-delete{border-radius:var(--radius-sm);cursor:pointer;width:34px;height:34px;transition:all var(--transition-base);border:1px solid;justify-content:center;align-items:center;display:flex}.btn-edit{color:#4d9fff;background:#0068ff1a;border-color:#0068ff4d}.btn-edit:hover{color:#fff;background:#0068ff;border-color:#0068ff}.btn-delete{color:var(--danger);background:#ef44441a;border-color:#ef44444d}.btn-delete:hover{background:var(--danger);border-color:var(--danger);color:#fff}.admin-loading{flex-direction:column;gap:.75rem;padding-top:.5rem;display:flex}.admin-empty{text-align:center;color:var(--text-400);flex-direction:column;align-items:center;gap:.5rem;padding:3rem;font-size:.95rem;display:flex}@media (width<=1200px){.admin-form-panel{flex:0 0 340px}}@media (width<=992px){.admin-content{flex-direction:column}.admin-form-panel{flex:none;width:100%;max-height:none;position:static}.admin-stats{grid-template-columns:1fr 1fr 1fr}}@media (width<=640px){.admin-stats,.form-row{grid-template-columns:1fr}}