@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";html,body,#root{width:100%;min-height:100%;margin:0;padding:0}.login-page{box-sizing:border-box;color:#f8fafc;background:radial-gradient(circle at 75%,#6366f126,#0000 45%),radial-gradient(circle at 10% 85%,#14b8a62e,#0000 42%),radial-gradient(circle at 35% 65%,#0d948814,#0000 35%),#02040a;grid-template:"logo login""brand login"1fr"features login"/1.1fr .9fr;width:100%;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:relative;overflow:hidden}.login-background{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-background:before{content:"";border:1px solid #2dd4bf1f;border-radius:50%;width:600px;height:600px;position:absolute;bottom:-390px;left:-300px;box-shadow:0 0 100px #14b8a60d,inset 0 0 100px #14b8a606}.login-background:after{content:"";border:1px solid #6366f117;border-radius:50%;width:700px;height:700px;position:absolute;bottom:-420px;right:-390px}.dot-overlay{opacity:.18;pointer-events:none;background-image:radial-gradient(#2dd4bfa6 1px,#0000 1px);background-size:16px 16px;width:180px;height:220px;position:absolute;top:17%;left:38%;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.login-logo-container{z-index:2;grid-area:logo;align-self:start;width:140px;margin-top:7vh;margin-left:10vw;text-decoration:none;display:block;position:relative}.login-logo-img{object-fit:contain;width:140px;height:auto;display:block}.login-brand-text{z-index:2;box-sizing:border-box;grid-area:brand;align-self:center;width:100%;max-width:540px;margin-left:10vw;padding-bottom:15px;position:relative}.login-brand-text h1{color:#fff;letter-spacing:-2px;margin:0;font-size:clamp(48px,4vw,62px);font-weight:800;line-height:.98}.login-brand-text h1 span{color:#2dd4bf}.login-brand-text p{color:#647da3;max-width:470px;margin:24px 0 0;font-size:15px;line-height:1.65}.login-actions{flex-direction:column;gap:12px;width:100%;max-width:360px;margin-top:30px;display:flex}.login-action-box{box-sizing:border-box;color:#fff;background:linear-gradient(90deg,#14b8a604,#6366f104);border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:12px 16px;text-decoration:none;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;display:flex}.login-action-box:hover{background:linear-gradient(90deg,#14b8a60d,#6366f10a);border-color:#2dd4bf40;transform:translateY(-1px);box-shadow:0 8px 25px #14b8a60a}.login-action-left{align-items:center;gap:12px;display:flex}.action-icon{background:#ffffff06;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.icon-cyan-globe{color:#2dd4bf;border:1px solid #2dd4bf26}.icon-purple-cart{color:#a855f7;border:1px solid #a855f726}.action-text{color:#cbd5e1;font-size:13px;font-weight:600}.arrow-right{color:#475569;font-size:14px;transition:transform .2s,color .2s}.login-action-box:hover .arrow-right{color:#2dd4bf;transform:translate(4px)}.login-features{z-index:2;grid-area:features;align-self:end;align-items:center;gap:38px;margin-bottom:7vh;margin-left:10vw;display:flex;position:relative}.login-feature{align-items:center;gap:10px;display:flex}.login-feature-icon{justify-content:center;align-items:center;width:18px;display:flex}.icon-cyan{color:#06b6d4}.icon-teal{color:#14b8a6}.icon-purple{color:#a855f7}.login-feature-text{flex-direction:column;gap:2px;display:flex}.login-feature-text strong{color:#fff;font-size:12px;font-weight:600}.login-feature-text span{color:#475569;font-size:10px;line-height:1.3}.login-panel{z-index:2;box-sizing:border-box;grid-area:login;justify-content:center;align-items:center;min-height:100vh;padding:60px 8vw 60px 4vw;display:flex;position:relative}.login-box{box-sizing:border-box;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#070b18f0,#040712f7);border:1px solid #ffffff14;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:420px;height:640px;padding:50px 40px;animation:8s infinite neonFluidGlow;display:flex;position:relative;transform:translate(-80px)}@keyframes neonFluidGlow{0%{border-color:#2dd4bf6b;box-shadow:0 0 25px #2dd4bf29,0 0 55px #2dd4bf0f}25%{border-color:#14b8a66b;box-shadow:0 0 25px #14b8a629,0 0 55px #14b8a60f}50%{border-color:#6366f170;box-shadow:0 0 25px #6366f12b,0 0 55px #6366f112}75%{border-color:#a855f770;box-shadow:0 0 25px #a855f72b,0 0 55px #a855f712}to{border-color:#2dd4bf6b;box-shadow:0 0 25px #2dd4bf29,0 0 55px #2dd4bf0f}}.login-heading{text-align:center;width:100%;margin-bottom:32px}.login-eyebrow-panel{color:#8b7cf6;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;font-size:10px;font-weight:700;display:block}.login-heading h2{color:#fff;letter-spacing:-1.5px;margin:0;font-size:36px;font-weight:800;line-height:1}.login-heading p{color:#64748b;text-align:center;max-width:280px;margin:14px auto 0;font-size:13px;line-height:1.55}.login-form{justify-content:center;width:100%;margin-bottom:24px;display:flex}.google-login-btn{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;max-width:340px;height:48px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;display:flex}.google-login-btn:hover:not(:disabled){background:#ffffff0f;border-color:#2dd4bf40;transform:translateY(-1px);box-shadow:0 5px 20px #2dd4bf0d}.google-login-btn:active:not(:disabled){transform:translateY(0)}.google-login-btn:disabled{cursor:not-allowed;opacity:.7}.google-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.google-login-btn.loading{background:#ffffff08;border-color:#ffffff14}.login-spinner{border:2px solid #ffffff26;border-top-color:#2dd4bf;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-error{box-sizing:border-box;color:#fca5a5;text-align:center;background:#7f1d1d26;border:1px solid #f8717140;border-radius:8px;width:100%;margin:14px 0 0;padding:12px 14px;font-size:12px;line-height:1.5}.login-divider{justify-content:center;align-items:center;width:100%;max-width:340px;margin-bottom:28px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff0f;flex:1;height:1px}.dot-separator{color:#475569;padding:0 14px;font-size:11px}.login-footer-info{color:#475569;justify-content:center;align-items:center;gap:9px;width:100%;display:flex}.lock-icon{color:#6366f1;align-items:center;display:flex}.login-footer-info p{color:#475569;text-align:center;max-width:240px;margin:0;font-size:12px;line-height:1.4}@media (width<=1100px){.login-page{grid-template-columns:1fr .9fr}.login-logo-container,.login-brand-text,.login-features{margin-left:7vw}.login-brand-text h1{font-size:clamp(44px,5vw,58px)}.login-panel{padding-left:3vw;padding-right:5vw}}@media (width<=900px){.login-page{background:radial-gradient(circle at 50% 35%,#6366f11a,#0000 45%),radial-gradient(circle at 20% 90%,#14b8a61a,#0000 40%),#02040a;flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.login-brand{width:100%;min-height:0;padding:0;display:contents}.login-brand:before,.login-brand:after{display:none}.login-brand-content{width:100%;max-width:none;height:auto;min-height:0;display:contents}.dot-overlay{display:none}.login-logo-container{z-index:2;order:1;width:135px;max-width:135px;margin:28px auto 0;display:block;position:relative}.login-logo-img{width:100%;height:auto;display:block}.login-panel{box-sizing:border-box;z-index:3;background:0 0;order:2;justify-content:center;align-items:center;width:100%;min-height:auto;margin:0;padding:35px 18px 0;display:flex;position:relative}.login-box{box-sizing:border-box;background:#060916eb;border:1px solid #6366f166;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:420px;height:auto;min-height:500px;padding:42px 20px;animation:8s infinite neonFluidGlow;display:flex;transform:none;box-shadow:0 0 35px #6366f11f,inset 0 0 25px #6366f106}.login-heading{text-align:center;width:100%;margin-bottom:32px}.login-heading h2{text-align:center;font-size:36px}.login-heading p{text-align:center;max-width:280px;margin:12px auto 0;font-size:13px;line-height:1.5}.login-form{width:100%;margin-bottom:24px}.google-login-btn{width:100%;max-width:340px;height:52px}.login-divider{width:100%;max-width:340px}.login-footer-info{justify-content:center;width:100%}.login-brand-text{box-sizing:border-box;text-align:center;flex-direction:column;order:3;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:50px 22px 25px;display:flex}.login-brand-text h1{letter-spacing:-2px;text-align:center;margin:0;font-size:clamp(42px,11vw,62px);line-height:.98}.login-brand-text p{text-align:center;max-width:520px;margin:20px auto 0;font-size:15px;line-height:1.65}.login-actions{flex-direction:column;gap:10px;width:100%;max-width:360px;margin:30px auto 0;display:flex}.login-action-box{box-sizing:border-box;width:100%}.login-features{box-sizing:border-box;order:4;justify-content:center;align-items:flex-start;gap:18px;width:100%;max-width:600px;margin:0 auto;padding:0 22px 30px;display:flex}.login-feature{flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;display:flex}.login-feature-text{flex-direction:column;display:flex}.login-feature-text strong{font-size:11px}.login-feature-text span{font-size:9px;line-height:1.3}}@media (width<=600px){.login-logo-container{width:135px;max-width:135px;margin:24px auto 0}.login-panel{padding:30px 18px 0}.login-box{border-radius:16px;width:100%;max-width:420px;min-height:500px;padding:42px 20px;transform:none}.login-heading{margin-bottom:30px}.login-heading h2{font-size:36px}.login-heading p{font-size:13px}.google-login-btn{height:52px;font-size:13px}.login-brand-text{padding:45px 18px 22px}.login-brand-text h1{letter-spacing:-1.8px;font-size:44px;line-height:.98}.login-brand-text p{text-align:center;max-width:480px;font-size:15px;line-height:1.65}.login-actions{width:100%;max-width:360px;margin-top:28px}.login-action-box{padding:12px 14px}.action-text{font-size:12px}.login-features{gap:10px;padding:0 18px 28px}.login-feature{text-align:center;flex-direction:column;justify-content:center;align-items:center}.login-feature-text{text-align:center;align-items:center}.login-feature-text strong{font-size:10px}.login-feature-text span{font-size:8px}}.admin-dashboard{color:#0f172a;background:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-header{box-sizing:border-box;background:#0b1329;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex}.admin-header-left,.admin-header-right{align-items:center;display:flex}.admin-header-left{gap:16px}.admin-header-right{gap:18px}.admin-logo{flex-shrink:0;justify-content:center;align-items:center;width:125px;height:38px;display:flex;overflow:hidden}.admin-logo img{object-fit:contain;width:100%;height:100%;display:block}.admin-brand{align-items:center;display:flex}.admin-brand span{color:#64748b;border-left:1px solid #1e293b;padding-left:16px;font-size:13px;font-weight:500;line-height:1}.admin-user{align-items:center;gap:10px;display:flex}.admin-user-avatar{color:#818cf8;background:#1e1b4b;border:1px solid #312e81;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.admin-user-info{flex-direction:column;gap:1px;display:flex}.admin-user-info strong{color:#f8fafc;font-size:13px;font-weight:600}.admin-user-info span{color:#64748b;font-size:11px}.admin-logout{color:#cbd5e1;cursor:pointer;background:#0f172a;border:1px solid #1e293b;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.admin-logout:hover{color:#f87171;background:#ef44441f;border-color:#7f1d1d}.admin-content{box-sizing:border-box;max-width:1320px;margin:0 auto;padding:32px 24px 60px}.stores-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.stores-header h1{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:24px;font-weight:800}.stores-header p{color:#64748b;margin:0;font-size:14px;font-weight:500}.create-store-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #6366f140}.create-store-btn:hover{background:#4f46e5;transform:translateY(-1px)}.stores-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.store-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.store-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 12px 24px #0f172a14}.store-card-top{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.store-card-avatar-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000a}.store-card-logo-img{object-fit:cover;width:100%;height:100%}.store-card-initials{color:#6366f1;letter-spacing:-.02em;font-size:15px;font-weight:800}.store-status{border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.store-status.active{color:#15803d;background:#f0fdf4;border:1px solid #dcfce7}.store-status.inactive{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2}.store-card-body{flex:1;padding:16px 20px}.store-card-body h2{color:#0f172a;letter-spacing:-.01em;margin:0 0 10px;font-size:17px;font-weight:700}.store-meta-tags{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;display:flex}.store-plan-badge{color:#4f46e5;background:#eef2ff;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.store-category-badge{color:#475569;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.store-billing-info{color:#64748b;border-top:1px dashed #e2e8f0;align-items:center;gap:6px;padding-top:10px;font-size:12px;display:flex}.store-billing-info strong{color:#334155;font-weight:700}.store-card-admin-actions{background:#fafafa;border-top:1px solid #f1f5f9;align-items:center;gap:8px;padding:8px 20px;display:flex}.action-btn{cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.action-btn.toggle-btn.pause{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.action-btn.toggle-btn.pause:hover{background:#ffedd5}.action-btn.toggle-btn.activate{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.action-btn.toggle-btn.activate:hover{background:#dcfce7}.action-btn.delete-btn{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.action-btn.delete-btn:hover{background:#fee2e2}.store-card-footer{background:#fff;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.store-client{color:#64748b;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.enter-store-btn{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.enter-store-btn:hover{background:#eef2ff;border-color:#c7d2fe}@media (width<=1100px){.stores-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.admin-brand span,.admin-user-info{display:none}.admin-header{padding:0 16px}.admin-content{padding:20px 16px 40px}.stores-header{flex-direction:column;align-items:stretch}.create-store-btn{justify-content:center;width:100%}.stores-grid{grid-template-columns:1fr}}.store-form-layout{box-sizing:border-box;flex-direction:column;gap:18px;width:100%;max-width:1320px;margin:0 auto;padding:24px 20px 40px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.form-column{box-sizing:border-box;flex-direction:column;gap:18px;width:100%;display:flex}@media (width>=1024px){.store-form-layout{flex-direction:row;align-items:flex-start;gap:20px;padding:24px 20px 40px}.form-column{flex:1;width:50%;min-width:0}}.store-form-section{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 1px 2px #0f172a08,0 3px 8px #0f172a06}.store-form-title{color:#71829a;text-transform:uppercase;letter-spacing:.035em;border-bottom:1px solid #e8edf3;margin:0;padding:14px 18px;font-size:13px;font-weight:600;line-height:1.2}.store-form-content{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;width:100%;padding:16px 18px;display:grid}.store-form-field{box-sizing:border-box;width:100%;min-width:0}.store-form-field-full{grid-column:1/-1}.store-form-field label{color:#334155;margin:0 0 6px;font-size:12px;font-weight:600;line-height:1.2;display:block}.store-form-input,.store-form-select,.store-form-textarea{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #d8e1ec;border-radius:7px;width:100%;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.store-form-input{height:38px;padding:0 11px}.store-form-select{cursor:pointer;height:38px;padding:0 10px}.store-form-textarea{resize:vertical;min-height:78px;padding:9px 11px;line-height:1.45}.store-form-input::placeholder,.store-form-textarea::placeholder{color:#9aa8ba;opacity:1}.store-form-input:hover,.store-form-select:hover,.store-form-textarea:hover{border-color:#c7d2df}.store-form-input:focus,.store-form-select:focus,.store-form-textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f114}.store-form-field small{color:#94a3b8;margin-top:4px;font-size:10px;line-height:1.3;display:block}.store-form-checkbox{color:#334155;cursor:pointer;align-items:center;gap:7px;min-height:38px;font-size:12px;display:flex}.store-form-checkbox input{accent-color:#6366f1;cursor:pointer;width:15px;height:15px;margin:0}.store-form-subsection{box-sizing:border-box;width:100%}.store-form-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.store-form-image-box{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-width:0;padding:12px}.store-form-image-box h3{color:#334155;margin:0 0 9px;font-size:12px;font-weight:600}.store-form-upload{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;min-width:0;padding:12px}.store-form-upload h3{color:#334155;margin:0 0 9px;font-size:12px;font-weight:600}.store-form-btn{color:#334155;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #d8e1ec;border-radius:7px;justify-content:center;align-items:center;min-height:36px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s;display:inline-flex}.store-form-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 1px 2px #0f172a0a}.store-form-btn:active{transform:translateY(1px)}.store-form-upload>p{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;margin:8px 0 0;font-size:11px;line-height:1.4;overflow:hidden}.store-form-preview{object-fit:contain;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:7px;width:100%;max-width:100%;height:180px;margin-top:10px;display:block}.store-form-info-card{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:10px;width:calc(100% - 36px);margin:0 18px 14px;padding:14px;display:flex}.store-form-info-card .store-form-input,.store-form-info-card .store-form-textarea{width:100%}.store-form-info-card .store-form-preview{height:180px}.store-form-info-card .store-form-btn{align-self:flex-start}.store-form-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d8e1ec;border-radius:7px;justify-content:center;align-items:center;min-height:36px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s;display:inline-flex}.store-form-button:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 1px 2px #0f172a0a}.store-form-button:active{transform:translateY(1px)}.store-form-button-primary{color:#fff;background:#6366f1;border-color:#6366f1}.store-form-button-primary:hover{background:#585be7;border-color:#585be7}.store-form-actions{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin-top:14px;padding:0 18px 18px;display:grid}.store-form-actions .store-form-upload{min-width:0}.store-form-help{color:#94a3b8;margin-top:4px;font-size:11px;line-height:1.4}.store-form-button:disabled,.store-form-btn:disabled,.store-form-input:disabled,.store-form-select:disabled,.store-form-textarea:disabled{opacity:.5;cursor:not-allowed}.store-form-button:disabled:hover,.store-form-btn:disabled:hover{box-shadow:none;background:#fff;border-color:#d8e1ec}.store-form-button:disabled:active,.store-form-btn:disabled:active{transform:none}.store-form-button-primary:disabled,.store-form-button-primary:disabled:hover{color:#fff;box-shadow:none;background:#6366f1;border-color:#6366f1}.store-form-input:disabled,.store-form-select:disabled,.store-form-textarea:disabled{color:#64748b;background:#f8fafc;border-color:#d8e1ec}.store-form-select:disabled{cursor:not-allowed}@media (width<=1023px){.store-form-layout{max-width:900px}}@media (width<=600px){.store-form-layout{gap:14px;padding:14px 12px 30px}.form-column{gap:14px}.store-form-title{padding:12px 14px;font-size:12px}.store-form-content{grid-template-columns:1fr;gap:12px;padding:14px}.store-form-field-full{grid-column:auto}.store-form-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px 14px}.store-form-upload{padding:10px}.store-form-preview{height:160px}.store-form-info-card{width:calc(100% - 28px);margin-left:14px;margin-right:14px;padding:12px}.store-form-info-card .store-form-preview{height:160px}}.create-store{box-sizing:border-box;background:#f8fafc;width:100%;min-height:100%;padding:32px 36px;font-family:Inter,system-ui,-apple-system,sans-serif}.create-store h1{color:#0f172a;letter-spacing:-.02em;margin:0 0 24px;font-size:24px;font-weight:700}.create-store-actions{justify-content:flex-end;gap:12px;width:100%;max-width:1320px;margin:24px auto 0;display:flex}.create-store-actions button{cursor:pointer;border-radius:8px;height:40px;padding:0 18px;font-size:13px;font-weight:600;transition:all .2s}.create-store-actions button:first-child{color:#334155;background:#fff;border:1px solid #cbd5e1}.create-store-actions button:first-child:hover{background:#f1f5f9;border-color:#94a3b8}.create-store-actions button:last-child{color:#fff;background:#4f46e5;border:none;box-shadow:0 1px 3px #4f46e54d}.create-store-actions button:last-child:hover{background:#4338ca;box-shadow:0 4px 12px #4f46e559}.sidebar{box-sizing:border-box;color:#fff;z-index:1000;background:#0b1329;border-right:1px solid #1e293b;flex-direction:column;width:230px;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;top:0;left:0}.sidebar-brand{box-sizing:border-box;border-bottom:1px solid #1e293b;width:100%;padding:20px 18px}.sidebar-brand a{width:100%;display:block}.sidebar-logo{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:44px;display:flex;overflow:hidden}.sidebar-logo-full{object-fit:contain;object-position:center;width:100%;height:44px;display:block}.sidebar-logo-mark{object-fit:contain;width:32px;height:32px;display:none}.sidebar-nav-wrapper{flex:1;min-height:0;position:relative}.sidebar-nav{box-sizing:border-box;flex-direction:column;height:100%;padding:18px 10px;display:flex}.sidebar-title{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;padding:0 10px;font-size:10px;font-weight:700}.sidebar-item{color:#94a3b8;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sidebar-item:hover{color:#f1f5f9;background:#ffffff0d}.sidebar-item.active{color:#fff;background:#1e1b4b;font-weight:600;box-shadow:inset 3px 0 #6366f1}.sidebar-icon{color:#64748b;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:flex}.sidebar-item:hover .sidebar-icon{color:#cbd5e1}.sidebar-item.active .sidebar-icon{color:#818cf8}.sidebar-scroll-button{display:none}.sidebar-support{box-sizing:border-box;border-top:1px solid #1e293b;width:100%;padding:8px 10px}.sidebar-support-button{color:#64748b;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:flex}.sidebar-support-button:hover{color:#cbd5e1;background:#ffffff0a}.sidebar-support-icon{color:#64748b;flex-shrink:0;justify-content:center;align-items:center;display:flex}.worm-icon{filter:drop-shadow(0 0 2px #34d3994d);font-size:16px}.sidebar-bottom{border-top:1px solid #1e293b;padding:10px}.sidebar-logout{color:#f87171;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.sidebar-logout:hover{color:#ef4444;background:#ef44441f}.sidebar-logout-icon{color:#f87171;justify-content:center;align-items:center;display:flex}@media (width<=700px){.sidebar{border-bottom:1px solid #1e293b;border-right:none;width:100%;height:104px;display:block;top:0;left:0;right:0;overflow:hidden}.sidebar-brand{border-bottom:1px solid #1e293b;align-items:center;width:100%;height:52px;padding:0 16px;display:flex}.sidebar-brand a{align-items:center;width:auto;height:100%;display:flex}.sidebar-logo{justify-content:flex-start;width:36px;height:36px}.sidebar-logo-full{display:none}.sidebar-logo-mark{width:32px;height:32px;display:block}.sidebar-nav-wrapper{box-sizing:border-box;align-items:center;width:100%;height:52px;display:flex;overflow:hidden}.sidebar-nav{box-sizing:border-box;scrollbar-width:none;flex-direction:row;flex:1;align-items:center;gap:4px;min-width:0;height:52px;padding:0 4px;display:flex;overflow:auto hidden}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-title{display:none}.sidebar-item{white-space:nowrap;border-radius:8px;align-items:center;gap:7px;width:auto;min-width:max-content;height:36px;margin:0;padding:0 12px;font-size:12px;display:flex}.sidebar-item.active{box-shadow:none;background:#6366f1}.sidebar-scroll-button{color:#cbd5e1;cursor:pointer;z-index:2;background:#0f172a;border:1px solid #1e293b;border-radius:8px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:36px;padding:0;font-size:22px;font-weight:300;display:flex;position:static}.sidebar-scroll-left{margin-left:6px}.sidebar-scroll-right{margin-right:6px}.sidebar-bottom{z-index:20;background:#0b1329;border-top:none;border-left:1px solid #1e293b;justify-content:center;align-items:center;width:58px;height:52px;margin:0;padding:0;display:flex;position:absolute;top:0;right:0}.sidebar-logout{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin:0;padding:0;display:flex}.sidebar-logout span:last-child{display:none}.sidebar-support{z-index:20;background:#0b1329;border-top:none;border-bottom:1px solid #1e293b;align-items:center;gap:6px;width:auto;height:52px;margin:0;padding:0 8px;display:flex;position:absolute;top:0;right:58px}.sidebar-support-button{color:#cbd5e1;background:#0f172a;border:1px solid #1e293b;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin:0;padding:0;display:flex}.sidebar-support-button span:last-child{display:none}}.dashboard{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-topbar{box-sizing:border-box;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;width:100%;height:58px;padding:0 24px;display:flex}.dashboard-topbar-title{align-items:center;gap:12px;display:flex}.dashboard-topbar-title strong{color:#0f172a;letter-spacing:-.01em;font-size:20px;font-weight:700}.dashboard-topbar-title span{color:#64748b;border-left:1px solid #e2e8f0;padding-left:12px;font-size:14px;font-weight:500}.dashboard-user{color:#334155;align-items:center;gap:9px;font-size:13px;font-weight:500;display:flex}.dashboard-user-avatar{color:#6366f1;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.dashboard-content{padding:28px 24px 48px}.dashboard-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.dashboard-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;gap:12px;padding:18px 20px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000a}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f172a0f}.dashboard-card-header{justify-content:space-between;align-items:center;display:flex}.dashboard-card-header span{color:#64748b;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.dashboard-card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dashboard-card-icon.green{color:#16a34a;background:#dcfce7}.dashboard-card-icon.orange{color:#ea580c;background:#ffedd5}.dashboard-card-icon.blue{color:#0284c7;background:#e0f2fe}.dashboard-card-icon.purple{color:#9333ea;background:#f3e8ff}.dashboard-card-content{flex-direction:column;gap:4px;display:flex}.dashboard-card-content strong{color:#0f172a;letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1.15}.dashboard-card-content small{color:#64748b;font-size:13px;font-weight:500}.dashboard-card-content .top-product{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:18px;font-weight:700;overflow:hidden}.recent-orders{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.recent-orders-header{border-bottom:1px solid #e2e8f0;padding:16px 20px}.recent-orders-header h2{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.recent-orders-table-wrapper{width:100%;overflow-x:auto}.recent-orders-table{border-collapse:collapse;width:100%;font-size:13px}.recent-orders-table th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:700}.recent-orders-table td{color:#334155;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:13px}.recent-orders-table tbody tr:last-child td{border-bottom:none}.customer-name{color:#0f172a;font-weight:600}.order-total{font-size:14px;font-weight:700;color:#0f172a!important}.order-status{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}@media (width<=1100px){.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.dashboard-topbar{display:none}.dashboard-content{padding:16px 14px 32px}.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.dashboard-card{border-radius:10px;padding:14px}.dashboard-card-icon{width:32px;height:32px}.dashboard-card-icon svg{width:16px;height:16px}.dashboard-card-header span{font-size:10px}.dashboard-card-content strong{font-size:20px}.dashboard-card-content small{font-size:11px}.dashboard-card-content .top-product{font-size:14px}.recent-orders{border-radius:10px}.recent-orders-header{padding:14px 16px}.recent-orders-header h2{font-size:16px}}.products-page{color:#0f172a;background:#f8fafc;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.products-topbar{box-sizing:border-box;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;width:100%;height:58px;padding:0 24px;display:flex}.products-topbar-title{align-items:center;gap:12px;display:flex}.products-topbar-title strong{color:#0f172a;letter-spacing:-.01em;font-size:20px;font-weight:700}.products-topbar-title span{color:#64748b;border-left:1px solid #e2e8f0;padding-left:12px;font-size:14px;font-weight:500}.products-user{color:#334155;align-items:center;gap:9px;font-size:13px;font-weight:500;display:flex}.products-user-avatar{color:#6366f1;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.products-content{padding:28px 24px 48px}.products-header{justify-content:flex-end;align-items:center;margin-bottom:18px;display:flex}.add-product-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:background .15s,transform .1s;box-shadow:0 1px 2px #6366f133}.add-product-btn:hover{background:#4f46e5;transform:translateY(-1px)}.search-input-wrapper{width:100%;margin-bottom:18px;position:relative}.search-input{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;height:42px;padding:0 40px 0 16px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #00000005}.search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0 4px;font-size:18px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clear-search-btn:hover{color:#0f172a}.products-table-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;overflow:auto hidden;box-shadow:0 1px 3px #0000000a}.products-table{border-collapse:collapse;width:100%;min-width:760px;font-size:13px}.products-table th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:700}.products-table td{color:#334155;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:13px}.products-table tbody tr:last-child td{border-bottom:none}.products-table tbody tr:hover td{background:#fafafa}.product-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#64748b!important;font-size:12px!important}.product-name{font-weight:600;color:#0f172a!important}.product-brand{color:#475569}.product-price{font-weight:700;color:#0f172a!important}.category-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.product-stock{color:#334155;font-weight:600}.product-stock.stock-zero{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2;border-radius:6px;padding:2px 8px;font-size:12px}.empty-products-row{text-align:center;color:#64748b;font-size:14px;padding:36px!important}.product-actions{gap:8px;display:flex}.product-actions button{cursor:pointer;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.edit-product-btn{color:#334155;background:#fff;border:1px solid #cbd5e1}.edit-product-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.delete-product-btn{color:#dc2626;background:#fff;border:1px solid #fecaca}.delete-product-btn:hover{background:#fef2f2;border-color:#fca5a5}.product-modal-overlay{z-index:1000;box-sizing:border-box;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.product-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:720px;max-height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 20px 50px #0f172a2e}.product-modal-header{box-sizing:border-box;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;min-height:64px;padding:0 24px;display:flex}.product-modal-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:700}.modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;font-weight:400;transition:background .15s,color .15s;display:flex}.modal-close-btn:hover{color:#0f172a;background:#f1f5f9}.product-modal-body{padding:22px 24px;overflow-y:auto}.product-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-group label{color:#475569;letter-spacing:.04em;font-size:11px;font-weight:700}.form-group label span{color:#6366f1}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;color:#334155;background:#fff;border:1px solid #d8e1eb;border-radius:8px;outline:none;width:100%;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.form-group input,.form-group select{height:38px;padding:0 12px}.form-group textarea{resize:vertical;min-height:72px;padding:10px 12px}.character-counter{color:#94a3b8;align-self:flex-end;margin-top:2px;font-size:11px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.category-inline-create{align-items:center;gap:6px;display:flex}.category-inline-create input{border-radius:8px;flex:1;height:38px}.btn-confirm-cat{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:8px;height:38px;padding:0 14px;font-size:12px;font-weight:600}.btn-confirm-cat:hover{background:#5558e8}.btn-cancel-cat{color:#64748b;cursor:pointer;background:0 0;border:1px solid #d8e1eb;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;display:flex}.modal-section{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.modal-section-title{color:#94a3b8;letter-spacing:.06em;margin-bottom:12px;font-size:11px;font-weight:700}.attribute-builder-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.attribute-group-card{background:#fff;border:1px solid #d8e1eb;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.attribute-group-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.attribute-name-input,.bulk-stock-input{box-sizing:border-box;color:#334155;background:#fff;outline:none;width:100%;font-family:inherit;border:1px solid #d8e1eb!important;border-radius:8px!important;font-size:13px!important}.attribute-name-input{max-width:260px;font-weight:700;height:38px!important;padding:0 12px!important}.bulk-stock-input{text-align:center;width:110px;height:38px!important;padding:0 10px!important}.attribute-name-input:focus,.bulk-stock-input:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f11f!important}.btn-remove-group{color:#dc2626;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.tags-input-container{box-sizing:border-box;background:#fff;border:1px solid #d8e1eb;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:5px 8px;display:flex}.tags-input-container:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.tag-chip{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;align-items:center;gap:5px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.tag-chip button{color:#6366f1;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}.tag-field-input{flex:1;min-width:170px;height:auto!important;box-shadow:none!important;border:none!important;outline:none!important;padding:2px 4px!important;font-size:13px!important}.matrix-actions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.add-option-btn{color:#6366f1;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.bulk-stock-wrapper{align-items:center;gap:8px;display:flex}.btn-apply-bulk-existing{color:#6366f1;cursor:pointer;background:#fff;border:1px dashed #a5b4fc;border-radius:8px;height:38px;padding:0 12px;font-size:12px;font-weight:600}.btn-apply-bulk-existing:hover{background:#eef2ff}.added-variants{flex-direction:column;gap:6px;margin-top:14px;display:flex}.added-variants-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.added-variants-title{color:#94a3b8;letter-spacing:.06em;font-size:11px;font-weight:700}.variants-table-grid{flex-direction:column;gap:6px;max-height:240px;padding-right:4px;display:flex;overflow-y:auto}.variant-row-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;display:flex}.variant-tags-info{flex-wrap:wrap;gap:6px;display:flex}.variant-spec-badge{color:#475569;background:#fff;border:1px solid #d8e1eb;border-radius:6px;padding:2px 8px;font-size:12px}.variant-spec-badge strong{color:#0f172a}.variant-row-stock{color:#475569;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.variant-row-stock input{text-align:center;color:#0f172a;font-weight:600;border:1px solid #cbd5e1!important;border-radius:7px!important;width:64px!important;height:30px!important;padding:0 6px!important}.btn-delete-row-variant{color:#dc2626;cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:700}.image-main-slot{width:100%;height:120px;margin-bottom:10px;border-radius:10px!important}.secondary-images{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.secondary-slot{height:100px;border-radius:10px!important}.image-slot{box-sizing:border-box;color:#94a3b8;cursor:pointer;background:#f8fafc;border:2px dashed #dbe4ee;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.image-slot:hover{background:#f5f7ff;border-color:#6366f1}.image-slot img{object-fit:cover;width:100%;height:100%}.image-slot-icon{margin-bottom:4px;font-size:18px}.image-slot span:not(.image-slot-icon){font-size:12px}.gallery-upload-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #d8e1eb;border-radius:8px;align-items:center;margin-top:10px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.image-help-text{color:#94a3b8;margin:6px 0 0;font-size:11px;line-height:1.4}.product-modal-footer{box-sizing:border-box;background:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:10px;min-height:62px;padding:0 24px;display:flex}.cancel-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #d8e1eb;border-radius:8px;height:38px;padding:0 16px;font-size:12px;font-weight:600}.cancel-btn:hover{background:#f8fafc}.save-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;height:38px;padding:0 18px;font-size:12px;font-weight:600}.save-btn:hover{background:#5558e8}@media (width<=700px){.products-topbar{display:none}.products-content{padding:16px 14px 32px}.add-product-btn{width:100%;padding:10px 15px;font-size:13px}.search-input-wrapper{margin-bottom:14px}.products-table-container{border-radius:10px}.products-table th{padding:11px 12px;font-size:10px}.products-table td{padding:12px;font-size:13px}.product-modal-overlay{padding:10px}.product-modal{border-radius:14px;max-height:calc(100vh - 20px)}.product-form-grid{grid-template-columns:1fr}.secondary-images{grid-template-columns:1fr 1fr}.matrix-actions-row{flex-direction:column;align-items:stretch}.bulk-stock-wrapper{width:100%}.bulk-stock-input{flex:1;width:auto}}.image-source-overlay{z-index:9998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.image-source-modal{background:#fff;border-radius:16px;width:min(100%,400px);overflow:hidden;box-shadow:0 20px 60px #00000059}.image-source-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.image-source-header strong{color:#111827;font-size:16px;font-weight:600}.image-source-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;line-height:1;transition:background .15s,color .15s;display:flex}.image-source-close:hover{color:#111827;background:#f3f4f6}.image-source-preview{background:#f3f4f6;border-radius:12px;justify-content:center;align-items:center;width:calc(100% - 32px);height:180px;margin:16px auto 0;display:flex;overflow:hidden}.image-source-preview img{object-fit:contain;width:100%;height:100%;display:block}.image-source-empty-preview{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.image-source-empty-preview span{font-size:28px}.image-source-empty-preview p{margin:0;font-size:12px}.image-source-description{color:#6b7280;text-align:center;padding:16px 16px 4px;font-size:13px}.image-source-options{flex-direction:column;gap:10px;padding:16px;display:flex}.image-source-option{color:#111827;text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:14px;width:100%;min-height:72px;padding:12px 14px;font-family:inherit;transition:background .15s,border-color .15s,transform .1s;display:flex}.image-source-option:hover{background:#f9fafb;border-color:#d1d5db}.image-source-option:active{transform:scale(.99)}.image-source-icon{background:#f3f4f6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.image-source-option>span:last-child{flex-direction:column;gap:3px;display:flex}.image-source-option strong{font-size:14px;font-weight:600}.image-source-option small{color:#6b7280;font-size:12px}@media (width<=600px){.image-source-overlay{padding:12px}.image-source-modal{border-radius:14px;width:100%}.image-source-header{padding:16px}.image-source-preview{height:160px;margin-top:14px}.image-source-description{padding-top:14px}.image-source-options{padding:14px}.image-source-option{min-height:68px}}.image-camera-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.image-camera-modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:min(100%,500px);max-height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 20px 50px #00000040}.image-camera-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.image-camera-header strong{color:#0f172a;font-size:15px;font-weight:600}.image-camera-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .2s;display:flex}.image-camera-close:hover{color:#0f172a;background:#f1f5f9}.image-camera-preview{aspect-ratio:4/3;background:#0f172a;justify-content:center;align-items:center;width:100%;display:flex}.image-camera-preview video{object-fit:cover;width:100%;height:100%}.image-camera-capture{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;min-height:44px;margin:16px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 6px #4f46e54d}.image-camera-capture:hover{background:#4338ca}.orders-page{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.orders-topbar{box-sizing:border-box;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;width:100%;height:58px;padding:0 24px;display:flex}.orders-topbar-title{align-items:center;gap:12px;display:flex}.orders-topbar-title strong{color:#0f172a;letter-spacing:-.01em;font-size:20px;font-weight:700}.orders-topbar-title span{color:#64748b;border-left:1px solid #e2e8f0;padding-left:12px;font-size:14px;font-weight:500}.orders-user{color:#334155;align-items:center;gap:9px;font-size:13px;font-weight:500;display:flex}.orders-user-avatar{color:#6366f1;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.orders-content{box-sizing:border-box;width:100%;padding:28px 24px 48px}.orders-toolbar{box-sizing:border-box;align-items:center;gap:10px;width:100%;margin-bottom:20px;display:flex}.orders-search-wrapper{flex:1;min-width:0;position:relative}.search-icon{color:#94a3b8;align-items:center;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.orders-search-input{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;height:42px;padding:0 38px 0 40px;font-family:inherit;font-size:14px;box-shadow:0 1px 2px #00000005}.orders-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orders-status-filters{background:#e2e8f0;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.filter-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.filter-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.orders-table-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;overflow:auto hidden;box-shadow:0 1px 3px #0000000a}.orders-table{border-collapse:collapse;width:100%;min-width:850px;font-size:13px}.orders-table th{color:#64748b;text-align:left;white-space:nowrap;letter-spacing:.05em;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:700}.orders-table td{color:#334155;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:13px}.orders-table tbody tr:last-child td{border-bottom:none}.orders-table tbody tr:hover td{background:#fafafa}.order-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#64748b!important;font-size:13px!important}.order-client{font-weight:600;color:#0f172a!important}.order-phone{color:#475569}.status{white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-pending{color:#c2410c;background:#fff7ed;border:1px solid #ffedd5}.status-completed{color:#15803d;background:#f0fdf4;border:1px solid #dcfce7}.status-cancelled{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2}.order-total{font-weight:700;color:#0f172a!important}.order-date{color:#64748b!important;font-size:12px!important}.view-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.view-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.empty-orders{text-align:center;color:#64748b!important;padding:36px!important;font-size:14px!important}.order-overlay{z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a7a;position:fixed;inset:0}.order-details{z-index:1200;box-sizing:border-box;background:#fff;border-radius:16px;flex-direction:column;width:calc(100% - 40px);max-width:600px;max-height:calc(100vh - 40px);display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 50px #0f172a2e}.order-details-header{box-sizing:border-box;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;min-height:68px;padding:16px 20px;display:flex}.order-details-label{color:#94a3b8;letter-spacing:.08em;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.order-details-header h2{color:#0f172a;letter-spacing:-.01em;margin:0;font-family:inherit;font-size:20px;font-weight:800}.order-details-header-actions{align-items:center;gap:12px;display:flex}.close-order-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:background .15s,color .15s;display:flex}.close-order-btn:hover{color:#0f172a;background:#f1f5f9}.order-info{background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 20px;display:grid}.order-info>div{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px}.order-info span{color:#64748b;letter-spacing:.05em;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.order-info strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;display:block;overflow:hidden}.order-products{flex:1;min-height:0;padding:20px;overflow-y:auto}.order-products h3{color:#0f172a;margin:0 0 14px;font-family:inherit;font-size:15px;font-weight:700}.order-item{border-bottom:1px solid #f1f5f9;padding:12px 0}.order-item:last-child{border-bottom:none}.order-item-main{align-items:center;gap:8px;margin-bottom:6px;display:flex}.item-qty{color:#6366f1;background:#eef2ff;border-radius:6px;padding:2px 6px;font-size:13px;font-weight:800}.item-name{color:#0f172a;font-size:14px;font-weight:600}.order-item-info{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.item-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 7px;font-size:11px}.item-meta{color:#64748b;font-size:12px}.order-actions{box-sizing:border-box;background:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:10px;min-height:64px;padding:14px 20px;display:flex}.complete-order-btn,.cancel-order-btn{cursor:pointer;border-radius:8px;height:38px;padding:0 16px;font-size:13px;font-weight:600;transition:background .15s}.complete-order-btn{color:#fff;background:#16a34a;border:none}.complete-order-btn:hover{background:#15803d}.cancel-order-btn{color:#dc2626;background:#fff;border:1px solid #fecaca}.cancel-order-btn:hover{background:#fef2f2}.status-notice{text-align:center;border-radius:8px;width:100%;padding:8px 12px;font-size:13px;font-weight:600}.status-notice.completed{color:#15803d;background:#f0fdf4;border:1px solid #dcfce7}.status-notice.cancelled{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2}.load-more-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 20px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #00000005}.load-more-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=700px){.orders-topbar{display:none}.orders-content{padding:16px 14px 32px}.orders-toolbar{flex-wrap:wrap;gap:8px}.orders-search-wrapper{flex:none;order:1;width:100%}.refresh-icon-btn{order:2}.orders-status-filters{flex:1;order:3;overflow-x:auto}.order-details{width:calc(100% - 20px);max-height:calc(100vh - 20px)}.order-info{grid-template-columns:1fr}.order-actions{flex-direction:column;align-items:stretch}.complete-order-btn,.cancel-order-btn{width:100%}}.analytics{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.analytics-topbar{box-sizing:border-box;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;width:100%;height:58px;padding:0 24px;display:flex}.analytics-topbar-title{align-items:center;gap:12px;display:flex}.analytics-topbar-title strong{color:#0f172a;letter-spacing:-.01em;font-size:20px;font-weight:700}.analytics-topbar-title span{color:#64748b;border-left:1px solid #e2e8f0;padding-left:12px;font-size:14px;font-weight:500}.analytics-user{color:#334155;align-items:center;gap:9px;font-size:13px;font-weight:500;display:flex}.analytics-user-avatar{color:#6366f1;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.analytics-content{box-sizing:border-box;padding:28px 24px 48px}.analytics-toolbar{box-sizing:border-box;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:12px;width:100%;margin-bottom:20px;display:flex}.analytics-period-selector{background:#e2e8f0;border-radius:10px;flex-shrink:0;align-items:center;gap:4px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.period-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.period-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.refresh-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 2px #00000005}.refresh-icon-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.refresh-icon-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-icon-btn.spinning svg{animation:1s linear infinite spin}.cooldown-badge{color:#fff;background:#6366f1;border-radius:10px;padding:2px 5px;font-size:10px;font-weight:700;position:absolute;top:-6px;right:-6px;box-shadow:0 1px 2px #0000001a}.analytics-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.analytics-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;padding:18px 20px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000a}.analytics-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f172a0f}.analytics-card-header{justify-content:space-between;align-items:center;display:flex}.analytics-label{letter-spacing:.05em;color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700}.analytics-icon-box{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.analytics-icon-box.green{color:#16a34a;background:#dcfce7}.analytics-icon-box.blue{color:#0284c7;background:#e0f2fe}.analytics-icon-box.purple{color:#9333ea;background:#f3e8ff}.analytics-icon-box.orange{color:#ea580c;background:#ffedd5}.analytics-value{color:#0f172a;letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1.15}.analytics-subtext{color:#64748b;font-size:12px;font-weight:500}.analytics-lists{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.analytics-list-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.analytics-list-header{border-bottom:1px solid #e2e8f0;padding:16px 20px}.analytics-list-header h2{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700}.analytics-list{padding:12px 20px 20px}.analytics-item{padding:12px 0}.analytics-item-top{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.analytics-item-name{color:#0f172a;font-weight:600}.analytics-item-top strong{color:#334155;font-size:13px;font-weight:700}.analytics-progress{background:#f1f5f9;border-radius:999px;width:100%;height:6px;overflow:hidden}.analytics-progress span{background:#6366f1;border-radius:999px;height:100%;display:block}.analytics-progress.revenue span{background:#10b981}.analytics-progress.category span{background:#8b5cf6}.analytics-empty{text-align:center;color:#64748b;margin:24px 0;font-size:13px}@media (width<=1200px){.analytics-lists{grid-template-columns:1fr}}@media (width<=1000px){.analytics-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.analytics-topbar{display:none}.analytics-content{padding:16px 14px 32px}.analytics-toolbar{justify-content:flex-start;gap:8px}.refresh-icon-btn{order:1}.analytics-period-selector{flex:1;order:2;max-width:calc(100% - 50px);overflow-x:auto}.analytics-stats{grid-template-columns:repeat(2,1fr);gap:10px}.analytics-card{padding:14px}.analytics-value{font-size:20px}}.settings{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.settings-topbar{box-sizing:border-box;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;width:100%;height:58px;padding:0 24px;display:flex}.settings-topbar-title{align-items:center;gap:12px;display:flex}.settings-topbar-title strong{color:#0f172a;letter-spacing:-.01em;font-size:20px;font-weight:700}.settings-topbar-title span{color:#64748b;border-left:1px solid #e2e8f0;padding-left:12px;font-size:14px;font-weight:500}.settings-user{color:#334155;align-items:center;gap:9px;font-size:13px;font-weight:500;display:flex}.settings-user-avatar{color:#6366f1;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.settings-content{box-sizing:border-box;width:min(1180px,100% - 48px);margin:0 auto;padding:28px 0 50px}.settings-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.settings-heading h1{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:24px;font-weight:800;line-height:1.2}.settings-heading p{color:#64748b;margin:0;font-size:14px;font-weight:500}.edit-settings-btn,.cancel-settings-btn,.save-settings-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.edit-settings-btn{color:#fff;background:#6366f1;border:none;box-shadow:0 1px 2px #6366f133}.edit-settings-btn:hover{background:#4f46e5;transform:translateY(-1px)}.cancel-settings-btn{color:#334155;background:#fff;border:1px solid #cbd5e1}.cancel-settings-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.save-settings-btn{color:#fff;background:#6366f1;border:none;min-width:140px;box-shadow:0 1px 2px #6366f133}.save-settings-btn:hover{background:#4f46e5}.settings-info{flex-direction:column;gap:16px;display:flex}.settings-group{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.settings-group-header{box-sizing:border-box;background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;min-height:48px;padding:0 20px;display:flex}.settings-group-header h2{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0;font-size:12px;font-weight:700}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:6px 10px;display:grid}.settings-item{box-sizing:border-box;min-width:0;padding:14px 10px}.settings-item span,.settings-image-item span,.settings-about-image>span{text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.settings-item p,.settings-image-item p,.settings-about-image p{color:#0f172a;overflow-wrap:anywhere;min-height:20px;margin:0;font-size:14px;font-weight:500;line-height:1.45}.settings-value-highlight{color:#0f172a!important;font-size:15px!important;font-weight:700!important}.settings-title-preview{font-weight:700!important}.settings-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#475569!important;font-size:13px!important}.settings-url{align-items:center;gap:6px;display:inline-flex;color:#6366f1!important;font-weight:600!important}.settings-theme-tag{text-transform:capitalize;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 10px;display:inline-block;color:#334155!important;font-size:13px!important}.settings-item-wide{grid-column:span 2}.settings-badge{border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.settings-badge.active{color:#15803d;background:#f0fdf4;border:1px solid #dcfce7}.settings-badge.inactive{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2}.settings-image-row{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:10px;display:grid}.settings-image-item{box-sizing:border-box;min-width:0}.image-preview-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:100%;max-width:420px;height:180px;margin-top:6px;display:flex;overflow:hidden}.image-preview-container.dark-bg{background:#0f172a}.settings-image-preview{object-fit:cover;width:100%;height:100%}.settings-about-image{grid-column:1/-1;padding:10px}.settings-empty-image{color:#94a3b8;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:100%;max-width:420px;height:100px;margin-top:6px;font-size:13px;font-weight:500;display:flex}.settings-empty-image.small{max-width:100%;height:80px}.settings-info-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.settings-info-section{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px}.settings-info-section .section-title{color:#0f172a;margin-bottom:6px;font-size:14px;font-weight:700;display:block}.settings-info-section p{color:#475569;margin:0;font-size:13px;line-height:1.5}.settings-info-image{object-fit:cover;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;height:140px;margin-top:10px;display:block}.settings-empty-state{text-align:center;padding:32px 20px}.settings-empty-state p{color:#0f172a;margin:0 0 6px;font-size:14px;font-weight:600}.settings-empty-state span{color:#64748b;font-size:13px}.settings-form-container{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:24px;box-shadow:0 1px 3px #0000000a}.settings-form-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;margin-top:24px;padding-top:18px;display:flex}@media (width<=900px){.settings-content{width:calc(100% - 28px)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-item-wide{grid-column:span 2}.settings-info-sections{grid-template-columns:1fr}}@media (width<=650px){.settings-topbar{display:none}.settings-content{width:calc(100% - 20px);padding:18px 0 32px}.settings-heading{flex-direction:column;align-items:flex-start;gap:12px}.edit-settings-btn{width:100%}.settings-grid{grid-template-columns:1fr}.settings-item-wide{grid-column:span 1}.settings-image-row{grid-template-columns:1fr}}.commerce-panel{background:#f1f5f9;width:100%;min-height:100vh;overflow-x:hidden}.panel-content{box-sizing:border-box;width:calc(100% - 224px);min-height:100vh;margin-left:224px;overflow-x:hidden}@media (width<=700px){.commerce-panel{width:100%;min-height:100vh;overflow-x:hidden}.panel-content{box-sizing:border-box;width:100%;min-height:calc(100vh - 104px);margin-left:0;padding-top:104px;overflow-x:hidden}}@media (width<=420px){.panel-content{min-height:calc(100vh - 100px);padding-top:100px}}.storage-page{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.storage-topbar{box-sizing:border-box;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;width:100%;height:58px;padding:0 24px;display:flex}.storage-topbar-title{color:#6366f1;align-items:center;gap:12px;display:flex}.storage-topbar-title strong{color:#0f172a;letter-spacing:-.01em;font-size:20px;font-weight:700}.storage-topbar-title span{color:#64748b;border-left:1px solid #e2e8f0;padding-left:12px;font-size:14px;font-weight:500}.storage-user{color:#334155;align-items:center;gap:9px;font-size:13px;font-weight:500;display:flex}.storage-user-avatar{color:#6366f1;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.storage-content{box-sizing:border-box;width:100%;padding:28px 24px 48px}.storage-cost-banner{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:28px 32px;display:flex;box-shadow:0 10px 25px -5px #6366f14d}.cost-banner-label{letter-spacing:.08em;opacity:.85;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.storage-cost-banner h2{letter-spacing:-.02em;margin:0 0 6px;font-size:32px;font-weight:800}.storage-cost-banner h2 small{opacity:.85;font-size:16px;font-weight:600}.storage-cost-banner p{opacity:.9;margin:0;font-size:13px}.cost-banner-icon{color:#fff;background:#ffffff26;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.storage-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;display:grid}.storage-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;box-shadow:0 1px 3px #0000000a}.storage-card-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.card-icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.card-icon-wrapper.firestore{color:#6366f1;background:#eef2ff}.card-icon-wrapper.s3{color:#16a34a;background:#f0fdf4}.storage-card-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.storage-metrics-list{flex-direction:column;gap:14px;display:flex}.metric-row{color:#64748b;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;display:flex}.metric-row strong{color:#0f172a;font-size:14px;font-weight:700}.metric-row.highlight strong{color:#16a34a}@media (width<=700px){.storage-topbar{display:none}.storage-content{padding:16px 14px 32px}.storage-cost-banner{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.cost-banner-icon{display:none}.storage-grid{grid-template-columns:1fr}}