@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&family=Syne:wght@500;700;800&display=swap";:root{--primary-color:#a855f7;--secondary-color:#06b6d4;--background-color:#0b0f19;--text-color:#f3f4f6;--card-bg:#161b26;--border-radius:12px;--font-inter:"Inter", sans-serif;--font-outfit:"Outfit", sans-serif;--font-montserrat:"Montserrat", sans-serif;--font-syne:"Syne", sans-serif;--border-color:#ffffff14;--input-bg:#ffffff0a;--input-focus-border:#fff3;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-glow:0 0 20px #a855f733}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-inter);line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.dev-control-bar{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#161b26d9;border:1px solid #ffffff1f;border-radius:99px;align-items:center;gap:8px;padding:6px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080,0 0 0 1px #ffffff0d}.dev-logo{color:var(--text-color);border-right:1px solid #ffffff1a;align-items:center;gap:8px;padding:0 12px 0 16px;font-size:.85rem;font-weight:700;display:flex}.dev-logo span{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.dev-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:99px;align-items:center;gap:8px;padding:8px 18px;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.dev-btn:hover{color:var(--text-color);background:#ffffff0d}.dev-btn.active{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;box-shadow:0 0 12px #a855f766}.glass-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);background:#161b2699;padding:24px;transition:border-color .2s,box-shadow .2s}.glass-card:hover{box-shadow:var(--shadow-lg);border-color:#ffffff1f}.form-group{margin-bottom:16px}.form-label{color:#fffc;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.form-input{background-color:var(--input-bg);border:1px solid var(--border-color);width:100%;color:var(--text-color);border-radius:8px;outline:none;padding:10px 14px;font-size:.9rem;transition:all .2s}.form-input:focus{border-color:var(--primary-color);background-color:#ffffff14;box-shadow:0 0 0 2px #a855f726}.form-select{background-color:var(--input-bg);border:1px solid var(--border-color);width:100%;color:var(--text-color);cursor:pointer;border-radius:8px;outline:none;padding:10px 14px;font-size:.9rem;transition:all .2s}.form-select:focus{border-color:var(--primary-color)}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 10px #a855f740}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 15px #a855f759}.btn-secondary{color:var(--text-color);border:1px solid var(--border-color);background-color:#ffffff14}.btn-secondary:hover{background-color:#ffffff1f;transform:translateY(-1px)}.btn-accent{background-color:var(--secondary-color);color:#fff;box-shadow:0 4px 10px #06b6d440}.btn-accent:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 15px #06b6d459}.btn-danger{color:#fff;background-color:#ef4444}.btn-danger:hover{background-color:#dc2626}.btn-sm{border-radius:6px;padding:6px 12px;font-size:.8rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #a855f733}50%{box-shadow:0 0 25px #a855f766}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp}.storefront-wrapper{flex-direction:column;min-height:calc(100vh - 64px);margin-top:64px;display:flex}.store-header{border-bottom:1px solid var(--border-color);background:rgba(var(--background-color), .8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;transition:all .3s;position:sticky;top:0}.badge-count{background-color:var(--primary-color);color:#fff;border-radius:99px;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 5px #0003}.theme-light{--border-color:#0f172a14;--input-bg:#0f172a05;--input-focus-border:#0f172a26}.theme-light .glass-card{background:#fffc;border-color:#0f172a0f}.theme-light .dev-control-bar{background:#ffffffe6;border-color:#0f172a1a;box-shadow:0 10px 30px #0f172a14}.theme-light .dev-logo{color:#0f172a}.theme-light .dev-btn{color:#0f172a99}.theme-light .dev-btn:hover{background:#0f172a0a}.theme-light .form-input,.theme-light .form-select{border-color:#0f172a26}.theme-light .form-label{color:#0f172acc}.theme-light ::-webkit-scrollbar-track{background:#fff}.theme-light ::-webkit-scrollbar-thumb{background:#0000001a}img,svg,video,table{max-width:100%}.responsive-table-card{overflow-x:auto!important}.responsive-table-card table,.comparison-table-card table{min-width:680px}.comparison-table-card{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.category-scroll,.landing-nav,.dev-control-bar{scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}.landing-nav::-webkit-scrollbar{display:none}.dev-control-bar::-webkit-scrollbar{display:none}@media (width<=900px){.landing-header{flex-direction:column!important;align-items:flex-start!important;gap:14px!important;padding:14px 5%!important}.landing-brand span{font-size:1.05rem!important;line-height:1.15!important}.landing-nav{gap:14px!important;width:100%!important;padding-bottom:4px!important;overflow-x:auto!important}.landing-nav a{white-space:nowrap!important;flex:none!important}.landing-hero{gap:20px!important;padding:56px 5% 44px!important}.landing-hero h1{letter-spacing:0!important;font-size:clamp(2.15rem,11vw,3rem)!important}.landing-hero p{font-size:1rem!important}.landing-hero-actions{flex-wrap:wrap!important;width:100%!important}.landing-hero-actions a{text-align:center!important;flex:150px!important;justify-content:center!important}.pricing-grid>div{transform:none!important}.dev-control-bar{border-radius:14px!important;justify-content:flex-start!important;width:auto!important;max-width:calc(100vw - 20px)!important;top:8px!important;left:10px!important;right:10px!important;overflow-x:auto!important;transform:none!important}.dev-logo,.dev-btn{flex:none!important}.dev-logo{padding:0 10px!important}.dev-btn{white-space:nowrap!important;padding:8px 12px!important}.storefront-wrapper{margin-top:64px!important}.store-header{flex-wrap:wrap!important;gap:12px!important;padding:14px 5%!important;top:58px!important}.store-brand{flex:calc(100% - 48px)!important;min-width:0!important}.store-brand span{white-space:normal!important;line-height:1.1!important}.store-nav{order:3!important;gap:16px!important;width:100%!important;padding-bottom:4px!important;overflow-x:auto!important}.store-nav span{white-space:nowrap!important;flex:none!important}.store-hero{align-items:flex-end!important;height:auto!important;min-height:360px!important;margin-bottom:28px!important;padding:64px 5% 28px!important}.store-hero-card{width:100%!important;max-width:none!important;padding:24px!important}.store-hero-card h1{letter-spacing:0!important;font-size:clamp(1.75rem,8vw,2.2rem)!important}.store-main{margin-bottom:40px!important;padding:0 5%!important}.product-toolbar{align-items:stretch!important}.category-scroll,.product-search{width:100%!important;max-width:none!important}.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:14px!important}.product-grid .glass-card>div:first-of-type{height:210px!important}.product-modal-card{grid-template-columns:1fr!important;gap:20px!important;max-height:calc(100vh - 24px)!important;padding:20px!important}.product-modal-image{min-height:220px!important;max-height:280px!important}.option-chip-row{flex-wrap:wrap!important}.cart-drawer-panel{max-width:min(440px,100vw)!important;padding:20px!important}.ai-assistant{bottom:14px!important;right:14px!important}.ai-chat-panel{width:calc(100vw - 28px)!important;height:min(560px,100vh - 28px)!important}.admin-layout{flex-direction:column!important;min-height:calc(100vh - 64px)!important;display:flex!important}.admin-sidebar{z-index:80!important;border-right:none!important;border-bottom:1px solid var(--border-color)!important;flex-direction:row!important;gap:12px!important;padding:14px 5%!important;position:sticky!important;top:58px!important;overflow-x:auto!important}.admin-sidebar>div:first-child{min-width:max-content!important}.admin-sidebar>div:last-child,.admin-sidebar h2{display:none!important}.admin-tabs{flex-direction:row!important;gap:8px!important;margin-top:0!important}.admin-tabs button{white-space:nowrap!important;width:auto!important}.admin-content{padding:20px 5%!important;overflow:visible!important}.admin-view-header,.admin-section-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.metrics-grid,.metrics-panels,.orders-layout,.admin-two-column,.form-grid-2,.form-grid-3,.payment-method-grid{grid-template-columns:1fr!important}.admin-action-bar,.admin-filter-row,.shipping-form{flex-direction:column!important;align-items:stretch!important;width:100%!important}.admin-filter-row{min-width:0!important}.admin-action-bar .btn,.admin-filter-row .form-select,.shipping-form .btn{width:100%!important}}@media (width<=520px){.glass-card{padding:18px!important}.dev-logo{display:none!important}.dev-control-bar{gap:4px!important}.dev-btn{flex:1 1 0!important;justify-content:center!important;gap:5px!important;min-width:0!important;padding:8px 6px!important;font-size:.72rem!important}.landing-hero h1{font-size:clamp(2rem,10vw,2.55rem)!important}.landing-hero-actions{flex-direction:column!important}.landing-hero-actions a{flex:none!important;width:100%!important}.product-grid{grid-template-columns:1fr!important}.product-grid .glass-card>div:first-of-type{height:240px!important}.product-modal-actions{flex-direction:column!important;align-items:stretch!important}.checkout-flow{margin:24px auto!important;padding:0!important}}