*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/* ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.relative{position:relative}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.flex{display:flex}.table-cell{display:table-cell}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-16{height:4rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-16{width:4rem}.w-full{width:100%}.max-w-7xl{max-width:80rem}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.bg-amber-50{--tw-bg-opacity:1;background-color:#fffbeb;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:#f0fdf4;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-orange-400{--tw-bg-opacity:1;background-color:#fb923c;background-color:rgb(251 146 60/var(--tw-bg-opacity,1))}.bg-pink-50{--tw-bg-opacity:1;background-color:#fdf2f8;background-color:rgb(253 242 248/var(--tw-bg-opacity,1))}.bg-pink-500{--tw-bg-opacity:1;background-color:#ec4899;background-color:rgb(236 72 153/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:#faf5ff;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-purple-500{--tw-bg-opacity:1;background-color:#a855f7;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-bottom:1rem;padding-top:1rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--color-primary:#5e5fef;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-500:#6b7280;--color-gray-800:#1f2937}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}code{font-family:source-code-pro,monospace}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:640px){.sm\:mb-6{margin-bottom:1.5rem}.sm\:mb-8{margin-bottom:2rem}.sm\:h-20{height:5rem}.sm\:w-20{width:5rem}.sm\:gap-6{gap:1.5rem}.sm\:rounded-3xl{border-radius:1.5rem}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:mb-12{margin-bottom:3rem}.md\:mt-8{margin-top:2rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:rounded-3xl{border-radius:1.5rem}.md\:p-8{padding:2rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-8{padding-bottom:2rem;padding-top:2rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}}.top-navbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;height:70px;justify-content:space-between;left:320px;padding:0 2rem;position:fixed;right:0;top:0;z-index:999}.top-navbar.menu-closed{left:0}.navbar-hamburger{align-items:center;background:#5e5fef;border:1px solid #5e5fef;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:.5rem;width:40px}.navbar-hamburger:hover{background:#4a4fd8;border-color:#4a4fd8}.navbar-center{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);transition:left .3s ease}.top-navbar:not(.menu-closed) .navbar-center{left:calc(50% - 160px)}.top-navbar.menu-closed .navbar-center{left:50%}.company-info{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:1rem;display:flex;gap:1rem;padding:.5rem 1rem}.company-name{color:#1f2937;font-size:1rem;font-weight:600;text-align:center}.navbar-right{flex:1 1;justify-content:flex-end}.navbar-right,.user-profile{align-items:center;display:flex}.user-profile{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:.625rem;cursor:pointer;gap:.5rem;padding:.25rem .625rem}.user-avatar{background:linear-gradient(135deg,#77b5fe,#5b9df7);height:32px;overflow:hidden;width:32px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-info{align-items:flex-start;flex-direction:column;line-height:1.2}.user-name{color:#1f2937;font-size:.8rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#77b5fe,#5b9df7);background-clip:text;-webkit-background-clip:text;color:#6b7280;font-size:.7rem;font-weight:500}.dropdown-icon{color:#6b7280;flex-shrink:0}@media (max-width:1024px){.top-navbar{left:280px}}@media (max-width:768px){.top-navbar{height:60px;left:0;padding:0 1rem}.top-navbar.menu-closed{left:0}.navbar-hamburger{display:flex}.company-info{background:#0000;border:none;padding:.25rem .5rem}.company-name{font-size:.8rem;font-weight:500}}@media (max-width:640px){.user-profile{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:.5rem;gap:.25rem;padding:.25rem .5rem}.user-avatar{height:28px;width:28px}.user-info{align-items:flex-start;display:flex;flex-direction:column}.user-name{color:#1f2937;font-size:.7rem;font-weight:600;line-height:1.2;white-space:nowrap}.dropdown-icon,.user-role{display:none}.company-info{background:#0000;border:none;padding:.25rem .5rem}.company-name{font-size:.7rem;font-weight:500;line-height:1.2;white-space:nowrap}.top-navbar{height:60px;padding:0 .5rem}.navbar-hamburger{height:36px;width:36px}}@media (max-width:480px){.top-navbar{height:50px;left:0;padding:0 .5rem}.top-navbar.menu-closed{left:0}.navbar-hamburger{height:32px;padding:.25rem;width:32px}.company-name{font-size:.8rem;font-weight:500}}.dynamic-space-container{background-color:#f9fafb;min-height:100vh;padding:0;position:relative}.side-menu{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100vh;left:-320px;position:fixed;top:0;transition:left .3s ease;width:320px;z-index:1000}.side-menu.open{left:0}.menu-header{align-items:center;background:linear-gradient(90deg,#5e5fef,#4f46e5,#6366f1);box-shadow:inset 0 2px 4px #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:2rem 1.5rem}.header-title{gap:12px}.header-logo{height:64px;object-fit:contain;width:64px}.dynamic-space-title{color:#fff!important;font-weight:700;margin:0}.menu-header h1{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.close-menu-button{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px}.menu-items{flex:1 1;overflow-y:auto;padding:1rem 0}.menu-item{align-items:center;background:none;border:none;border-left:4px solid #0000;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.5rem;text-align:left;width:100%}.menu-item:hover{background-color:#f9fafb;border-left-color:#3b82f6}.menu-item.active{background-color:#eff6ff;border-left-color:#3b82f6;font-weight:600}.menu-icon{align-items:center;color:#64748b;display:flex;height:24px;justify-content:center;width:24px}.menu-label{flex-shrink:0;font-size:1rem;font-weight:500;white-space:nowrap}.menu-item.active .menu-icon,.menu-item.active .menu-label,.menu-label{color:#6b7280}.menu-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1.5rem}.brand-card{aspect-ratio:1/1;background:linear-gradient(135deg,#5e5fef,#4f46e5 50%,#6366f1);border-radius:1rem;box-shadow:0 4px 16px #5e5fef40,inset 0 1px 0 #fff3;color:#fff;margin:0 auto;max-width:280px;overflow:hidden;padding:1.25rem;position:relative;text-align:center}.brand-card:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.brand-logo{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.brand-logo img{height:50px;object-fit:contain;width:120px}.brand-card h2{font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.brand-card p{color:#fff;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.brand-button{background:#fff;border:none;border-radius:.75rem;color:#5e5fef;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.25rem;width:100%}.main-content{margin-left:0;min-height:100vh;padding-top:70px}.main-content.menu-open{margin-left:320px}.main-content.menu-closed{margin-left:0}@media (max-width:1024px){.main-content.menu-open{margin-left:280px}}@media (max-width:768px){.side-menu{left:-300px;width:300px;z-index:1001}.side-menu.open{left:0}.main-content{margin-left:0;padding-top:60px}.main-content.menu-closed,.main-content.menu-open{margin-left:0}}@media (max-width:480px){.side-menu{left:-100%;width:100%;z-index:1001}.side-menu.open{left:0}.main-content{margin-left:0;padding-top:50px}.main-content.menu-closed,.main-content.menu-open{margin-left:0}.menu-header{padding:1rem}.header-logo{height:40px;width:40px}.menu-header h1{font-size:1rem}.close-menu-button{height:28px;padding:6px;width:28px}.menu-item{gap:.75rem;padding:.75rem 1rem}.menu-icon{height:20px;width:20px}.menu-label{flex-shrink:0;font-size:.875rem;white-space:nowrap}.brand-card,.menu-footer{padding:1.25rem}.brand-card{aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:space-between}.brand-logo{height:56px;margin:0 auto 1rem;width:56px}.brand-card h2{font-size:1.1rem;margin-bottom:.5rem}.brand-card p{font-size:.8rem;line-height:1.6;margin-bottom:1rem}.brand-button{border-radius:.75rem;font-size:.8rem;font-weight:600;padding:.75rem 1.25rem}.brand-button:hover{box-shadow:0 4px 12px #5e5fef33;transform:translateY(-1px)}}@media (min-width:769px){.main-content.menu-open{margin-left:320px}}.logout-menu-item{align-items:center;background:none;border:none;border-left:4px solid #0000;color:#ef4444;cursor:pointer;display:flex;gap:1rem;margin-top:.5rem;padding:1rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}.logout-menu-item:hover{background-color:#fef2f2;border-left-color:#ef4444;color:#dc2626}.logout-menu-item .menu-icon{color:#ef4444}.logout-menu-item:hover .menu-icon{color:#dc2626}.logout-menu-item .menu-label{font-weight:500}.logout-modal-overlay{z-index:9999}.logout-modal-message{white-space:nowrap}.add-product-container{background:linear-gradient(135deg,#f9fafb,#f3f4f6);min-height:100vh;padding:0}.add-product-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.add-product-content{margin:0 auto;max-width:1200px;padding:2rem}.product-form{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #00000012;overflow:hidden}.form-grid{grid-gap:2rem;gap:2rem;padding:2rem}.form-section{background:#f9fafb;border:1px solid #e5e7eb;padding:1.5rem}.form-section h2{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem}.form-group{margin-bottom:1.5rem}.form-group label{align-items:center;display:flex;font-weight:500;gap:.5rem;margin-bottom:.5rem}.form-group input[type=text]{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-group input[type=text]:focus{border-color:#5e5fef;box-shadow:0 0 0 3px #5e5fef1a;outline:none}.form-group input[type=text]::placeholder{color:#9ca3af}.color-text-input{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.color-text-input:focus{border-color:#5e5fef;box-shadow:0 0 0 3px #5e5fef1a;outline:none}.color-text-input::placeholder{color:#9ca3af;font-style:italic}.category-select{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.category-select:focus{border-color:#5e5fef;box-shadow:0 0 0 3px #5e5fef1a;outline:none}.category-select::placeholder{color:#9ca3af}.price-input{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.price-input:focus{border-color:#5e5fef;box-shadow:0 0 0 3px #5e5fef1a;outline:none}.price-input::placeholder{color:#9ca3af}.checkbox-label{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;padding:1rem;transition:all .2s ease}.checkbox-label:hover{background:#f9fafb;border-color:#d1d5db}.checkbox-input{display:none}.checkbox-custom{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:.375rem;color:#6b7280;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.checkbox-input:checked~.checkbox-custom{background:#5e5fef;border-color:#5e5fef;color:#fff}.checkbox-text{color:#374151;flex:1 1;font-size:.875rem;font-weight:500}.upload-area{min-height:300px}.upload-area.has-preview{border-style:solid;padding:0}.upload-button{background:#5e5fef;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:500;margin:.5rem 0;padding:.75rem 1.5rem;transition:all .2s ease}.upload-button:hover{background:#4f46e5;transform:translateY(-1px)}.images-gallery{width:100%}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.image-preview{background:#f9fafb;border:2px solid #e5e7eb;border-radius:.5rem;height:150px;overflow:hidden;position:relative;width:100%}.image-preview img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.image-preview:hover img{transform:scale(1.05)}.remove-image{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:24px;justify-content:center;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:24px}.image-preview:hover .remove-image{opacity:1}.remove-image:hover{background:#dc2626;transform:scale(1.1)}.add-more-button,.add-more-images{align-items:center;display:flex;justify-content:center}.add-more-button{background:#fff;border:2px dashed #d1d5db;border-radius:.5rem;color:#6b7280;cursor:pointer;flex-direction:column;gap:.5rem;height:150px;padding:1rem;transition:all .2s ease;width:100%}.add-more-button:hover{background:#f8faff;border-color:#5e5fef;color:#5e5fef}.add-more-button svg{transition:transform .2s ease}.add-more-button:hover svg{transform:scale(1.1)}.add-more-button span{font-size:.75rem;font-weight:500;text-align:center}.form-actions{background:#f9fafb;border-top:1px solid #e5e7eb;padding:2rem}.btn-primary,.btn-secondary,.btn-view{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-secondary{background:#fff;border:1px solid #d1d5db;color:#6b7280}.btn-secondary:hover{background:#f9fafb;color:#374151}.btn-view{background:#10b981;color:#fff}.btn-view:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b98133;transform:translateY(-1px)}.btn-view:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.btn-primary{background:#5e5fef;color:#fff}.btn-primary:hover{background:#4f46e5;box-shadow:0 4px 12px #5e5fef33;transform:translateY(-1px)}@media (max-width:1024px){.form-grid{gap:1.5rem;grid-template-columns:1fr}.add-product-content{padding:1.5rem}}@media (max-width:768px){.add-product-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.header-title{justify-content:center}.add-product-content,.form-grid,.form-section{padding:1rem}.form-actions{flex-direction:column;padding:1rem}.btn-primary,.btn-secondary,.btn-view{justify-content:center;width:100%}}@media (max-width:640px){.header-title h1{font-size:1.25rem}.back-button{font-size:.75rem;padding:.5rem .75rem}.form-section h2{font-size:1rem}.upload-area{min-height:200px;padding:1rem}.gallery-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.add-more-button,.image-preview{height:120px}}@media (max-width:480px){.add-product-header{padding:.75rem}.back-button{min-width:auto;padding:.5rem .75rem}.add-product-content,.form-grid,.form-section{padding:.75rem}.upload-placeholder svg{height:32px;width:32px}.form-actions{padding:.75rem}.gallery-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.image-preview{height:100px}.add-more-button{height:100px;padding:.5rem}.add-more-button span{font-size:.625rem}}.admin-container{background:#f8fafc;display:flex;flex-direction:column;height:100vh;overflow:hidden}.admin-content-full{display:flex;flex:1 1;flex-direction:column;height:100%}.product-list-header{border-bottom:1px solid #e2e8f0;box-shadow:0 1px 2px #00000008;flex-shrink:0;padding:1rem 1.5rem}.back-button{font-size:.8rem}.header-title h1{color:#1e293b;font-size:1.25rem}.admin-body{flex:1 1;overflow-y:auto;padding:2rem}.admin-card{border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 2px #0000000d,0 1px 1px #00000008;overflow:hidden}.content-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.section-title{color:#1e293b;font-size:1.25rem;font-weight:600}.header-actions{align-items:center;display:flex;gap:1rem}.search-bar{flex:1 1;max-width:none;width:100%}.search-icon{color:#94a3b8}.add-button{flex-shrink:0}.users-table{background:#fff}.table-header{color:#374151;display:grid;font-size:1rem;font-weight:600;grid-template-columns:2fr 1.5fr 1fr 120px;padding:.75rem 1.5rem}.search-section,.table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0}.search-section{margin-bottom:1rem;padding:1rem 1.5rem}.search-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end}.search-bar{flex-shrink:0;min-width:300px;position:relative}.search-input{border-radius:.5rem;font-size:.8rem;padding:.625rem 1rem}.search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.add-button{align-items:center;background:#6366f1;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.add-button:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f133;transform:translateY(-1px)}.table-body{max-height:400px;overflow-y:auto}.table-row{align-items:center;border-bottom:1px solid #f1f5f9;display:grid;grid-template-columns:2fr 1.5fr 1fr 120px;padding:.75rem 1.5rem;transition:background-color .2s ease}.table-row:hover{background:#f8fafc}.header-cell,.table-cell{align-items:center;display:flex;padding:0 .5rem}.email-cell,.role-cell,.user-cell{justify-content:flex-start}.actions-cell{justify-content:flex-end}.user-info{gap:.5rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;color:#fff;flex-shrink:0;height:24px;justify-content:center;width:24px}.user-name{color:#1e293b;font-size:1rem;font-weight:600}.user-email{color:#64748b;font-size:.95rem}.role-badge{border-radius:.25rem;display:inline-block;font-size:.875rem;font-weight:600;padding:.375rem .875rem}.role-badge.admin{background:#fef3c7;color:#b45309}.role-badge.user{background:#dbeafe;color:#1d4ed8}.status-badge{border-radius:.25rem;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.status-badge.active{background:#dcfce7;color:#15803d}.status-badge.inactive{background:#fee2e2;color:#b91c1c}.last-login{color:#64748b;font-size:.875rem}.actions{display:flex;gap:.5rem;justify-content:flex-end}.action-btn{border-radius:.25rem;height:24px;width:24px}.action-btn.edit{background:#ffedd5;color:#c2410c;margin-right:.5rem}.action-btn.edit:hover{background:#c2410c;color:#fff}.action-btn.delete{background:#fef2f2;color:#b91c1c}.action-btn.delete:hover{background:#b91c1c;color:#fff}.user-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.user-modal{animation:slideUp .3s ease;background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.user-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.user-modal-header h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.close-modal-btn{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.close-modal-btn:hover{background:#f1f5f9;color:#475569}.user-form{padding:1.5rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.form-actions{padding-top:1rem}.save-btn{padding:.75rem 1.75rem}@media (max-width:1024px){.form-grid{gap:1rem;grid-template-columns:1fr}}@media (max-width:768px){.product-list-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.header-title{justify-content:center}.product-list-content,.search-section{padding:1rem}.search-actions{align-items:stretch;flex-direction:column;gap:1rem;justify-content:stretch}.search-bar{min-width:100%;width:100%}.add-button{font-size:.875rem;justify-content:center;padding:.75rem 1rem}.table-header,.table-row{grid-template-columns:2fr 1fr 100px;padding:.75rem 1rem}.user-info{justify-content:space-between}.actions{justify-content:flex-start}.user-modal{margin:1rem;width:95%}.user-form{padding:1rem}.form-grid{gap:1rem}}@media (max-width:480px){.product-list-header{padding:.75rem 1rem}.header-title h1{font-size:1.25rem}.product-list-content,.search-section{padding:.75rem}.search-actions{gap:.75rem}.search-bar{min-width:100%}.search-input{font-size:.8125rem;padding:.625rem 1rem .625rem 2.5rem}.add-button{font-size:.8rem;padding:.625rem 1rem}.table-header,.table-row{grid-template-columns:1fr 80px;padding:.75rem}.table-header>div:nth-child(2),.table-header>div:nth-child(3),.table-row>div:nth-child(2),.table-row>div:nth-child(3){display:none}.user-info{align-items:flex-start;flex-direction:column;gap:.5rem}.user-avatar{height:32px;width:32px}.user-modal{margin:.5rem;width:98%}.user-modal-header{padding:1rem}.user-modal-header h3{font-size:1.125rem}.user-form{padding:1rem}.form-input{font-size:.8rem;padding:.625rem .875rem}.password-toggle{padding:.375rem;right:.625rem}.password-toggle svg{height:16px;width:16px}.form-actions{flex-direction:row;gap:.75rem}.cancel-btn,.save-btn{flex:1 1;font-size:.875rem;justify-content:center;padding:.75rem}}@media (max-width:768px){.product-list-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.header-title{justify-content:center}.product-list-content{padding:1rem}.search-bar{flex-direction:column;gap:.75rem}.search-input-wrapper{min-width:100%}.table-header,.table-row{grid-template-columns:2fr 1fr 100px}.user-info{justify-content:space-between}.actions{justify-content:flex-start}.user-modal{margin:1rem;width:95%}.user-form{padding:1rem}.form-grid{gap:1rem}}@media (max-width:480px){.product-list-header{padding:.75rem 1rem}.header-title h1{font-size:1.25rem}.product-list-content{padding:.75rem}.search-input{font-size:.8125rem;padding:.625rem 1rem .625rem 2.5rem}.add-button{font-size:.8rem;padding:.75rem 1rem}.table-header,.table-row{grid-template-columns:1fr 80px;padding:.75rem}.table-header>div:nth-child(2),.table-header>div:nth-child(3),.table-row>div:nth-child(2),.table-row>div:nth-child(3){display:none}.user-info{align-items:flex-start;flex-direction:column;gap:.5rem}.user-avatar{height:32px;width:32px}.user-modal{margin:.5rem;width:98%}.user-modal-header{padding:1rem}.user-modal-header h3{font-size:1.125rem}.user-form{padding:1rem}.form-input{font-size:.8rem;padding:.625rem .875rem}.password-toggle{padding:.375rem;right:.625rem}.password-toggle svg{height:16px;width:16px}.form-actions{flex-direction:row;gap:.75rem}.cancel-btn,.save-btn{flex:1 1;font-size:.875rem;justify-content:center;padding:.75rem}}.admin-container{background:var(--color-gray-50);min-height:100vh;padding:var(--spacing-lg)}.admin-header{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.admin-title{color:var(--color-gray-800);font-size:2rem;font-weight:700;margin:0 0 var(--spacing-sm)}.admin-subtitle{color:var(--color-gray-600);font-size:1.125rem;margin:0}.admin-content{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.admin-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl);transition:all var(--transition-normal) ease}.admin-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.admin-card-title{align-items:center;color:var(--color-gray-800);display:flex;font-size:1.25rem;font-weight:600;gap:var(--spacing-sm);margin:0 0 var(--spacing-lg)}.admin-card-icon{color:var(--color-primary);height:24px;width:24px}.admin-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.stat-card{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:var(--radius-lg);color:#fff;padding:var(--spacing-lg);text-align:center}.stat-number{font-size:2rem;font-weight:700;margin:0 0 var(--spacing-xs)}.stat-label{font-size:.875rem;margin:0;opacity:.9}.admin-table{border-collapse:collapse;margin-top:var(--spacing-lg);width:100%}.admin-table td,.admin-table th{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-md);text-align:left}.admin-table th{color:var(--color-gray-700);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.admin-table th,.admin-table tr:hover{background:var(--color-gray-50)}.admin-button{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal) ease}.admin-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.admin-button.secondary{background:var(--color-gray-200);color:var(--color-gray-700)}.admin-button.secondary:hover{background:var(--color-gray-300)}.admin-button.danger{background:linear-gradient(135deg,#dc2626,#b91c1c)}.admin-badge{border-radius:var(--radius-full);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.admin-badge.success{background:#dcfce7;color:#16a34a}.admin-badge.warning{background:#fef3c7;color:#d97706}.admin-badge.error{background:#fef2f2;color:#dc2626}.admin-form{gap:var(--spacing-lg)}.admin-form,.admin-form-group{display:flex;flex-direction:column}.admin-form-group{gap:var(--spacing-sm)}.admin-form-label{color:var(--color-gray-700);font-size:.875rem;font-weight:600}.admin-form-input,.admin-form-select,.admin-form-textarea{background:#fff;border:2px solid var(--color-gray-300);border-radius:var(--radius-lg);font-size:1rem;padding:var(--spacing-md);transition:all var(--transition-normal) ease}.admin-form-input:focus,.admin-form-select:focus,.admin-form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.admin-form-textarea{min-height:100px;resize:vertical}.admin-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}@media (max-width:768px){.admin-container{padding:var(--spacing-md)}.admin-content,.admin-stats{grid-template-columns:1fr}.admin-table{font-size:.875rem}.admin-table td,.admin-table th{padding:var(--spacing-sm)}.admin-actions{flex-direction:column}}.ar-camera-container{background:#000;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.ar-camera-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem;z-index:1000}.back-button{background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:#fff;padding:.5rem 1rem}.back-button:hover{background:#fff3;border-color:#ffffff4d}.header-title h1{color:#fff;font-size:1.125rem}.ar-camera-content{display:flex;flex:1 1;flex-direction:column;position:relative}.camera-view{flex:1 1;overflow:hidden;position:relative}.camera-video{display:block;height:100%;object-fit:cover;width:100%}.three-overlay{height:100%;left:0;pointer-events:auto;position:absolute;top:0;width:100%;z-index:2}.error-message,.loading-message{color:#fff;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:5}.camera-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto 1rem;width:40px}.error-message{background:#ef4444e6;border-radius:.5rem;max-width:80%;padding:1rem 2rem}.ar-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-top:1px solid #ffffff1a;padding:1rem;z-index:1000}.place-product-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.75rem;box-shadow:0 10px 25px -5px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.place-product-btn:hover:not(:disabled){box-shadow:0 20px 25px -5px #3b82f666;transform:translateY(-2px)}.place-product-btn:disabled{cursor:default;opacity:.6}.ar-controls-active{justify-content:space-between}.ar-controls-active,.scale-controls{align-items:center;display:flex;gap:1rem}.scale-controls{background:#ffffff1a;border-radius:.5rem;padding:.75rem 1rem}.scale-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.scale-btn:hover{background:#ffffff4d}.scale-value{color:#fff;font-size:.875rem;font-weight:600;min-width:60px;text-align:center}.action-buttons{gap:.75rem}.reset-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.reset-btn:hover{background:#fff3}.ar-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a;border-radius:.5rem;padding:.75rem 1rem;position:absolute;right:1rem;top:1rem;z-index:1001}.info-item{align-items:center;color:#fff;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.25rem}.info-item:last-child{margin-bottom:0}@media (max-width:768px){.ar-camera-header{padding:.75rem 1rem}.header-title h1{font-size:1rem}.ar-controls{padding:.75rem}.ar-controls-active{flex-direction:column;gap:.75rem}.action-buttons,.scale-controls{justify-content:center;width:100%}.reset-btn{flex:1 1;justify-content:center}.ar-info{bottom:6rem;left:1rem;right:1rem;top:auto}.info-item{font-size:.8rem}}@media (max-width:480px){.ar-camera-header{padding:.5rem .75rem}.header-title h1{font-size:.9rem}.back-button span{display:none}.ar-controls{padding:.5rem}.place-product-btn{font-size:.9rem;padding:.75rem}.scale-controls{gap:.75rem;padding:.5rem}.scale-btn{font-size:.875rem;height:28px;width:28px}.scale-value{font-size:.75rem;min-width:50px}.action-buttons{gap:.5rem}.reset-btn{font-size:.75rem;padding:.5rem .75rem}.ar-info{bottom:5rem;padding:.5rem}.info-item{font-size:.75rem}}@media (orientation:landscape) and (max-height:500px){.ar-camera-header{padding:.5rem 1rem}.header-title h1{font-size:1rem}.ar-controls{padding:.5rem}.place-product-btn{padding:.5rem 1rem}.ar-info{display:none}}.design-tools-container{background:var(--color-gray-50);min-height:100vh;padding:var(--spacing-lg)}.design-tools-header{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);text-align:center}.design-tools-title{color:var(--color-gray-800);font-size:2.5rem;font-weight:700;margin:0 0 var(--spacing-md)}.design-tools-subtitle{color:var(--color-gray-600);font-size:1.25rem;line-height:1.6;margin:0}.tools-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.tool-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-normal) ease}.tool-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.tool-preview{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);color:#fff;display:flex;font-size:3rem;height:200px;justify-content:center;overflow:hidden;position:relative}.tool-preview:before{animation:tool-float 6s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes tool-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(180deg)}}.tool-content{padding:var(--spacing-xl)}.tool-title{color:var(--color-gray-800);font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-md)}.tool-description{color:var(--color-gray-600);line-height:1.6;margin:0 0 var(--spacing-lg)}.tool-features{margin-bottom:var(--spacing-lg)}.tool-feature{align-items:center;color:var(--color-gray-700);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.tool-feature-icon{color:var(--color-primary);flex-shrink:0;height:16px;width:16px}.tool-button{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border:none;color:#fff;font-size:1rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);width:100%}.tool-button:hover{box-shadow:var(--shadow-lg)}.tool-button:active{transform:translateY(0)}.design-showcase{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-top:var(--spacing-2xl);padding:var(--spacing-2xl)}.showcase-title{color:var(--color-gray-800);font-size:2rem;font-weight:700;margin:0 0 var(--spacing-xl);text-align:center}.showcase-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.showcase-item{background:var(--color-gray-50);border:2px solid #0000;border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-normal) ease}.showcase-item:hover{background:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-md)}.showcase-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:var(--radius-xl);color:#fff;display:flex;font-size:1.5rem;height:64px;justify-content:center;margin:0 auto var(--spacing-md);width:64px}.showcase-item-title{color:var(--color-gray-800);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-sm)}.showcase-item-description{color:var(--color-gray-600);font-size:.875rem;line-height:1.4;margin:0}@media (max-width:768px){.design-tools-container{padding:var(--spacing-md)}.design-tools-title{font-size:2rem}.tools-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.tool-card{margin:0 var(--spacing-md)}.showcase-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){.design-tools-title{font-size:1.75rem}.design-showcase,.tool-content{padding:var(--spacing-lg)}}.login-container{background:linear-gradient(135deg,#f9fafb,#f3f4f6);min-height:100vh;padding:0}.login-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.page-title-custom{font-weight:600}.login-content{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:2rem}.login-card{background:#fff;border:1px solid #0000000d;border-radius:1.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;max-width:450px;padding:2.5rem;width:100%}.login-header-content{margin-bottom:2rem;text-align:center}.login-icon{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #dbeafe;border-radius:1.5rem;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.icon-main{color:#5e5fef}.login-header-content h2{color:#1f2937;font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.login-header-content p{color:#6b7280;font-size:1rem;margin:0}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-input{border-radius:.75rem;font-size:1rem;padding:.75rem 1rem;width:100%}.form-input:focus{border-color:#5e5fef;box-shadow:0 0 0 3px #5e5fef1a}.password-toggle{background:none;border:none;border-radius:.25rem;color:#9ca3af;padding:.25rem;right:1rem;transition:color .2s ease;z-index:1}.password-toggle:hover{color:#6b7280}.form-options{align-items:center;display:flex;justify-content:space-between;margin:.5rem 0}.checkmark{height:1.25rem;width:1.25rem}.checkbox-label input[type=checkbox]:checked+.checkmark:after{font-size:.75rem}.forgot-password{background:none;border:none;color:#5e5fef;cursor:pointer;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease}.forgot-password:hover{color:#4f46e5}.login-button{align-items:center;background:#5e5fef;border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease}.login-button:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 12px #5e5fef4d;transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-button.loading{background:#5e5fef}.spinner{height:16px;width:16px}.login-footer{border-top:1px solid #e5e7eb;padding-top:1.5rem;text-align:center}.login-footer p{color:#6b7280;font-size:.875rem;margin:0}.register-link{background:none;border:none;color:#5e5fef;cursor:pointer;font-weight:600;text-decoration:none;transition:color .2s ease}.register-link:hover{color:#4f46e5}@media (max-width:768px){.login-header{padding:1rem 1.5rem}.login-content{min-height:calc(100vh - 70px);padding:1rem}.login-card{border-radius:1rem;max-width:400px;padding:1.75rem}.login-header-content{margin-bottom:1.5rem}.login-header-content h2{font-size:1.5rem}.login-header-content p{font-size:.875rem}.login-form{gap:1rem}.form-input{font-size:1rem;padding:.875rem 1rem}.login-button{font-size:1rem;padding:1rem}}@media (max-width:480px){.login-header{padding:.75rem 1rem}.login-content{padding:.75rem}.login-card{border-radius:1rem;padding:1.5rem}.login-icon{height:50px;margin:0 auto 1rem;width:50px}.icon-main{height:28px;width:28px}.login-header-content{margin-bottom:1.25rem}.login-header-content h2{font-size:1.25rem}.login-header-content p{font-size:.8rem}.login-form{gap:.875rem}.form-group{gap:.375rem}.form-group label{font-size:.8rem}.form-input{border-radius:.625rem;font-size:.875rem;padding:.75rem 1rem}.password-toggle{padding:.25rem;right:.875rem}.password-toggle svg{height:18px;width:18px}.login-button{border-radius:.625rem;font-size:.9rem;padding:.875rem}.login-button.loading .spinner{height:14px;width:14px}}.manage-products-container{background:linear-gradient(135deg,#f9fafb,#f3f4f6);min-height:100vh;padding:0}.page-title-custom{color:#5e5fef!important}.manage-products-content{margin:0 auto;max-width:1400px;padding:2rem}.form-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.edit-form-container{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px #00000012;margin-bottom:2rem;padding:1.5rem}.image-upload-section,.model3d-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.model3d-info{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.model3d-header{align-items:center;color:#4a5568;display:flex;font-weight:500;gap:.5rem;margin-bottom:.75rem}.model3d-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.file-link{align-items:center;color:#5e5fef;display:flex;font-size:.8125rem;font-weight:500;gap:.25rem;text-decoration:none}.file-link:hover{text-decoration:underline}.config-details{border-top:1px dashed #e5e7eb;margin-top:.75rem;padding-top:.75rem}.config-item{align-items:center;color:#6b7280;display:flex;font-size:.8125rem;gap:.375rem}.model3d-actions{display:flex;gap:.5rem;margin-top:1rem}.btn-test-ar{align-items:center;background:#10b981;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.375rem;justify-content:center;padding:.625rem 1rem;transition:all .2s ease}.btn-test-ar:hover{background:#0da271;transform:translateY(-1px)}.btn-remove-model{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;color:#dc2626;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.375rem;justify-content:center;padding:.625rem 1rem;transition:all .2s ease}.btn-remove-model:hover{background:#fee2e2;border-color:#fca5a5}.no-model3d{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;margin-bottom:1rem;padding:2rem 1rem;text-align:center}.model3d-upload{display:flex;flex-direction:column;gap:.5rem}.upload-button-model{align-items:center;background:#fff;border:2px dashed #5e5fef;border-radius:.75rem;color:#5e5fef;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s ease}.upload-button-model:hover{background:#f8faff;border-color:#4f46e5}.file-info{font-size:.75rem;margin-top:.5rem}.file-info,.loading-ar{color:#6b7280;text-align:center}.loading-ar{font-size:.875rem;padding:2rem}.upload-placeholder{color:#6b7280;text-align:center}.upload-placeholder svg{color:#d1d5db;margin-bottom:1rem}.upload-placeholder p{font-size:.875rem;margin:.5rem 0}.upload-placeholder strong{color:#374151;font-weight:500}.upload-info{color:#9ca3af;font-size:.75rem;line-height:1.5;margin-top:1rem!important}.images-gallery{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.upload-area{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:.75rem;cursor:pointer;display:flex;justify-content:center;min-height:200px;padding:2rem;text-align:center;transition:all .3s ease}.upload-area.dragging,.upload-area:hover{background:#f8faff;border-color:#5e5fef}.image-carousel{width:100%}.carousel-main{gap:1rem;justify-content:space-between;margin-bottom:1rem;position:relative}.carousel-arrow,.carousel-main{align-items:center;display:flex}.carousel-arrow{background:#5e5fef;border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;height:48px;justify-content:center;transition:all .2s ease;width:48px;z-index:2}.carousel-arrow:hover:not(:disabled){background:#4f46e5;transform:scale(1.05)}.carousel-arrow:disabled{background:#d1d5db;cursor:not-allowed;opacity:.5}.carousel-image-container{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;height:400px;overflow:hidden;position:relative;width:100%}.carousel-main-image{height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.carousel-remove-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:32px}.carousel-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.carousel-thumbnails{display:flex;gap:.5rem;margin-bottom:1rem;overflow-x:auto;padding:.5rem 0;scrollbar-color:#d1d5db #f3f4f6;scrollbar-width:thin}.carousel-thumbnails::-webkit-scrollbar{height:6px}.carousel-thumbnails::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.carousel-thumbnails::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.thumbnail{background:#fff;border:2px solid #0000;border-radius:.5rem;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;transition:all .2s ease;width:60px}.thumbnail img{height:100%;object-fit:cover;width:100%}.thumbnail.active{border-color:#5e5fef;transform:scale(1.1)}.thumbnail:hover{border-color:#5e5fef;transform:scale(1.05)}.carousel-indicator{color:#6b7280;font-size:.875rem;font-weight:500}.carousel-actions,.carousel-indicator{margin-bottom:1rem;text-align:center}.gallery-header{border-bottom:1px solid #e5e7eb;margin-bottom:1rem;padding-bottom:.75rem}.gallery-header h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.gallery-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:1rem}.image-container,.image-item{position:relative}.image-container{border:2px solid #e5e7eb;border-radius:.5rem;height:120px;overflow:hidden;transition:all .2s ease;width:100%}.image-container:hover{border-color:#5e5fef;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.image-container img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.image-container:hover img{transform:scale(1.05)}.remove-image-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:24px}.image-container:hover .remove-image-btn{opacity:1}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.add-more-images-btn{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:.5rem;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;height:120px;justify-content:center;padding:1rem;transition:all .2s ease;width:100%}.add-more-images-btn:hover{background:#f8faff;border-color:#5e5fef;color:#5e5fef}.add-more-images-btn svg{transition:transform .2s ease}.add-more-images-btn:hover svg{transform:scale(1.1)}.add-more-images-btn span{font-size:.75rem;font-weight:500;text-align:center}.add-more-hint{margin-bottom:1rem;margin-top:1rem;text-align:center}.add-more-text-btn{align-items:center;background:#5e5fef;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.add-more-text-btn:hover{background:#4f46e5;box-shadow:0 4px 12px #5e5fef33;transform:translateY(-1px)}.image-count{color:#6b7280;font-size:.875rem;font-weight:500;margin:0;text-align:center}.edit-form-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.edit-form-header h2{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.close-form-btn{background:none;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s ease}.close-form-btn:hover{background:#f3f4f6;color:#374151}.edit-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.form-group{gap:.5rem}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:#5e5fef;box-shadow:0 0 0 3px #5e5fef1a;outline:none}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.75rem;margin-top:1.75rem;width:100%}.checkbox-label input[type=checkbox]{display:none}.checkmark{border:2px solid #d1d5db;border-radius:.25rem;height:1.5rem;position:relative;transition:all .2s ease;width:1.5rem}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#5e5fef;border-color:#5e5fef}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:.875rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.form-actions{align-items:center}.cancel-btn{background:#f3f4f6;border:none;color:#6b7280;padding:.75rem 1.5rem}.cancel-btn:hover{background:#e5e7eb;color:#4b5563}.test-ar-btn{align-items:center;background:#10b981;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.test-ar-btn:hover:not(:disabled){background:#0da271;transform:translateY(-1px)}.test-ar-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.save-btn{background:#5e5fef;font-weight:500;padding:.75rem 1.5rem}.save-btn:hover:not(:disabled){background:#4f46e5}.save-btn:disabled{background:#9ca3af}.products-container{grid-template-columns:repeat(4,1fr)}.product-image-container{height:350px}.product-visualizable{background:#fffffff2;border:1px solid #0000001a;border-radius:2rem;color:#6b7280;font-size:.75rem;font-weight:500;padding:.5rem .75rem;right:1rem;top:1rem}.product-nav-arrow,.product-visualizable{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute}.product-nav-arrow{align-items:center;background:#5e5fefe6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;top:50%;transform:translateY(-50%);transition:all .2s ease;width:32px;z-index:3}.product-nav-left{left:1rem}.product-nav-right{right:1rem}.product-nav-arrow:hover{background:#5e5fef;transform:translateY(-50%) scale(1.1)}.product-nav-arrow:active{transform:translateY(-50%) scale(.95)}.product-image-indicator{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:2rem;bottom:1rem;color:#fff;font-size:.625rem;font-weight:500;left:50%;padding:.375rem .75rem;position:absolute;transform:translateX(-50%);z-index:2}.product-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.product-name{flex:1 1;margin:0}.product-actions{display:flex;gap:.5rem}.action-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.edit-btn{background:#5e5fef;color:#fff}.edit-btn:hover{background:#4f46e5;transform:scale(1.05)}.delete-btn{background:#ef4444;color:#fff}.delete-btn:hover{background:#dc2626;transform:scale(1.05)}.product-details{display:flex;flex-direction:column;gap:.75rem}.detail-item{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.detail-item .label{color:#6b7280;font-weight:500}.detail-item .value{color:#374151;font-weight:600}.no-products{grid-column:1/-1}@media (max-width:1024px){.products-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.form-sections{gap:1.5rem;grid-template-columns:1fr}}@media (max-width:768px){.products-container{grid-template-columns:repeat(2,1fr)}.product-list-header{padding:1rem 1.5rem}.manage-products-content{padding:1rem}.edit-form-grid,.form-sections{grid-template-columns:1fr}.carousel-image-container{height:300px}.product-image-container{height:250px}.form-actions{align-items:stretch;flex-direction:column}.form-actions button{width:100%}.visualizable-filters{align-items:stretch;flex-direction:column}.filter-buttons{justify-content:center}}@media (max-width:576px){.products-container{grid-template-columns:1fr}.product-list-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.header-title{justify-content:center;width:100%}.manage-products-content{padding:.75rem}.search-input{font-size:.8125rem}.carousel-image-container{height:250px}.product-image-container{height:200px}@media (max-width:768px){.product-list-header{align-items:center;flex-direction:row;gap:1rem;padding:1rem 1.5rem}.header-title{gap:.75rem;justify-content:center}.manage-products-content{padding:1rem}.search-bar{gap:.75rem}.search-input-wrapper{min-width:100%}.edit-form-grid{gap:1rem;grid-template-columns:1fr}.images-gallery{padding:1rem}.upload-area{min-height:160px;padding:1.5rem}.gallery-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.image-container{height:100px}.visualizable-filters{align-items:stretch;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.filter-label{font-size:.9rem;margin-bottom:.25rem;text-align:center}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.filter-btn{border-radius:1.5rem;flex:1 1;font-size:.75rem;font-weight:600;min-width:0;padding:.875rem .75rem}.filter-btn svg{flex-shrink:0;height:16px!important;width:16px!important}.add-more-images-btn{height:100px}.carousel-main{gap:.5rem}.carousel-arrow{height:40px;width:40px}.carousel-image-container{height:300px}.carousel-thumbnails{gap:.375rem}.thumbnail{height:50px;width:50px}.products-container{grid-template-columns:repeat(2,1fr)}.product-image-container{height:250px}.product-nav-arrow{height:28px;width:28px}.product-info{padding:1rem}.model3d-actions{flex-direction:column}.btn-remove-model,.btn-test-ar{width:100%}}.product-nav-left{left:.5rem}.product-nav-right{right:.5rem}.product-image-indicator{bottom:.5rem;font-size:.5625rem;padding:.25rem .5rem}.product-info{padding:1rem}.product-header{align-items:flex-start;flex-direction:column;gap:.75rem}.product-actions{align-self:flex-end}.form-actions{flex-direction:column}.visualizable-filters{align-items:stretch;flex-direction:column;gap:.75rem;margin-top:1rem}.filter-label{font-size:.9rem;margin-bottom:.25rem;text-align:center}.filter-buttons{gap:.5rem;justify-content:center}.filter-btn{box-shadow:0 1px 3px #0000001a;flex:1 1;font-size:.8rem;justify-content:center;min-width:0;padding:.75rem .875rem}.filter-btn:hover{box-shadow:0 4px 12px #5e5fef26;transform:translateY(-2px)}.filter-btn.active{box-shadow:0 4px 12px #5e5fef4d;transform:translateY(-1px)}}@media (max-width:640px){.product-list-header{padding:.75rem 1rem}.header-title h1{font-size:1.375rem}.back-button{font-size:.75rem;padding:.5rem .75rem}.manage-products-content{padding:.75rem}.edit-form-container{padding:1rem}.images-gallery{padding:.75rem}.upload-area{min-height:140px;padding:1rem}.gallery-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.image-container{height:80px}.add-more-images-btn{height:80px;padding:.5rem}.carousel-main{gap:.375rem}.carousel-arrow{height:36px;width:36px}.carousel-image-container{height:250px}.carousel-remove-btn{height:28px;width:28px}.thumbnail{height:45px;width:45px}.remove-image-btn{height:20px;right:.25rem;top:.25rem;width:20px}.upload-placeholder svg{height:32px;width:32px}.products-container{gap:1rem;grid-template-columns:1fr}.product-image-container{height:200px}.product-nav-arrow{height:24px;width:24px}.product-nav-left{left:.375rem}.product-nav-right{right:.375rem}.product-image-indicator{bottom:.375rem;font-size:.5rem;padding:.1875rem .375rem}.product-info{padding:.75rem}.product-name{font-size:1rem}.product-price{font-size:1.25rem}.visualizable-filters{margin-top:.75rem}.filter-label{font-size:.85rem;margin-bottom:.5rem}.filter-buttons{gap:.375rem}.filter-btn{border-radius:1.5rem;font-size:.75rem;font-weight:600;padding:.875rem .75rem}.filter-btn span{display:none}}@media (max-width:480px){.product-list-header{padding:.5rem}.back-button{min-width:auto;padding:.5rem .75rem}.manage-products-content{padding:.5rem}.edit-form-container{padding:.75rem}.images-gallery{padding:.5rem}.upload-area{min-height:120px;padding:.75rem}.gallery-grid{gap:.375rem;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.visualizable-filters{margin-top:.75rem}.filter-label{font-size:.85rem;margin-bottom:.5rem}.filter-buttons{gap:.375rem}.filter-btn{border-radius:1.5rem;flex:1 1;font-size:.75rem;font-weight:600;min-width:0;padding:.875rem .75rem}.filter-btn svg{flex-shrink:0;height:14px!important;width:14px!important}.filter-btn span{font-size:.7rem}.image-container{height:70px}.add-more-images-btn{height:70px;padding:.25rem}.carousel-main{gap:.25rem}.carousel-arrow{height:32px;width:32px}.carousel-image-container{height:200px}.carousel-remove-btn{height:24px;width:24px}.thumbnail{height:40px;width:40px}.remove-image-btn{font-size:.625rem;height:18px;width:18px}.add-more-images-btn svg{height:20px;width:20px}.add-more-images-btn span{font-size:.625rem}.upload-placeholder svg{height:28px;width:28px}.change-image-btn{font-size:.75rem;padding:.5rem 1rem}.product-image-container{height:180px}.product-nav-arrow{height:20px;width:20px}.product-nav-left{left:.25rem}.product-nav-right{right:.25rem}.product-image-indicator{bottom:.25rem;font-size:.4375rem;padding:.125rem .25rem}.product-info{padding:.5rem}.action-btn{height:32px;width:32px}.filter-btn{justify-content:center;padding:.75rem}}.my-kitchen-container{background:var(--color-gray-50);min-height:100vh;padding:var(--spacing-lg)}.kitchen-header{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.kitchen-title{color:var(--color-gray-800);font-size:2.5rem;font-weight:700;margin:0 0 var(--spacing-md)}.kitchen-subtitle{color:var(--color-gray-600);font-size:1.25rem;line-height:1.6;margin:0}.kitchen-content{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 300px;margin:0 auto;max-width:1200px}.kitchen-main{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.kitchen-canvas{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;height:500px;justify-content:center;position:relative}.canvas-placeholder{color:var(--color-gray-500);text-align:center}.canvas-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:var(--radius-xl);color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto var(--spacing-lg);width:80px}.kitchen-controls{padding:var(--spacing-xl)}.control-section{margin-bottom:var(--spacing-xl)}.control-section:last-child{margin-bottom:0}.control-title{align-items:center;color:var(--color-gray-800);display:flex;font-size:1.25rem;font-weight:600;gap:var(--spacing-sm);margin:0 0 var(--spacing-lg)}.control-icon{color:var(--color-primary);height:20px;width:20px}.tool-palette{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.tool-button{align-items:center;aspect-ratio:1;background:var(--color-gray-100);border:2px solid #0000;border-radius:var(--radius-lg);color:var(--color-gray-600);cursor:pointer;display:flex;justify-content:center;transition:all var(--transition-normal) ease}.tool-button:hover{background:var(--color-gray-200);transform:translateY(-2px)}.tool-button.active{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-color:var(--color-primary);color:#fff}.color-palette{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(auto-fit,minmax(40px,1fr))}.color-swatch{aspect-ratio:1;border:3px solid #0000;border-radius:var(--radius-md);cursor:pointer;position:relative;transition:all var(--transition-normal) ease}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:var(--color-gray-800)}.color-swatch.active:after{color:#fff;content:"✓";font-weight:700;left:50%;position:absolute;text-shadow:0 1px 2px #00000080;top:50%;transform:translate(-50%,-50%)}.material-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.material-option{background:#fff;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-sm);text-align:center;transition:all var(--transition-normal) ease}.material-option:hover{border-color:var(--color-primary);transform:translateY(-2px)}.material-option.active{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-color:var(--color-primary);color:#fff}.material-preview{background-position:50%;background-size:cover;border-radius:var(--radius-md);height:40px;margin:0 auto var(--spacing-xs);width:40px}.material-name{font-size:.75rem;font-weight:500;margin:0}.kitchen-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sidebar-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.sidebar-title{color:var(--color-gray-800);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-md)}.dimensions-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.dimension-input{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dimension-label{color:var(--color-gray-600);font-size:.75rem;font-weight:500}.dimension-value{border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;padding:var(--spacing-sm);transition:all var(--transition-normal) ease}.dimension-value:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.action-buttons{flex-direction:column}.action-button,.action-buttons{display:flex;gap:var(--spacing-sm)}.action-button{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;justify-content:center;padding:var(--spacing-md);transition:all var(--transition-normal) ease}.action-button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-button.secondary{background:var(--color-gray-200);color:var(--color-gray-700)}.action-button.secondary:hover{background:var(--color-gray-300)}@media (max-width:1024px){.kitchen-content{grid-template-columns:1fr}.kitchen-sidebar{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.my-kitchen-container{padding:var(--spacing-md)}.kitchen-title{font-size:2rem}.kitchen-canvas{height:350px}.tool-palette{grid-template-columns:repeat(4,1fr)}.material-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.kitchen-title{font-size:1.75rem}.kitchen-canvas{height:250px}.kitchen-controls{padding:var(--spacing-lg)}.tool-palette{grid-template-columns:repeat(3,1fr)}.material-grid{grid-template-columns:repeat(2,1fr)}}.qr-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.qr-modal{animation:slideUp .3s ease;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.qr-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.qr-modal-title{align-items:center;display:flex;gap:.75rem}.qr-modal-title h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.title-icon{color:#3b82f6}.close-modal-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s ease}.close-modal-btn:hover{background:#e5e7eb;color:#374151}.qr-modal-content{padding:2rem}.qr-info{margin-bottom:2rem;text-align:center}.camera-icon{color:#3b82f6;margin-bottom:1rem}.qr-info h4{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.qr-info p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.qr-code-container{display:flex;justify-content:center;margin-bottom:2rem}.qr-code-wrapper{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.qr-instructions{margin-bottom:2rem}.instruction-step{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.instruction-step:last-child{margin-bottom:0}.step-number{background:#3b82f6;font-size:.875rem;font-weight:600;height:28px;width:28px}.step-text{flex:1 1;padding-top:2px}.step-text strong{color:#1f2937;font-weight:600}.qr-actions{display:flex;gap:1rem;justify-content:center}.qr-secondary-btn{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.qr-secondary-btn:hover{background:#f9fafb;border-color:#d1d5db}.qr-primary-btn{align-items:center;background:#3b82f6;border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.qr-primary-btn:hover{background:#2563eb;box-shadow:0 10px 15px -3px #3b82f666;transform:translateY(-1px)}@media (max-width:768px){.qr-modal{margin:1rem;width:95%}.qr-modal-content{padding:1.5rem}.qr-code-wrapper{padding:1rem}.qr-instructions{margin-bottom:1.5rem}.qr-actions{flex-direction:column}.qr-primary-btn,.qr-secondary-btn{justify-content:center;width:100%}}@media (max-width:480px){.qr-modal-content,.qr-modal-header{padding:1rem}.qr-code-wrapper{padding:.75rem}.qr-info p{font-size:.8rem}.instruction-step{gap:.75rem;margin-bottom:1rem}.step-number{font-size:.75rem;height:24px;width:24px}.step-text{font-size:.875rem}}.product-list-container{background:linear-gradient(135deg,#f9fafb,#f3f4f6);min-height:100vh;padding:0}.product-list-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-button{background:none;border:1px solid #e5e7eb;color:#6b7280;padding:.75rem 1rem}.back-button:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.title-icon{color:#5e5fef}.header-title h1{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.product-list-content{margin:0 auto;max-width:1400px;padding:2rem}.search-section{margin-bottom:2rem}.visualizable-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.filter-label{color:#374151;font-size:.875rem;font-weight:600;white-space:nowrap}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:2rem;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background:#f8faff;border-color:#5e5fef;color:#5e5fef;transform:translateY(-1px)}.filter-btn.active{background:#5e5fef;border-color:#5e5fef;box-shadow:0 2px 8px #5e5fef33;color:#fff}.filter-btn span{font-weight:500}.search-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.search-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative;width:100%}.search-icon{color:#9ca3af;left:1rem;pointer-events:none;position:absolute}.search-input{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.875rem;padding:.75rem 1rem .75rem 3rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:#5e5fef;box-shadow:0 0 0 3px #5e5fef1a;outline:none}.clear-search{align-items:center;background:none;border:none;border-radius:.25rem;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;transition:all .2s ease}.clear-search:hover{background:#f3f4f6;color:#6b7280}.filter-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;position:relative;transition:all .2s ease}.filter-button:hover{background:#f8faff;border-color:#5e5fef;color:#5e5fef}.filter-button.active{background:#5e5fef;border-color:#5e5fef;color:#fff}.filter-text{white-space:nowrap}.filter-badge{background:#ef4444;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:-4px;top:-4px;width:8px}.view-toggle{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;display:flex;overflow:hidden}@media (max-width:768px){.view-toggle{display:none}}.view-button{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .2s ease}.view-button:hover{background:#f3f4f6;color:#6b7280}.view-button.active{background:#5e5fef;color:#fff}.filters-panel{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;display:flex;flex-wrap:wrap;gap:2rem;margin-top:1rem;padding:1.5rem}.filter-group{flex:1 1;min-width:200px}.filter-group label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.color-filters{display:flex;flex-wrap:wrap;gap:.5rem}.color-chip{background:#f3f4f6;border:2px solid #0000;border-radius:2rem;color:#6b7280;cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.color-chip:hover{background:#e5e7eb;color:#374151}.color-chip.active{background:#5e5fef;border-color:#5e5fef;color:#fff}.clear-filters{align-items:center;background:#ef4444;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;height:-webkit-fit-content;height:fit-content;padding:.5rem 1rem;transition:all .2s ease}.clear-filters:hover{background:#dc2626;transform:translateY(-1px)}.results-info{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.results-count{color:#6b7280;font-size:.875rem;font-weight:500}.clear-filters-small{background:none;border:none;color:#5e5fef;cursor:pointer;font-size:.875rem;font-weight:500;text-decoration:underline;transition:all .2s ease}.clear-filters-small:hover{color:#4f46e5}.products-sections{display:flex;flex-direction:column;gap:3rem}.product-section{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem}.section-header{border-bottom:2px solid #f3f4f6;margin-bottom:1.5rem;padding-bottom:1rem}.section-title{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.non-visualizable-icon,.visualizable-icon{font-size:1.25rem}.products-container{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem}.products-container.view-grid{grid-template-columns:repeat(4,1fr)}.products-container.view-list{grid-template-columns:1fr}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;cursor:pointer;overflow:hidden;transition:all .3s ease}.product-card:hover{border-color:#5e5fef;box-shadow:0 10px 25px #0000001a;transform:translateY(-4px)}.product-card.grid{display:flex;flex-direction:column}.product-card.list{display:flex;flex-direction:row;height:200px}.product-image-container{background:#f9fafb;overflow:hidden;position:relative}.product-card.grid .product-image-container{height:350px}.product-card.list .product-image-container{flex-shrink:0;height:100%;width:300px}.product-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-card:hover .product-image{transform:scale(1.05)}.product-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.product-card:hover .product-overlay{opacity:1}.visualization-buttons{display:flex;flex-direction:column;gap:.5rem;width:100%}.quick-view{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.quick-view.primary{background:#5e5fef;color:#fff}.quick-view.primary:hover{background:#4f46e5;transform:translateY(-1px)}.quick-view.secondary{background:#ffffffe6;border:1px solid #ffffff4d;color:#374151}.quick-view.secondary:hover{background:#fff;transform:translateY(-1px)}.non-visualizable{background:#6b7280;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;pointer-events:none;text-align:center;-webkit-user-select:none;user-select:none}.no-products-section{color:#9ca3af;grid-column:1/-1;padding:2rem;text-align:center}.no-products-section .no-products-icon{color:#d1d5db;margin-bottom:.75rem}.no-products-section p{font-size:.875rem;margin:0}.product-info{flex:1 1}.product-card.list .product-info,.product-info{display:flex;flex-direction:column;padding:1.5rem}.product-card.list .product-info{justify-content:space-between}.product-category{color:#5e5fef;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.product-name{color:#1f2937;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 0 1rem}.product-card.list .product-name{font-size:1.25rem;margin-bottom:.75rem}.product-details{margin-bottom:1rem}.product-card.list .product-details{margin-bottom:0}.product-color{align-items:center;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.color-label{color:#6b7280;font-weight:500}.color-value{color:#374151;font-weight:600}.product-stock{color:#6b7280;font-size:.875rem}.low-stock{color:#ef4444;font-weight:600}.in-stock{color:#10b981;font-weight:600}.product-price{color:#1f2937;font-size:1.5rem;font-weight:700;margin-top:auto}.product-card.list .product-price{font-size:1.75rem;margin-top:0;text-align:right}.no-products{color:#6b7280;padding:4rem 2rem;text-align:center}.no-products-icon{color:#d1d5db;margin-bottom:1rem}.no-products h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.no-products p{font-size:.875rem;margin:0 0 2rem}.reset-search{background:#5e5fef;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.reset-search:hover{background:#4f46e5;transform:translateY(-1px)}@media (max-width:1024px){.products-container.view-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.product-list-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.header-title{justify-content:center}.product-list-content{padding:1rem}.search-bar{gap:.75rem}.search-input-wrapper{min-width:100%}.filter-button .filter-text{display:none}.filters-panel,.results-info{flex-direction:column;gap:1rem}.results-info{align-items:stretch;text-align:center}.products-container.view-grid{grid-template-columns:repeat(2,1fr)}.product-card.list{flex-direction:column;height:auto}.product-card.list .product-image-container{height:250px;width:100%}.product-card.list .product-info{padding:1rem}.product-card.list .product-price{margin-top:.75rem;text-align:left}.visualizable-filters{align-items:stretch;flex-direction:column;gap:.75rem;margin-top:1rem}.filter-label{font-size:.9rem;margin-bottom:.25rem;text-align:center}.filter-buttons{gap:.5rem;justify-content:center}.filter-btn{box-shadow:0 1px 3px #0000001a;flex:1 1;font-size:.8rem;justify-content:center;min-width:0;padding:.75rem .875rem}.filter-btn:hover{box-shadow:0 4px 12px #5e5fef26;transform:translateY(-2px)}.filter-btn.active{box-shadow:0 4px 12px #5e5fef4d;transform:translateY(-1px)}}@media (max-width:640px){.product-list-header{padding:.75rem}.header-title h1{font-size:1.25rem}.back-button{font-size:.75rem;padding:.5rem .75rem}.product-list-content{padding:.75rem}.search-bar{flex-direction:column}.search-input-wrapper{min-width:100%}.filter-button,.view-toggle{align-self:stretch;justify-content:center}.visualizable-filters{margin-top:.75rem}.filter-label{font-size:.85rem;margin-bottom:.5rem}.filter-buttons{gap:.375rem}.filter-btn{border-radius:1.5rem;font-size:.75rem;font-weight:600;padding:.875rem .75rem}.filter-btn span{display:none}.filter-btn{justify-content:center;padding:.75rem}.products-container.view-grid{gap:1rem;grid-template-columns:1fr}.product-card.grid .product-image-container{height:250px}.product-info{padding:1rem}.product-name{font-size:1rem}.product-price{font-size:1.25rem}.filters-panel{padding:1rem}.color-filters{gap:.375rem}.color-chip{font-size:.625rem;padding:.375rem .75rem}}@media (max-width:480px){.product-list-header{padding:.5rem}.back-button{min-width:auto;padding:.5rem .75rem}.search-input{font-size:.8125rem;padding:.625rem 1rem .625rem 2.5rem}.product-card.grid .product-image-container{height:200px}.product-info{padding:.75rem}.product-name{font-size:.9375rem}.product-price{font-size:1.125rem}.filter-button,.view-button{padding:.625rem}}.profile-container{background:#f8fafc;display:flex;flex-direction:column;height:100vh;overflow:hidden}.profile-content-full{display:flex;flex:1 1;flex-direction:column;height:100%}.profile-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem}.back-button,.profile-header{align-items:center;box-shadow:0 1px 3px #0000000d;display:flex}.back-button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.back-button:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.logout-button{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;color:#dc2626;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.logout-button:hover{background:#fee2e2;border-color:#fca5a5;box-shadow:0 4px 12px #dc262626;color:#b91c1c;transform:translateY(-1px)}.header-title{align-items:center;display:flex;gap:.75rem}.title-icon{color:#6366f1}.page-title-custom{color:#1e293b!important;font-size:1.5rem;font-weight:700;margin:0}.profile-body{align-items:flex-start;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:2rem}.profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:1400px;overflow:hidden;width:100%}.profile-header-card{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #f1f5f9;display:flex;gap:1rem;padding:1rem}.profile-avatar{flex-shrink:0;position:relative}.profile-img{object-fit:cover}.avatar-placeholder,.profile-img{border:3px solid #6366f1;border-radius:50%;box-shadow:0 4px 12px #6366f133;height:60px;width:60px}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#6366f1;display:flex;justify-content:center}.avatar-placeholder svg,.camera-btn{height:24px;width:24px}.camera-btn{align-items:center;background:#6366f1;border:2px solid #fff;border-radius:50%;bottom:1px;box-shadow:0 2px 6px #6366f140;color:#fff;cursor:pointer;display:flex;justify-content:center;position:absolute;right:1px;transition:all .3s ease}.camera-btn:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f159;transform:scale(1.05)}.profile-info h2{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.profile-form{display:flex;flex-direction:column;height:100%}.form-content{grid-gap:1.5rem;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:1fr 1fr;padding:1rem}.form-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 2px 4px #00000008;padding:1rem}.form-section h3{align-items:center;border-bottom:2px solid #e2e8f0;color:#1e293b;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem;padding-bottom:.5rem}.form-section h3:before{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:2px;content:"";height:16px;width:3px}.form-group{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.025em}.form-input{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px #00000008;color:#1f2937;font-size:.875rem;padding:.625rem .875rem;transition:all .2s ease}.form-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none;transform:translateY(-1px)}.form-input::placeholder{color:#9ca3af}.input-wrapper{align-items:center;display:flex;position:relative}.password-toggle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;color:#64748b;cursor:pointer;padding:.5rem;position:absolute;right:.75rem;transition:all .2s ease}.password-toggle:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.role-input{background:#f8fafc!important;color:#64748b!important;cursor:not-allowed;opacity:.7}.role-input,.role-input:focus{border-color:#e2e8f0!important}.role-input:focus{box-shadow:none!important;transform:none!important}.form-actions{background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;padding:1rem}.cancel-btn{background:#fff;border:2px solid #e2e8f0;border-radius:.5rem;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1.25rem;transition:all .2s ease}.cancel-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.save-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:.5rem;box-shadow:0 2px 8px #6366f133;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1.75rem;transition:all .2s ease}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.save-btn.loading{background:linear-gradient(135deg,#6366f1,#4f46e5)}.spinner{animation:spin .8s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:14px;width:14px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.form-content{gap:1.5rem;grid-template-columns:1fr}}@media (max-width:480px){.profile-header{justify-content:space-between}.back-button{min-width:auto;padding:.5rem .75rem}.logout-button span{display:none}.profile-body{padding:.75rem}.profile-header-card{flex-direction:column;gap:.75rem;padding:1rem;text-align:center}.profile-info{text-align:center}.form-content{gap:1rem;padding:.75rem}.form-section{border-radius:.625rem;padding:.875rem}.form-section h3{font-size:.875rem;margin-bottom:.75rem;padding-bottom:.375rem}.form-section h3:before{height:12px;width:2px}.form-group{margin-bottom:.875rem}.form-group label{font-size:.75rem}.form-input{font-size:.8rem;padding:.5rem .75rem}.form-actions{gap:.625rem;padding:.875rem}.cancel-btn,.save-btn{font-size:.8rem;padding:.625rem 1rem}.avatar-placeholder,.profile-img{height:64px;width:64px}.avatar-placeholder svg{height:24px;width:24px}.camera-btn{height:20px;width:20px}.camera-btn svg{height:12px;width:12px}.profile-header{padding:.75rem 1rem}.page-title-custom{font-size:1.125rem}.profile-body{padding:.5rem}.profile-header-card{padding:.75rem}.form-content{padding:.5rem}.form-section{padding:.75rem}.form-section h3{font-size:.825rem}.form-group{margin-bottom:.75rem}.form-input{font-size:.775rem;padding:.425rem .625rem}.form-actions{flex-direction:row;gap:.5rem;padding:.75rem}.form-actions button{flex:1 1}.form-group label{font-size:.725rem}.password-toggle{padding:.375rem}.password-toggle svg{height:14px;width:14px}.avatar-placeholder,.profile-img{height:56px;width:56px}.avatar-placeholder svg{height:20px;width:20px}.camera-btn{height:18px;width:18px}.camera-btn svg{height:10px;width:10px}}.logout-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.logout-modal{animation:slideUp .3s ease;background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:90%}.logout-modal-content{padding:2rem;text-align:center}.logout-modal-icon{align-items:center;background:#fef2f2;border-radius:50%;color:#dc2626;display:flex;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.logout-modal-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.logout-modal-message{color:#6b7280;font-size:1rem;line-height:1.5;margin:0 0 2rem}.logout-modal-actions{display:flex;gap:1rem}.logout-modal-btn{border:none;border-radius:.75rem;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease}.logout-modal-btn.cancel{background:#f8fafc;border:2px solid #e2e8f0;color:#64748b}.logout-modal-btn.cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.logout-modal-btn.confirm{background:#dc2626;box-shadow:0 4px 12px #dc262640;color:#fff}.logout-modal-btn.confirm:hover{background:#b91c1c;box-shadow:0 6px 20px #dc262659;transform:translateY(-1px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.logout-modal{margin:1rem;width:95%}.logout-modal-content{padding:1.5rem}.logout-modal-icon{height:56px;width:56px}.logout-modal-title{font-size:1.25rem}.logout-modal-message{font-size:.875rem}.logout-modal-actions{flex-direction:column}.logout-modal-btn{font-size:.875rem;padding:.75rem 1rem}}.about-container{background:linear-gradient(135deg,#1a1a2e,#16213e 25%,#0f3460 50%,#e94560);min-height:100vh;overflow-x:hidden;position:relative}.bg-3d-elements{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.floating-cube{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;justify-content:center;position:absolute;transition:all .3s ease}.cube-1{background:#e945601a;border:1px solid #e945604d;color:#e94560b3}.cube-2{background:#0f34601a;border:1px solid #0f34604d;color:#0f3460b3}.cube-3{background:#16213e1a;border:1px solid #16213e4d;color:#16213eb3}.cube-4{background:#1a1a2e1a;border:1px solid #1a1a2e4d;color:#1a1a2eb3}.cube-5{background:#e9456026;border:1px solid #e9456066;color:#e94560cc}.cube-1{animation:float-1 8s ease-in-out infinite;left:10%;top:10%}.cube-2{animation:float-2 10s ease-in-out infinite;right:15%;top:20%}.cube-3{animation:float-3 12s ease-in-out infinite;bottom:30%;left:8%}.cube-4{animation:float-4 9s ease-in-out infinite;bottom:15%;right:12%}.cube-5{animation:float-5 11s ease-in-out infinite;right:50%;top:50%}@keyframes float-1{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes float-2{0%,to{transform:translateX(0) rotate(0deg)}50%{transform:translateX(30px) rotate(-180deg)}}@keyframes float-3{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-15px) translateX(10px)}50%{transform:translateY(10px) translateX(-10px)}75%{transform:translateY(-10px) translateX(5px)}}@keyframes float-4{0%,to{transform:translateX(0) rotateY(0deg)}50%{transform:translateX(-25px) rotateY(180deg)}}@keyframes float-5{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.2) rotate(90deg)}50%{transform:scale(.8) rotate(180deg)}75%{transform:scale(1.1) rotate(270deg)}}.about-content{margin:0 auto;max-width:1400px;padding:2rem;position:relative;z-index:10}.hero-section-3d{background:radial-gradient(ellipse at center,#3b82f633 0,#0000 70%);border-radius:2rem;margin-bottom:4rem;overflow:hidden;padding:6rem 2rem;position:relative;text-align:center}.hero-content-3d{position:relative;z-index:2}.logo-3d{margin-bottom:3rem}.logo-container{display:inline-block;margin-bottom:2rem;perspective:1000px}.logo-sphere{align-items:center;animation:sphere-rotation 10s linear infinite;display:flex;height:200px;justify-content:center;margin:0 auto 2rem;position:relative;transform-style:preserve-3d;width:200px}@keyframes sphere-rotation{0%{transform:rotateY(0deg) rotateX(0deg)}to{transform:rotateY(1turn) rotateX(1turn)}}.logo-icon-real{border-radius:50%;filter:drop-shadow(0 0 30px rgba(59,130,246,.6));height:120px;object-fit:contain;position:relative;transition:all .3s ease;width:120px;z-index:10}.logo-icon-real:hover{filter:drop-shadow(0 0 50px rgba(59,130,246,.8));transform:scale(1.1)}.energy-ring{animation:ring-pulse 2s ease-in-out infinite;border:3px solid;border-radius:50%;position:absolute}.ring-1{animation-delay:0s;border-color:#3b82f6cc;height:120px;width:120px}.ring-2{animation-delay:.5s;border-color:#8b5cf699;height:160px;width:160px}.ring-3{animation-delay:1s;border-color:#ec489966;height:200px;width:200px}@keyframes ring-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.title-3d{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1rem}.title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8f9fa,#e9ecef 50%,#dee2e6);-webkit-background-clip:text;background-clip:text;display:block;text-shadow:0 0 30px #e945604d}.title-space{color:#e94560;font-weight:300;letter-spacing:.05em;text-shadow:0 0 20px #e9456066}.tagline-3d{margin-bottom:3rem}.typing-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #3b82f64d;border-radius:100px;display:inline-block;padding:1.5rem 2rem}.glow-text{animation:text-glow 2s ease-in-out infinite alternate;color:#f0f9ff;font-size:1.5rem;font-weight:600;text-shadow:0 0 30px #3b82f6cc}@keyframes text-glow{0%{text-shadow:0 0 30px #3b82f6cc}to{text-shadow:0 0 50px #3b82f6,0 0 70px #8b5cf6cc}}.stats-carousel-3d{align-items:center;animation:carousel-rotation 30s linear infinite;display:flex;height:200px;justify-content:center;margin:3rem 0;position:relative;transform-style:preserve-3d}@keyframes carousel-rotation{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.stat-card-3d{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #3b82f64d;border-radius:1rem;color:#fff;min-width:180px;padding:2rem;position:absolute;text-align:center;transition:all .5s ease}.stat-card-3d.active{background:#3b82f633;border-color:#3b82f699;box-shadow:0 0 40px #3b82f666}.stat-icon-3d{display:flex;font-size:2rem;justify-content:center;margin-bottom:1rem}.stat-number-3d{color:#fbbf24;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label-3d{font-size:1rem;opacity:.9}.hero-buttons-3d{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:3rem}.cta-button-3d{align-items:center;border:none;border-radius:100px;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;overflow:hidden;padding:1.25rem 2.5rem;position:relative;text-decoration:none;transform-style:preserve-3d;transition:all .3s ease}.cta-button-3d.primary{background:linear-gradient(135deg,#e94560,#c44569);border:1px solid #e9456033;box-shadow:0 10px 30px #e945604d;color:#fff}.cta-button-3d.primary:hover{background:linear-gradient(135deg,#c44569,#e94560);box-shadow:0 15px 40px #e9456066;transform:translateY(-3px) rotateX(5deg) scale(1.02)}.cta-button-3d.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f3460cc;border:2px solid #0f3460;color:#fff}.cta-button-3d.secondary:hover{background:#0f3460e6;border-color:#e94560;box-shadow:0 10px 30px #0f346066;transform:translateY(-3px) rotateX(5deg) scale(1.02)}.button-glow{animation:button-sweep 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes button-sweep{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.particle-effect{animation:particle-burst 2s ease-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}@keyframes particle-burst{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.button-pulse{animation:pulse 2s ease-in-out infinite;border:2px solid #3b82f699;border-radius:100px;height:100%;left:0;position:absolute;top:0;width:100%}.section-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.section-icon{color:#fff;font-size:2.5rem;font-weight:700}.section-header h2{color:#fff;font-size:2.25rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.mission-section{background:#fff;border-radius:1rem;box-shadow:0 10px 30px -10px #0000001a;margin-bottom:3rem;padding:3rem}.mission-section .section-header h2{color:#e94560;font-size:2.5rem;font-weight:800;text-shadow:0 2px 4px #e9456033}.mission-text{color:#4b5563;font-size:1.125rem;line-height:1.8;margin:0 auto;max-width:800px;text-align:center}.mission-highlight{align-items:center;background:linear-gradient(135deg,#fef3c7,#fef9e7);border:2px solid #f59e0b;border-radius:1rem;display:flex;gap:1rem;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:800px;padding:1.5rem}.highlight-icon{animation:pulse 2s infinite;color:#f59e0b;min-width:24px}.highlight-text{color:#1f2937;font-size:1.125rem;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.solution-section{background:#fff;border-radius:2rem;box-shadow:0 10px 30px #0000001a;margin-bottom:3rem;padding:3rem}.solution-section .section-header h2{color:#e94560;font-size:2.5rem;font-weight:800;text-shadow:0 2px 4px #e9456033}.solution-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.solution-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:1rem;box-shadow:0 10px 30px -10px #0000001a;padding:2rem;text-align:center;transition:all .3s ease}.solution-card:hover{background:#fff;border-color:#e94560;box-shadow:0 20px 40px -10px #e945604d;transform:translateY(-5px)}.card-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:1rem;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.solution-card h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.solution-card p{color:#4b5563;line-height:1.6}.benefits-section{background:#fff;border-radius:1rem;box-shadow:0 10px 30px -10px #0000001a;margin-bottom:3rem;padding:3rem}.benefits-section .section-header h2{color:#e94560;font-size:2.5rem;font-weight:800;text-shadow:0 2px 4px #e9456033}.benefits-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.benefit-item{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #3b82f6;border-radius:1rem;display:flex;gap:1.5rem;padding:1.5rem}.benefit-number{color:#3b82f6;font-size:2.5rem;font-weight:700;min-width:100px;text-align:center}.benefit-text{flex:1 1}.benefit-text strong{color:#1f2937;font-size:1.125rem}.benefits-proof{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.proof-item{align-items:flex-start;background:#f9fafb;border-left:4px solid #10b981;border-radius:1rem;display:flex;gap:1rem;padding:1.5rem}.proof-icon{color:#10b981;margin-top:.25rem;min-width:24px}.proof-item p{color:#4b5563;line-height:1.6;margin:0}.proof-item strong{color:#1f2937}.fade-in{animation:fadeIn .6s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.team-section{background:#fff;border-radius:2rem;box-shadow:0 10px 30px #0000001a;margin-bottom:3rem;padding:3rem}.team-section .section-header h2{color:#e94560;font-size:2.5rem;font-weight:800;text-shadow:0 2px 4px #e9456033}.team-content{background:#fff;border-radius:1rem;box-shadow:0 10px 30px -10px #0000001a;padding:3rem}.team-description{margin-bottom:3rem;text-align:center}.team-description p{color:#4b5563;font-size:1.125rem;line-height:1.8;margin:0 auto;max-width:800px}.team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.team-member{background:#fff;border:2px solid #0000;border-radius:1rem;box-shadow:0 10px 30px -10px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.team-member:hover{border-color:#3b82f6;box-shadow:0 20px 40px -10px #3b82f64d;transform:translateY(-5px)}.member-photo{height:200px;overflow:hidden;position:relative}.member-photo img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.member-overlay{align-items:center;background:linear-gradient(135deg,#3b82f6f2,#1e40aff2);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.team-member:hover .member-overlay{opacity:1}.team-member:hover .member-photo img{transform:scale(1.1)}.member-info{color:#fff;padding:1rem;text-align:center}.member-info h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.member-info p{font-size:.875rem;margin-bottom:1rem;opacity:.9}.member-bio{font-size:.875rem;line-height:1.4;opacity:.95}.member-social{gap:.5rem}.member-social,.social-btn{display:flex;justify-content:center}.social-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;height:36px;transition:all .2s ease;width:36px}.social-btn:hover{background:#ffffff4d;transform:scale(1.1)}.member-details{padding:1.5rem;text-align:center}.member-details h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.member-role{color:#3b82f6;font-weight:500;margin-bottom:1rem}.member-bio{color:#6b7280;font-style:italic;line-height:1.5;margin-bottom:1rem}.member-stats{display:flex;gap:.5rem;justify-content:center}.stat-badge{font-size:1rem}.team-energy{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:3rem}.energy-item{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #3b82f6;border-radius:1rem;padding:2rem;text-align:center;transition:all .3s ease}.energy-item:hover{box-shadow:0 10px 25px -5px #3b82f64d;transform:translateY(-3px)}.energy-item h3{color:#1f2937;font-size:1.5rem;margin-bottom:.5rem}.energy-item p{color:#6b7280;font-weight:500;line-height:1.5}.team-values{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.value-item{padding:1.5rem;text-align:center}.value-item h4{color:#1f2937;font-size:1.5rem;margin-bottom:.5rem}.value-item p{color:#6b7280;line-height:1.5}.pricing-section{background:#fff;border-radius:1rem;box-shadow:0 10px 30px -10px #0000001a;margin-bottom:3rem;padding:3rem}.pricing-description{margin-bottom:2rem;text-align:center}.pricing-description p{color:#4b5563;font-size:1.125rem;line-height:1.8;margin:0 auto;max-width:800px}.pricing-tiers{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.pricing-tier{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.pricing-tier:hover{border-color:#3b82f6;box-shadow:0 20px 40px -10px #3b82f64d;transform:translateY(-5px)}.pricing-tier.starter{border-color:#10b981}.pricing-tier.growth{border-color:#3b82f6}.pricing-tier.popular{background:linear-gradient(135deg,#fef3c7,#fef9e7);border-color:#f59e0b}.pricing-tier.enterprise{border-color:#8b5cf6}.tier-header{margin-bottom:2rem;position:relative;text-align:center}.tier-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:2rem;color:#fff;font-size:.75rem;font-weight:600;left:50%;letter-spacing:.05em;padding:.25rem 1rem;position:absolute;top:-15px;transform:translateX(-50%)}.tier-header h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.tier-price{color:#3b82f6;font-size:2rem;font-weight:700;margin-bottom:.5rem}.tier-users{color:#6b7280;font-size:.875rem}.pricing-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.feature-item{align-items:center;background:#f9fafb;border-left:4px solid #3b82f6;border-radius:.5rem;display:flex;gap:1rem;padding:1rem}.feature-icon{color:#3b82f6;min-width:24px}.pricing-factors{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.factor-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:1rem;padding:1.5rem;text-align:center}.factor-item h4{color:#1f2937;font-size:1.25rem;margin-bottom:.5rem}.factor-item p{color:#6b7280;line-height:1.5}.pricing-note{color:#3b82f6;font-size:1.125rem;font-weight:600;text-align:center}.cta-section{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:1rem;color:#fff;padding:4rem 2rem;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{font-size:1.125rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.cta-primary{align-items:center;background:#fff;border:none;border-radius:.5rem;box-shadow:0 10px 25px -5px #ffffff4d;color:#3b82f6;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .2s ease}.cta-primary:hover{box-shadow:0 20px 35px -5px #fff6;transform:translateY(-2px)}.cta-secondary{align-items:center;background:#0000;border:2px solid #fff;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .2s ease}.cta-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.contact-info{margin-top:1rem}.contact-info p{font-size:1rem;opacity:.9}.contact-info a{border-bottom:1px solid #0000;color:#fff;font-weight:600;text-decoration:none;transition:border-color .2s ease}.contact-info a:hover{border-bottom-color:#fff}.tech-3d-section{background:#fff;border:1px solid #3b82f61a;border-radius:2rem;box-shadow:0 10px 30px #0000001a;margin-bottom:4rem;padding:3rem}.section-icon-3d{animation:icon-rotate 4s ease-in-out infinite;color:#e94560;font-size:3rem;font-weight:700}.tech-3d-section .section-header h2{color:#e94560;font-size:2.5rem;font-weight:800;text-shadow:0 2px 4px #e9456033}@keyframes icon-rotate{0%,to{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}}.tech-grid-3d{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.tech-card-3d{animation:tech-float 6s ease-in-out infinite;background:#f8f9fa;border:2px solid #e9ecef;border-radius:1.5rem;padding:2rem;text-align:center;transform-style:preserve-3d;transition:all .4s ease}@keyframes tech-float{0%,to{transform:translateY(0) rotateX(0deg)}50%{transform:translateY(-10px) rotateX(5deg)}}.tech-card-3d:hover{background:#fff;border-color:#e94560;box-shadow:0 20px 40px #e9456033;transform:translateY(-10px) scale(1.05)}.tech-icon-container{align-items:center;background:#ffffff0d;border:3px solid;border-radius:20px;display:flex;height:100px;justify-content:center;margin:0 auto 1.5rem;position:relative;transition:all .3s ease;width:100px}.tech-glow{animation:tech-glow-pulse 3s ease-in-out infinite;border-radius:25px;bottom:-10px;filter:blur(10px);left:-10px;opacity:.3;position:absolute;right:-10px;top:-10px}@keyframes tech-glow-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.tech-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.tech-dots{display:flex;gap:.5rem;justify-content:center}.dot{animation:dot-pulse 2s ease-in-out infinite;border-radius:50%;height:8px;width:8px}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}.dot:nth-child(4){animation-delay:.6s}.dot:nth-child(5){animation-delay:.8s}@keyframes dot-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.team-grid-3d{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:3rem;perspective:2000px;transform-style:preserve-3d}.team-member-3d{animation:team-entrance .8s ease-out forwards;opacity:0;transform-style:preserve-3d;transition:all .6s ease}@keyframes team-entrance{0%{opacity:0;transform:perspective(1500px) rotateY(-90deg) translateZ(-200px)}to{opacity:1;transform:perspective(1500px) rotateY(0deg) translateZ(0)}}.member-card-3d{background:#f8f9fa;border:2px solid #e9ecef;border-radius:1.5rem;overflow:hidden;transform-style:preserve-3d;transition:all .4s ease}.member-card-3d:hover{background:#fff;border-color:#e94560;box-shadow:0 25px 50px #e9456033}.member-photo-3d{height:250px;overflow:hidden;position:relative}.photo-frame{align-items:center;background:linear-gradient(135deg,#3b82f633,#8b5cf633);display:flex;height:100%;justify-content:center;position:relative;width:100%}.photo-frame img{height:100%;object-fit:cover;object-position:center 20%;transition:transform .6s ease;width:100%}.member-liora .photo-frame img{object-position:center 15%}.member-aude .photo-frame img{object-position:center 70%}.member-alexandre .photo-frame img{object-position:center -10%}.member-achraf .photo-frame img{object-position:center 20%}.member-franklin .photo-frame img{object-position:center 25%}.member-gregoire .photo-frame img{object-position:center 20%}.member-alex-ludovic .photo-frame img{object-position:center -5%}.member-rihab .photo-frame img{object-position:center 15%}.member-card-3d:hover .photo-frame img{transform:scale(1.1)}.photo-overlay{align-items:center;background:linear-gradient(135deg,#3b82f6f2,#8b5cf6f2);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.member-card-3d:hover .photo-overlay{opacity:1}.overlay-pattern{animation:pattern-move 10s linear infinite;background-image:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%),linear-gradient(-45deg,#0000 30%,#ffffff0d 50%,#0000 70%);background-size:20px 20px;bottom:0;left:0;position:absolute;right:0;top:0}@keyframes pattern-move{0%{background-position:0 0}to{background-position:20px 20px}}.member-info-3d{color:#fff;padding:1.5rem;position:relative;text-align:center;z-index:10}.member-info-3d h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.role-3d{color:#fbbf24;font-size:1rem;margin-bottom:1rem;opacity:.9}.bio-3d{font-size:.875rem;font-style:italic;line-height:1.5;opacity:.95}.member-details-3d{color:#1f2937;padding:2rem;text-align:center}.name-3d{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.role-title-3d{color:#e94560;font-size:1rem;font-weight:500}.member-level,.role-title-3d{margin-bottom:1.5rem}.level-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden}.level-fill{animation:level-fill 2s ease-out;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);border-radius:3px;height:100%}@keyframes level-fill{0%{width:0}}.tech-stack-mini{display:flex;gap:1rem;justify-content:center;opacity:.7}.consultation-section{background:#fff;border:1px solid #e9456033;border-radius:2rem;box-shadow:0 10px 30px #0000001a;margin-bottom:3rem;padding:3rem}.consultation-section .section-header h2{color:#e94560;font-size:2.5rem;font-weight:800;text-shadow:0 2px 4px #e9456033}.consultation-content{color:#1f2937}.consultation-description{margin-bottom:3rem;text-align:center}.consultation-description p{font-size:1.25rem;line-height:1.8;margin:0 auto;max-width:800px}.consultation-process{margin-bottom:3rem}.consultation-process h3{color:#e94560;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center;text-shadow:0 1px 2px #e945601a}.process-steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.process-step{align-items:flex-start;background:#fff;border-left:4px solid #e94560;border-radius:1rem;box-shadow:0 4px 15px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.process-step:hover{background:#f8f9fa;border-left-color:#c44569;box-shadow:0 10px 30px #e9456033;transform:translateY(-5px)}.step-number{align-items:center;background:linear-gradient(135deg,#e94560,#c44569);border-radius:50%;box-shadow:0 4px 10px #e945604d;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:40px;justify-content:center;width:40px}.step-content h4{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.step-content p{color:#4b5563;line-height:1.6}.consultation-benefits{margin-bottom:3rem}.consultation-benefits h3{color:#e94560;font-size:1.75rem;font-weight:700;margin-bottom:2rem;text-align:center;text-shadow:0 1px 2px #e945601a}.benefits-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit-item-custom{background:#fff;border:2px solid #e9ecef;border-radius:1rem;box-shadow:0 4px 15px #0000001a;padding:2rem;text-align:center;transition:all .3s ease}.benefit-item-custom:hover{background:#f8f9fa;border-color:#e94560;box-shadow:0 15px 35px #e9456033;transform:translateY(-5px) scale(1.02)}.benefit-item-custom .benefit-icon{color:#e94560;font-size:2rem;margin-bottom:1rem}.benefit-item-custom h4{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.benefit-item-custom p{color:#4b5563;line-height:1.6}.consultation-cta{margin-top:3rem}.cta-highlight{align-items:center;background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:2px solid #fbbf244d;border-radius:1rem;display:flex;gap:1.5rem;margin-bottom:2rem;padding:2rem}.cta-highlight .highlight-icon{animation:pulse 2s ease-in-out infinite;color:#fbbf24;font-size:2rem;min-width:40px}.cta-highlight h3{color:#e94560;font-size:1.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 1px 2px #e945601a}.cta-highlight p{color:#1f2937;line-height:1.6}.cta-buttons-consult{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.cta-button-consult{align-items:center;border:none;border-radius:100px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;min-width:200px;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button-consult.primary{background:linear-gradient(135deg,#16213e,#0f3460);border:1px solid #0f346066;box-shadow:0 10px 30px #0f34604d;color:#fff}.cta-button-consult.primary:hover{background:linear-gradient(135deg,#0f3460,#16213e);box-shadow:0 15px 40px #0f346066;transform:translateY(-3px) scale(1.02)}.cta-button-consult.secondary{background:#0000;border:2px solid #e94560;color:#e94560}.cta-button-consult.secondary:hover{background:#e945601a;border-color:#c44569;box-shadow:0 10px 30px #e9456033;color:#c44569;transform:translateY(-3px) scale(1.02)}@media (max-width:768px){.about-content{padding:1rem}.hero-section{padding:2rem 1rem}.company-logo h1{font-size:2rem}.tagline{font-size:1rem}.section-header h2{font-size:1.5rem}.benefits-section,.mission-section,.pricing-section,.team-content{padding:2rem 1.5rem}.benefits-list,.pricing-factors,.solution-grid,.team-values{gap:1.5rem;grid-template-columns:1fr}.cta-section{padding:2rem 1rem}.cta-content h2{font-size:1.75rem}.cta-buttons{align-items:center;flex-direction:column}.cta-primary,.cta-secondary{justify-content:center;max-width:300px;width:100%}.benefit-item{flex-direction:column;gap:1rem;text-align:center}.benefit-number{min-width:auto}}@media (max-width:480px){.hero-section{padding:1.5rem 1rem}.company-logo{flex-direction:column}.company-logo h1{font-size:1.5rem}.tagline{font-size:.875rem}.factor-item,.solution-card{padding:1.5rem}.cta-content h2{font-size:1.5rem}}
/*# sourceMappingURL=main.d78e62af.css.map*/