@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);*,: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:Pretendard,Inter,ui-sans-serif,system-ui,sans-serif;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}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.-right-1\.5{right:-.375rem}.-right-2{right:-.5rem}.-top-1\.5{top:-.375rem}.bottom-1\.5{bottom:.375rem}.bottom-4{bottom:1rem}.bottom-\[45px\]{bottom:45px}.bottom-full{bottom:100%}.left-1\/2{left:50%}.left-3{left:.75rem}.right-1\.5{right:.375rem}.right-3{right:.75rem}.right-4{right:1rem}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-\[57px\]{top:57px}.top-\[calc\(100\%\+10px\)\]{top:calc(100% + 10px)}.top-full{top:100%}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.z-\[100001\]{z-index:100001}.z-\[100002\]{z-index:100002}.z-\[999\]{z-index:999}.order-1{order:1}.order-2{order:2}.order-3{order:3}.col-span-3{grid-column:span 3/span 3}.col-span-full{grid-column:1/-1}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-bottom:1rem;margin-top:1rem}.-ml-2{margin-left:-.5rem}.-mr-2{margin-right:-.5rem}.-mb-10{margin-bottom:-2.5rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-40{margin-bottom:10rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-60{margin-bottom:15rem}.mb-7{margin-bottom:1.75rem}.mb-9{margin-bottom:2.25rem}.me-1{-webkit-margin-end:.25rem;margin-inline-end:.25rem}.me-2{-webkit-margin-end:.5rem;margin-inline-end:.5rem}.me-3{-webkit-margin-end:.75rem;margin-inline-end:.75rem}.me-auto{-webkit-margin-end:auto;margin-inline-end:auto}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-10{margin-left:2.5rem}.ml-2{margin-left:.5rem}.ml-20{margin-left:5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-40{margin-left:10rem}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-12{margin-right:3rem}.mr-2{margin-right:.5rem}.mr-20{margin-right:5rem}.mr-3{margin-right:.75rem}.mr-40{margin-right:10rem}.ms-2{-webkit-margin-start:.5rem;margin-inline-start:.5rem}.ms-auto{-webkit-margin-start:auto;margin-inline-start:auto}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-40{margin-top:10rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-auto{margin-top:auto}.line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.\!block{display:block!important}.inline-block{display:inline-block}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.aspect-\[3\/2\]{aspect-ratio:3/2}.aspect-\[4\/2\]{aspect-ratio:4/2}.aspect-square{aspect-ratio:1/1}.h-0{height:0}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-20{height:5rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[16px\]{height:16px}.h-\[18px\]{height:18px}.h-\[20px\]{height:20px}.h-\[21px\]{height:21px}.h-\[24px\]{height:24px}.h-\[26px\]{height:26px}.h-\[27px\]{height:27px}.h-\[36px\]{height:36px}.h-\[50px\]{height:50px}.h-\[60\%\]{height:60%}.h-\[70px\]{height:70px}.h-\[84px\]{height:84px}.h-\[90px\]{height:90px}.h-\[calc\(100vh-60px\)\]{height:calc(100vh - 60px)}.h-auto{height:auto}.h-fit{height:-webkit-fit-content;height:fit-content}.h-screen{height:100vh}.max-h-12{max-height:3rem}.max-h-60{max-height:15rem}.max-h-96{max-height:24rem}.max-h-\[40px\]{max-height:40px}.max-h-\[50px\]{max-height:50px}.max-h-\[50vh\]{max-height:50vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.\!w-full{width:100%!important}.w-0{width:0}.w-1\/3{width:33.333333%}.w-1\/5{width:20%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-14{width:3.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[16px\]{width:16px}.w-\[180px\]{width:180px}.w-\[18px\]{width:18px}.w-\[200px\]{width:200px}.w-\[20px\]{width:20px}.w-\[210px\]{width:210px}.w-\[21px\]{width:21px}.w-\[24px\]{width:24px}.w-\[26px\]{width:26px}.w-\[27px\]{width:27px}.w-\[280px\]{width:280px}.w-\[36px\]{width:36px}.w-\[460px\]{width:460px}.w-\[70\%\]{width:70%}.w-\[700px\]{width:700px}.w-\[70px\]{width:70px}.w-\[75px\]{width:75px}.w-\[84px\]{width:84px}.w-\[90px\]{width:90px}.w-auto{width:auto}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-\[18px\]{min-width:18px}.min-w-\[250px\]{min-width:250px}.max-w-2xl{max-width:42rem}.max-w-\[400px\]{max-width:400px}.max-w-\[480px\]{max-width:480px}.max-w-md{max-width:28rem}.max-w-xs{max-width:20rem}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-\[5\%\]{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))}.-translate-x-\[5\%\]{--tw-translate-x:-5%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-1{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))}.translate-x-1{--tw-translate-x:0.25rem}.translate-x-6{--tw-translate-x:1.5rem}.translate-x-6,.translate-y-\[15px\]{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))}.translate-y-\[15px\]{--tw-translate-y:15px}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-180{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))}.rotate-180{--tw-rotate:180deg}.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))}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-0{gap:0}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-\[32px\]{gap:32px}.gap-x-1{column-gap:.25rem}.gap-x-2{column-gap:.5rem}.gap-x-20{column-gap:5rem}.gap-x-3{column-gap:.75rem}.gap-x-3\.5{column-gap:.875rem}.gap-x-7{column-gap:1.75rem}.gap-y-2{row-gap:.5rem}.gap-y-5{row-gap:1.25rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.625rem*var(--tw-space-y-reverse));margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border-2{border-width:2px}.border-8{border-width:8px}.border-x{border-left-width:1px;border-right-width:1px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-\[\#2d8d7d\]{--tw-border-opacity:1;border-color:#2d8d7d;border-color:rgb(45 141 125/var(--tw-border-opacity,1))}.border-black{--tw-border-opacity:1;border-color:#292e2f;border-color:rgb(41 46 47/var(--tw-border-opacity,1))}.border-black\/10{border-color:#292e2f1a}.border-black\/20{border-color:#292e2f33}.border-black\/25{border-color:#292e2f40}.border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-current{border-color:currentColor}.border-gray-100{--tw-border-opacity:1;border-color:#f3f4f6;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:#22c55e;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-orange-500{--tw-border-opacity:1;border-color:#f97316;border-color:rgb(249 115 22/var(--tw-border-opacity,1))}.border-primary{--tw-border-opacity:1;border-color:#89a1be;border-color:rgb(137 161 190/var(--tw-border-opacity,1))}.border-primary\/40{border-color:#89a1be66}.border-purple-700{--tw-border-opacity:1;border-color:#7e22ce;border-color:rgb(126 34 206/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-400{--tw-border-opacity:1;border-color:#f87171;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-yellow-200{--tw-border-opacity:1;border-color:#fef08a;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:#0000}.border-t-white{--tw-border-opacity:1;border-top-color:#fff;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-\[\#2d8d7d\]\/10{background-color:#2d8d7d1a}.bg-black{--tw-bg-opacity:1;background-color:#292e2f;background-color:rgb(41 46 47/var(--tw-bg-opacity,1))}.bg-black\/10{background-color:#292e2f1a}.bg-black\/20{background-color:#292e2f33}.bg-black\/50{background-color:#292e2f80}.bg-black\/60{background-color:#292e2f99}.bg-black\/70{background-color:#292e2fb3}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 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-gray-200{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-600{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/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-orange-50{--tw-bg-opacity:1;background-color:#fff7ed;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-primary{--tw-bg-opacity:1;background-color:#89a1be;background-color:rgb(137 161 190/var(--tw-bg-opacity,1))}.bg-primary\/80{background-color:#89a1becc}.bg-purple-600{--tw-bg-opacity:1;background-color:#9333ea;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-purple-700{--tw-bg-opacity:1;background-color:#7e22ce;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-success{--tw-bg-opacity:1;background-color:#47c288;background-color:rgb(71 194 136/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/20{background-color:#fff3}.bg-white\/95{background-color:#fffffff2}.bg-yellow-50{--tw-bg-opacity:1;background-color:#fefce8;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-\[url\(\'data\:image\/svg\+xml\;base64\2c PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI\+CjxwYXRoIGQ9Ik0xIDFMNiA2TDExIDEiIHN0cm9rZT0iIzExMTExMSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K\'\)\]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMSAxIDUgNSA1LTUiIHN0cm9rZT0iIzExMSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==)}.bg-cover{background-size:cover}.bg-\[center_right_12px\]{background-position:center right 12px}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.fill-black{fill:#292e2f}.fill-current{fill:currentColor}.fill-gray-400{fill:#9ca3af}.object-contain{object-fit:contain}.p-0{padding:0}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[20px\]{padding-left:20px;padding-right:20px}.px-\[30px\]{padding-left:30px;padding-right:30px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-\[7\.5vh\]{padding-bottom:7.5vh;padding-top:7.5vh}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-3\.5{padding-bottom:.875rem}.pb-4{padding-bottom:1rem}.pb-40{padding-bottom:10rem}.pb-5{padding-bottom:1.25rem}.pb-60{padding-bottom:15rem}.pb-80{padding-bottom:20rem}.pl-1\.5{padding-left:.375rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pr-1\.5{padding-right:.375rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.ps-4{-webkit-padding-start:1rem;padding-inline-start:1rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.pt-10{padding-top:2.5rem}.pt-2\.5{padding-top:.625rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-40{padding-top:10rem}.pt-6{padding-top:1.5rem}.pt-60{padding-top:15rem}.pt-8{padding-top:2rem}.pt-80{padding-top:20rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.text-end{text-align:end}.align-middle{vertical-align:middle}.font-pretendard{font-family:Pretendard}.font-serif{font-family:Noto Serif KR,ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[23px\]{font-size:23px}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[1\.2\]{line-height:1.2}.leading-\[1\.4\]{line-height:1.4}.leading-\[1\],.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.text-\[\#2d8d7d\]{--tw-text-opacity:1;color:#2d8d7d;color:rgb(45 141 125/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:#292e2f;color:rgb(41 46 47/var(--tw-text-opacity,1))}.text-black\/20{color:#292e2f33}.text-black\/30{color:#292e2f4d}.text-black\/40{color:#292e2f66}.text-black\/60{color:#292e2f99}.text-black\/70{color:#292e2fb3}.text-black\/80{color:#292e2fcc}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-error{--tw-text-opacity:1;color:#ff2e00;color:rgb(255 46 0/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/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-green-800{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:#ea580c;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:#89a1be;color:rgb(137 161 190/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:#7e22ce;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-success{--tw-text-opacity:1;color:#47c288;color:rgb(71 194 136/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:#ca8a04;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:#a16207;color:rgb(161 98 7/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:#854d0e;color:rgb(133 77 14/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-xl{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)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.grayscale{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)}.grayscale{--tw-grayscale:grayscale(100%)}.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)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}iframe[src*=react-error-overlay]{display:none!important;opacity:0!important;visibility:hidden!important}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#offcanvas-mobile-menu.active{background-color:#fff!important;box-shadow:-5px 0 25px #00000026!important;display:block!important;height:100vh!important;max-width:90%!important;opacity:1!important;overflow-y:auto!important;padding-top:15px!important;position:fixed!important;right:0!important;top:0!important;visibility:visible!important;width:350px!important;z-index:99999999!important}#offcanvas-mobile-menu .toggle-btn{align-items:center!important;display:flex!important;height:28px!important;justify-content:center!important;position:absolute!important;right:15px!important;top:50%!important;transform:translateY(-50%)!important;transition:none!important;width:28px!important;z-index:10!important}.device-view-selector{margin-bottom:10px;position:relative;z-index:10}.device-buttons{background-color:#f0f2f5;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin:0 auto;max-width:360px;padding:4px}.device-buttons,.device-buttons button{display:flex;justify-content:center;overflow:hidden}.device-buttons button{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;flex:1 1;flex-direction:row;font-size:.75rem;font-weight:600;margin:0 2px;padding:8px 6px;position:relative;transition:all .25s ease;white-space:nowrap}.device-buttons button i{font-size:1.1rem;margin-bottom:0;margin-right:4px}.device-buttons button span{font-size:.7rem;margin-top:0}.device-buttons button:hover{background-color:#e2e8f0;color:#334155;transform:translateY(-1px)}.device-buttons button.active{background-color:#3b82f6;box-shadow:0 2px 5px #3b82f64d;color:#fff}.editor-canvas-header{background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;margin-bottom:10px;padding:10px}.editor-toolbar{gap:10px;justify-content:center}.current-path{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.8rem;margin-left:15px;padding:6px 12px}.path-label{font-weight:600;margin-right:5px}.path-value{color:#334155;font-family:monospace}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:left-0:before{content:var(--tw-content);left:0}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:h-5:before{content:var(--tw-content);height:1.25rem}.before\:w-px:before{content:var(--tw-content);width:1px}.before\:-translate-y-1\/2:before{--tw-translate-y:-50%}.before\:-translate-y-1\/2:before,.before\:transform:before{content:var(--tw-content);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))}.before\:bg-black\/10:before{background-color:#292e2f1a;content:var(--tw-content)}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:right-0:after{content:var(--tw-content);right:0}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:ml-1:after{content:var(--tw-content);margin-left:.25rem}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:w-px:after{content:var(--tw-content);width:1px}.after\:-translate-y-1\/2:after{--tw-translate-y:-50%}.after\:-translate-y-1\/2:after,.after\:transform:after{content:var(--tw-content);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))}.after\:bg-black\/10:after{background-color:#292e2f1a;content:var(--tw-content)}.after\:text-primary:after{--tw-text-opacity:1;color:#89a1be;color:rgb(137 161 190/var(--tw-text-opacity,1));content:var(--tw-content)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.after\:content-\[\'\*\'\]:after{--tw-content:"*";content:var(--tw-content)}.last\:mb-0:last-child{margin-bottom:0}.last\:border-r-0:last-child{border-right-width:0}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;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\:border-black:hover{--tw-border-opacity:1;border-color:#292e2f;border-color:rgb(41 46 47/var(--tw-border-opacity,1))}.hover\:border-black\/40:hover{border-color:#292e2f66}.hover\:border-primary:hover{--tw-border-opacity:1;border-color:#89a1be;border-color:rgb(137 161 190/var(--tw-border-opacity,1))}.hover\:bg-\[\#2d8d7d\]:hover{--tw-bg-opacity:1;background-color:#2d8d7d;background-color:rgb(45 141 125/var(--tw-bg-opacity,1))}.hover\:bg-\[\#2d8d7d\]\/20:hover{background-color:#2d8d7d33}.hover\:bg-black\/5:hover{background-color:#292e2f0d}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-primary\/40:hover{background-color:#89a1be66}.hover\:bg-purple-800:hover{--tw-bg-opacity:1;background-color:#6b21a8;background-color:rgb(107 33 168/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:fill-black:hover{fill:#292e2f}.hover\:font-bold:hover{font-weight:700}.hover\:text-black:hover{--tw-text-opacity:1;color:#292e2f;color:rgb(41 46 47/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:border-black:focus{--tw-border-opacity:1;border-color:#292e2f;border-color:rgb(41 46 47/var(--tw-border-opacity,1))}.focus\:bg-black\/5:focus{background-color:#292e2f0d}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--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);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)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-purple-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-black\/10:disabled{border-color:#292e2f1a}.disabled\:text-black\/60:disabled{color:#292e2f99}.disabled\:opacity-50:disabled{opacity:.5}.group\/bannerImage:hover .group-hover\/bannerImage\:scale-105,.group\/brand-item:hover .group-hover\/brand-item\:scale-105,.group\/special-item:hover .group-hover\/special-item\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;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))}.group\/category-menu:hover .group-hover\/category-menu\:fill-white{fill:#fff}.group\/category-item:hover .group-hover\/category-item\:font-bold,.group\/sub-category-item:hover .group-hover\/sub-category-item\:font-bold,.group\/third-category-item:hover .group-hover\/third-category-item\:font-bold{font-weight:700}.group\/category-menu:hover .group-hover\/category-menu\:text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group\/category-item:hover .group-hover\/category-item\:opacity-100,.group\/sub-category-item:hover .group-hover\/sub-category-item\:opacity-100{opacity:1}.peer:checked~.peer-checked\:bg-primary{--tw-bg-opacity:1;background-color:#89a1be;background-color:rgb(137 161 190/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\:text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media not all and (min-width:1024px){.max-lg\:sticky{position:-webkit-sticky;position:sticky}.max-lg\:top-0{top:0}.max-lg\:top-\[57px\]{top:57px}.max-lg\:z-\[999\]{z-index:999}.max-lg\:mb-2{margin-bottom:.5rem}.max-lg\:mb-4{margin-bottom:1rem}.max-lg\:mt-2{margin-top:.5rem}.max-lg\:line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.max-lg\:hidden{display:none}.max-lg\:h-fit{height:-webkit-fit-content;height:fit-content}.max-lg\:w-\[20\%\]{width:20%}.max-lg\:flex-wrap{flex-wrap:wrap}.max-lg\:gap-y-4{row-gap:1rem}.max-lg\:rounded-lg{border-radius:.5rem}.max-lg\:border-t{border-top-width:1px}.max-lg\:border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.max-lg\:p-4{padding:1rem}.max-lg\:px-4{padding-left:1rem;padding-right:1rem}.max-lg\:py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.max-lg\:py-3{padding-bottom:.75rem;padding-top:.75rem}.max-lg\:py-4{padding-bottom:1rem;padding-top:1rem}.max-lg\:pt-0{padding-top:0}.max-lg\:pt-4{padding-top:1rem}.max-lg\:pt-6{padding-top:1.5rem}.max-lg\:text-sm{font-size:.875rem;line-height:1.25rem}.max-lg\:font-semibold{font-weight:600}.max-lg\:text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}}@media (min-width:640px){.sm\:flex{display:flex}.sm\:h-9{height:2.25rem}.sm\:h-\[480px\]{height:480px}.sm\:\!w-auto{width:auto!important}.sm\:w-9{width:2.25rem}.sm\:w-\[24px\]{width:24px}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:justify-center{justify-content:center}.sm\:gap-2{gap:.5rem}.sm\:gap-5{gap:1.25rem}.sm\:gap-x-2{column-gap:.5rem}.sm\:gap-x-5{column-gap:1.25rem}.sm\:p-5{padding:1.25rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:768px){.md\:order-1{order:1}.md\:mb-10{margin-bottom:2.5rem}.md\:mb-3{margin-bottom:.75rem}.md\:mt-2\.5{margin-top:.625rem}.md\:h-20{height:5rem}.md\:w-20{width:5rem}.md\:w-\[50\%\]{width:50%}.md\:max-w-sm{max-width:24rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-0{gap:0}.md\:p-\[5\%\]{padding:5%}.md\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.md\:py-20{padding-bottom:5rem;padding-top:5rem}.md\:py-5{padding-bottom:1.25rem;padding-top:1.25rem}.md\:pl-10{padding-left:2.5rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:-top-4{top:-1rem}.lg\:bottom-2{bottom:.5rem}.lg\:right-2{right:.5rem}.lg\:mb-4{margin-bottom:1rem}.lg\:mb-6{margin-bottom:1.5rem}.lg\:mb-7{margin-bottom:1.75rem}.lg\:mt-1{margin-top:.25rem}.lg\:mt-2{margin-top:.5rem}.lg\:mt-4{margin-top:1rem}.lg\:mt-6{margin-top:1.5rem}.lg\:mt-8{margin-top:2rem}.lg\:line-clamp-2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-10{height:2.5rem}.lg\:h-16{height:4rem}.lg\:h-20{height:5rem}.lg\:h-24{height:6rem}.lg\:h-28{height:7rem}.lg\:h-6{height:1.5rem}.lg\:h-9{height:2.25rem}.lg\:h-full{height:100%}.lg\:max-h-\[45px\]{max-height:45px}.lg\:min-h-\[240px\]{min-height:240px}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.333333%}.lg\:w-16{width:4rem}.lg\:w-20{width:5rem}.lg\:w-24{width:6rem}.lg\:w-28{width:7rem}.lg\:w-6{width:1.5rem}.lg\:w-9{width:2.25rem}.lg\:w-\[120px\]{width:120px}.lg\:w-\[180px\]{width:180px}.lg\:w-\[300px\]{width:300px}.lg\:w-auto{width:auto}.lg\:w-full{width:100%}.lg\:max-w-\[680px\]{max-width:680px}.lg\:grid-cols-\[1fr_220px\]{grid-template-columns:1fr 220px}.lg\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-stretch{align-items:stretch}.lg\:justify-center{justify-content:center}.lg\:gap-2{gap:.5rem}.lg\:gap-3{gap:.75rem}.lg\:gap-4{gap:1rem}.lg\:gap-6{gap:1.5rem}.lg\:gap-x-0{column-gap:0}.lg\:gap-x-5{column-gap:1.25rem}.lg\:gap-y-10{row-gap:2.5rem}.lg\:space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.lg\:border{border-width:1px}.lg\:border-b{border-bottom-width:1px}.lg\:border-l{border-left-width:1px}.lg\:border-r{border-right-width:1px}.lg\:border-none{border-style:none}.lg\:border-\[\#41c5af\]{--tw-border-opacity:1;border-color:#41c5af;border-color:rgb(65 197 175/var(--tw-border-opacity,1))}.lg\:bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.lg\:p-4{padding:1rem}.lg\:px-0{padding-left:0;padding-right:0}.lg\:px-2{padding-left:.5rem;padding-right:.5rem}.lg\:px-2\.5{padding-left:.625rem;padding-right:.625rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:py-0{padding-bottom:0;padding-top:0}.lg\:py-1{padding-bottom:.25rem;padding-top:.25rem}.lg\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.lg\:py-2{padding-bottom:.5rem;padding-top:.5rem}.lg\:py-3{padding-bottom:.75rem;padding-top:.75rem}.lg\:py-4{padding-bottom:1rem;padding-top:1rem}.lg\:py-5{padding-bottom:1.25rem;padding-top:1.25rem}.lg\:pb-0{padding-bottom:0}.lg\:pl-3{padding-left:.75rem}.lg\:pl-4{padding-left:1rem}.lg\:pr-1\.5{padding-right:.375rem}.lg\:pr-2{padding-right:.5rem}.lg\:pt-1{padding-top:.25rem}.lg\:pt-10{padding-top:2.5rem}.lg\:pt-12{padding-top:3rem}.lg\:pt-2{padding-top:.5rem}.lg\:pt-3{padding-top:.75rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:text-sm{font-size:.875rem;line-height:1.25rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\:text-xs{font-size:.75rem;line-height:1rem}.lg\:hover\:text-black:hover{--tw-text-opacity:1;color:#292e2f;color:rgb(41 46 47/var(--tw-text-opacity,1))}}.review-form-wrapper{font-family:inherit;margin:0 auto;max-width:800px;padding:30px}.review-form-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.review-form-title{border-bottom:1px solid #e0e0e0;color:#333;font-size:1.5rem;margin:0;padding:20px;text-align:center}.review-form-content{padding:20px}.content-section,.image-section,.rating-section{margin-bottom:25px}.star-rating{gap:15px}.content-section textarea{font-size:.95rem;line-height:1.5;padding:15px}.image-upload label{background-color:#f5f5f5;font-size:.9rem;padding:10px 20px}.image-preview-container{margin-top:15px}.remove-image{height:24px;width:24px}.error-message{padding:12px}.review-form-actions{display:flex;justify-content:flex-end;margin-top:20px}.review-form-submit{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:background-color .2s}.review-form-submit:hover{background-color:#43a047}.review-form-submit:disabled{background-color:#a5d6a7;cursor:not-allowed}.review-form-login-required{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:40px 20px;text-align:center}.review-form-login-required h2{color:#333;font-size:1.5rem;margin-bottom:15px}.review-form-login-required p{color:#666;font-size:1rem;margin-bottom:20px}.review-login-button{background-color:#2196f3;border-radius:4px;color:#fff;display:inline-block;font-weight:500;padding:10px 20px;text-decoration:none;transition:background-color .2s}.review-login-button:hover{background-color:#1976d2}.review-form-success{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:40px 20px;text-align:center}.review-form-success h2{color:#4caf50;font-size:1.5rem;margin-bottom:15px}.review-form-success p{color:#666;font-size:1rem;margin-bottom:20px}.review-form-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:500;padding:10px 20px;transition:background-color .2s}.review-form-button:hover{background-color:#43a047}@media (max-width:768px){.review-form-wrapper{padding:15px}.review-form-title{font-size:1.3rem;padding:15px}.review-form-content{padding:15px}.star{font-size:1.8rem}.image-preview{height:80px;width:80px}.review-form-submit{width:100%}}.character-count{color:#666}.character-count .warning{color:#dc3545}.toast-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9999}.toast-overlay.visible{opacity:1}.toast-overlay.hidden{opacity:0}.toast-container{background-color:#fff;border-left:4px solid #333;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:default;max-width:80%;min-width:300px;opacity:.95;padding:16px 24px;pointer-events:auto;transition:transform .3s ease,opacity .3s ease}.toast-container,.toast-container.visible{transform:translateY(0)}.toast-container.hidden{transform:translateY(20px)}.toast-container.error{border-left-color:#dc3545}.toast-container.success{border-left-color:#28a745}.toast-container.warning{border-left-color:#ffc107}.toast-container.info{border-left-color:#17a2b8}.toast-content{align-items:center;display:flex}.toast-icon{font-size:24px;margin-right:16px}.toast-container.error .toast-icon i,.toast-icon i.fa-exclamation-circle{color:#dc3545}.toast-container.success .toast-icon i,.toast-icon i.fa-check-circle{color:#28a745}.toast-container.warning .toast-icon i,.toast-icon i.fa-exclamation-triangle{color:#ffc107}.toast-container.info .toast-icon i,.toast-icon i.fa-info-circle{color:#17a2b8}.toast-message{word-wrap:break-word;color:#333;font-size:16px;font-weight:500;line-height:1.4;word-break:keep-all}.signup-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-family:Noto Sans KR,sans-serif;margin:20px auto;max-width:800px;padding:20px}.signup-form h2{margin-bottom:20px;margin-top:0;text-align:center}.signup-form-container{display:flex;flex-direction:column;gap:15px;width:100%}.signup-form-row{display:flex;flex-wrap:wrap;gap:15px;width:100%}.signup-form-group{flex-basis:calc(50% - 15px);flex-grow:1;flex-shrink:1;min-width:250px}.signup-input{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.signup-input-error{background-color:#fff8f8;border-color:#dc3545}.signup-label{display:block;font-size:14px;font-weight:700;margin-bottom:6px}.signup-button{box-shadow:0 2px 4px #0000001a;font-size:15px;font-weight:700;margin-top:20px}.signup-section-title{border-bottom:1px solid #eee;font-size:18px;font-weight:700;margin-bottom:15px;margin-top:20px;padding-bottom:10px}.signup-error-message{color:#dc3545;font-size:12px;margin-top:4px}.signup-success-message{background-color:#f8fff8;border-radius:4px;color:green;margin-bottom:20px;padding:15px;text-align:center}.signup-checkbox-container{align-items:center;display:flex;margin-bottom:10px}.signup-checkbox{height:16px;margin-right:8px;width:16px}.signup-checkbox-label{cursor:pointer;font-size:14px}.signup-textarea{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px;font-size:13px;height:80px;padding:8px;resize:none;width:100%}.signup-radio-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;margin-bottom:10px}.signup-radio-item{align-items:center;display:flex;margin-bottom:5px;margin-right:10px;min-width:100px}.signup-radio-label{align-items:center;cursor:pointer;display:flex;font-size:14px;margin-left:4px}.signup-radio{height:16px;margin-right:6px;width:16px}.signup-radio-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.membership-signup-wrapper{background-color:#f9f9f9;border-radius:8px;font-family:Noto Sans KR,sans-serif;margin:0 auto;max-width:800px;padding:40px 20px}.membership-signup-wrapper .container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px;text-align:center}.membership-title{color:#333;font-size:24px;font-weight:700;margin-bottom:15px}.membership-description{color:#666;font-size:16px;margin-bottom:30px}.membership-product{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;margin-bottom:25px;padding:20px}.membership-product h3{color:#222;font-size:18px;font-weight:600;margin-bottom:10px}.product-description{color:#666;font-size:14px;margin-bottom:15px}.product-price-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.product-original-price{color:#999;font-size:15px;text-decoration:line-through}.product-price{color:#ff3f6c;font-size:20px;font-weight:700;margin:0}.product-discount{background-color:#fff0f3;border-radius:4px;color:#ff3f6c;font-size:12px;font-weight:600;padding:4px 8px}.signup-button{background-color:#4eaedc;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;margin:0 auto;max-width:300px;padding:12px 20px;transition:background-color .2s;width:100%}.signup-button:hover{background-color:#3798c7}.signup-button:disabled{background-color:#c4c8cc;cursor:not-allowed;opacity:.7}.signup-completed{background-color:#f0fff4;border:1px solid #68d391;border-radius:8px;color:#2f855a}.signup-completed,.signup-pending{margin-top:20px;padding:20px;text-align:center}.signup-pending{background-color:#fff7ed;border:1px solid #fdba74;border-radius:8px;color:#c2410c}.signup-completed p,.signup-pending p{font-size:18px;font-weight:600;margin-bottom:15px}.mypage-button{background-color:#4a5568;border-radius:4px;color:#fff;display:inline-block;font-size:14px;font-weight:500;padding:10px 20px;text-decoration:none;transition:background-color .2s}.mypage-button:hover{background-color:#2d3748;color:#fff;text-decoration:none}.loading-spinner{padding:40px 0}.spinner{border:4px solid #0000001a;border-left-color:#ff3f6c;height:36px;width:36px}.error-message{background-color:#fff5f5;border:1px solid #feb2b2;color:#c53030;padding:20px;text-align:center}.error-message p{margin-bottom:15px}.retry-button{background-color:#e53e3e;display:inline-block;font-size:14px;padding:8px 16px}.retry-button:hover{background-color:#c53030}.login-required{padding:30px 0;text-align:center}.login-button{background-color:#3182ce;display:inline-block;font-size:14px;font-weight:500;margin-top:15px;transition:background-color .2s}.login-button:hover{background-color:#2c5282}@media (max-width:768px){.membership-signup-wrapper{padding:20px 15px}}.refund-visualization{background-color:#f9f9f9;border:none;border-radius:8px;margin-bottom:30px;padding:20px}.refund-bar-bg{background-color:#e9ecef;border-radius:4px;height:8px;margin-bottom:15px;overflow:hidden;width:100%}.refund-bar{background-color:#4eaedc;border-radius:4px;height:100%;transition:width .5s ease-in-out}.refund-text{color:#666;font-size:12px;line-height:1.4;margin-top:8px}.asset-inputs{margin-bottom:20px;width:100%}.asset-inputs label{color:#333;display:block;font-weight:600;margin-bottom:8px;text-align:left}.asset-input-row{align-items:center;background-color:#f1f5f9;border-radius:4px;display:flex;margin-bottom:10px;padding:10px;width:100%}.asset-input-row span{color:#333;font-size:14px;margin-right:10px;min-width:80px}.asset-input-row input{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;flex:1 1;font-size:15px;padding:12px 15px;transition:border-color .2s}.asset-input-row input:focus{border-color:#4eaedc;outline:none}.asset-input-row input::placeholder{color:#94a3b8}.asset-total{color:#333;font-size:16px;font-weight:600;margin:20px 0;text-align:right}.custom-membership-form{margin-top:20px}.custom-membership-form .input-group{margin-bottom:20px}.custom-membership-form label{color:#333;display:block;font-weight:600;margin-bottom:8px;text-align:left}.custom-membership-form input{border:1px solid #ced4da;border-radius:4px;font-size:16px;padding:12px 15px;transition:border-color .2s;width:100%}.existing-payment-info{background-color:#e3f2fd;border:1px solid #90caf9;border-radius:6px;margin-bottom:20px;padding:12px 16px}.existing-payment-info p{color:#1565c0;font-size:14px;font-weight:600;margin:0}.investment-history{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:30px;padding:20px}.history-title{color:#333;font-size:18px;font-weight:600;margin-bottom:20px;text-align:left}.investment-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.investment-table{border-collapse:collapse;font-size:14px;width:100%}.investment-table thead{background-color:#f8f9fa}.investment-table th{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:13px;font-weight:600;padding:12px 16px;text-align:left}.investment-table td{border-bottom:1px solid #f1f3f4;padding:12px 16px;vertical-align:middle}.investment-table tbody tr:hover{background-color:#f8f9fa}.investment-table tbody tr:last-child td{border-bottom:none}.amount-cell{color:#2b6cb0;font-size:15px;font-weight:700;text-align:left;width:70%}.action-cell{text-align:center;width:30%}.cancel-button{background-color:#e53e3e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:6px 12px;transition:background-color .2s}.cancel-button:hover{background-color:#c53030}.cancel-button:disabled{background-color:#a0aec0;cursor:not-allowed}.pagination{margin-top:20px;padding:16px 0}.pagination-numbers{display:flex;gap:4px}.pagination-number{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#4a5568;cursor:pointer;font-size:14px;min-width:36px;padding:8px 12px;transition:all .2s}.pagination-number:hover{background-color:#f7fafc;border-color:#cbd5e0}.pagination-number.active{background-color:#4eaedc;border-color:#4eaedc;color:#fff}.pagination-info{color:#718096;font-size:12px;margin-top:12px;text-align:center}@media (max-width:768px){.investment-table-container{overflow-x:auto}.investment-table{min-width:250px}.investment-table td,.investment-table th{font-size:12px;padding:6px 8px}.amount-cell{font-size:13px;max-width:120px;width:50%}.action-cell{min-width:90px;width:50%}.cancel-button{font-size:9px;padding:5px 6px;white-space:nowrap}.pagination{flex-wrap:wrap;gap:4px}.pagination-numbers{gap:2px;justify-content:center;width:100%}.pagination-number{font-size:12px;min-width:32px;padding:6px 10px}}.binary-legs-component{box-sizing:border-box;margin:0 auto;padding:20px;width:100%}.binary-legs-component h2{font-size:24px;font-weight:600;margin-bottom:20px}.binary-navigation-controls{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;margin-bottom:20px;padding:10px}.binary-nav-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-right:10px;padding:8px 16px;transition:all .2s}.binary-nav-button:hover:not(:disabled){background-color:#0069d9}.binary-nav-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.5}.current-viewing-node{background-color:#e9ecef;border-radius:4px;color:#495057;font-size:14px;margin-left:auto;padding:6px 12px}.orgchart-container{height:420px}.orgchart{-webkit-touch-callout:none;background-color:#fff;background-image:none;box-sizing:border-box;margin:0 auto;min-height:202px;-webkit-user-select:none;user-select:none;white-space:nowrap}.node-wrapper{display:inline-block;margin:0;padding:0}.node-wrapper table{border-collapse:initial;border-spacing:0;margin:0 auto}.node-wrapper td{min-width:200px;padding:0;text-align:center;vertical-align:top}.orgchart .node{max-width:180px;min-width:180px;width:180px}.orgchart .lines{height:25px;margin:0;padding:0;position:relative}:root{--line-color:#3f51b5;--line-thickness:3px;--line-shadow:0 0 2px #0000004d}.orgchart .lines .downLine{background-color:#000!important;box-shadow:0 0 2px #0000004d;display:block;margin:0 auto;width:3px;z-index:2}.orgchart .lines .downLine,.orgchart .lines .rightLine{height:25px;position:relative}.orgchart .lines .rightLine:before{background-color:#000!important;box-shadow:0 0 2px #0000004d;content:"";height:3px;left:50%;position:absolute;top:0;width:50%;z-index:1}.orgchart .lines .leftLine{height:25px;position:relative}.orgchart .lines .leftLine:before{content:"";height:3px;position:absolute;right:50%;top:0;width:50%;z-index:1}.orgchart .lines .leftLine:before,.vertical-line-to-child{background-color:#000!important;box-shadow:0 0 2px #0000004d}.vertical-line-to-child{height:25px;margin:0 auto;width:3px}@media (max-width:768px){.binary-legs-component{padding:10px}.orgchart-container{height:350px}.orgchart .node{max-width:140px;min-width:140px;width:140px}}@media (max-width:480px){.orgchart .node{max-width:120px;min-width:120px;width:120px}.orgchart .node .content,.orgchart .node .title{font-size:11px;padding:4px}}.single-child-container{position:relative}.single-child-container:before{content:"";height:25px;top:-25px}.child-connector,.single-child-container:before{background-color:#000!important;box-shadow:0 0 2px #0000004d;left:50%;position:absolute;transform:translateX(-50%);width:3px;z-index:2}.child-connector{height:100%;top:0}.node-badges{display:flex;gap:8px;margin-top:8px}.node-badge,.node-badges{align-items:center;justify-content:center}.node-badge{border-radius:20px;box-shadow:0 2px 4px #0000001a;display:inline-flex;font-size:11px;font-weight:600;min-width:45px;padding:4px 10px;transition:all .2s ease}.node-badge.level-badge,.node-badge.pv-badge{background-color:#fff;border:1px solid #999;color:#333}.node-badge:hover{box-shadow:0 3px 6px #00000026;transform:translateY(-1px)}.orgchart .node .content{position:relative}.unilevel-legs-component{box-sizing:border-box;margin:0 auto;padding:20px;width:100%}.unilevel-legs-component h2{font-size:24px;font-weight:600;margin-bottom:20px}.unilevel-navigation-controls{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;margin-bottom:20px;padding:10px}.navigation-breadcrumb{color:#6c757d;font-size:14px;margin-bottom:20px}.breadcrumb-item{display:inline-block}.breadcrumb-item.root{color:#007bff;cursor:pointer}.breadcrumb-item.root:hover{text-decoration:underline}.breadcrumb-item.current{color:#495057;font-weight:600}.breadcrumb-separator{color:#adb5bd;margin:0 8px}.orgchart-container{background-color:#f9f9f9;border:2px dashed #aaa;border-radius:5px;display:block;height:600px;overflow:auto;position:relative;text-align:center;width:100%}.orgchart{min-width:-webkit-max-content;min-width:max-content;padding:20px}.org-tree,.orgchart{display:inline-block;position:relative}.org-tree{padding:20px 0}.org-tree ul{display:flex;justify-content:center;list-style:none;margin:0;padding:0;position:relative}.org-node{padding:0 15px;text-align:center;vertical-align:top}.org-node,.orgchart .node{display:inline-block;position:relative}.orgchart .node{background-color:#fff;border:none;border-radius:8px;box-shadow:0 3px 6px #00000029;cursor:pointer;margin:0 auto;max-width:140px;min-width:140px;transition:all .2s ease;width:140px}.orgchart .node:hover{box-shadow:0 5px 10px #00000040;transform:translateY(-2px)}.orgchart .node .title{border-radius:8px 8px 0 0;color:#fff;font-size:13px;height:auto;min-height:28px;padding:6px;white-space:normal;word-break:break-all}.orgchart .node .title.normal-title{background-color:#3f51b5}.orgchart .node .title.shipper-title{background-color:#e91e63}.orgchart .node .content{background-color:#f5f5f5;border-radius:0 0 8px 8px;font-size:12px;height:auto;min-height:28px;padding:6px;text-align:left;white-space:normal;word-break:break-all}.more-button{background-color:#3f51b5!important;border:none!important;border-radius:50%!important;box-shadow:0 2px 4px #0003!important;color:#fff!important;cursor:pointer!important;display:inline-block!important;font-size:18px!important;font-weight:700!important;height:28px!important;margin:0 auto!important;transition:all .3s ease!important;width:28px!important}.more-button:hover:not(:disabled){background-color:#303f9f!important;box-shadow:0 4px 8px #0000004d!important;transform:scale(1.1)!important}.more-button:disabled{cursor:not-allowed!important;opacity:.6!important}.org-node .children{display:flex;justify-content:center;margin-top:60px;position:relative}.org-node .children>ul{display:inline-flex;justify-content:center;position:relative;white-space:nowrap}.children .org-node{vertical-align:top;white-space:normal}.org-node.has-children>.node-content:after{background-color:#3f51b5;background-color:var(--line-color,#3f51b5);bottom:-30px;content:"";height:30px;left:50%;position:absolute;transform:translateX(-50%);width:2px}.org-node.has-children>.children:before{height:2px}.children .org-node:before,.org-node.has-children>.children:before{background-color:#3f51b5;background-color:var(--line-color,#3f51b5);content:"";left:50%;position:absolute;top:-30px;transform:translateX(-50%)}.children .org-node:before{height:30px;width:2px}.org-node.has-children>.children ul li:only-child:after,.org-node.has-children>.children ul li:only-child:before{display:none}.org-node.has-children>.children ul.multiple-children>li:first-child,.org-node.has-children>.children ul.multiple-children>li:last-child{position:relative}.org-node.has-children>.children ul.multiple-children>li:first-child:after,.org-node.has-children>.children ul.multiple-children>li:last-child:after{background-color:#3f51b5;background-color:var(--line-color,#3f51b5);content:"";height:2px;position:absolute;top:-30px;width:50%}.org-node.has-children>.children ul.multiple-children>li:first-child:after{left:50%}.org-node.has-children>.children ul.multiple-children>li:last-child:after{right:50%}.org-node.has-children>.children ul.multiple-children>li:not(:first-child):not(:last-child):after{background-color:#3f51b5;background-color:var(--line-color,#3f51b5);content:"";height:2px;left:0;position:absolute;right:0;top:-30px}.org-node.has-children>.children>ul.multiple-children:before{display:none}.org-node.has-children>.children>ul.single-child:before{display:none!important}.more-button-container{margin-top:10px;position:relative;text-align:center;z-index:10}.node-content{display:inline-block;position:relative;text-align:center}.node.root-node{border:2px solid #4a89dc;box-shadow:0 3px 8px #00000026;position:relative}.node.root-node:after{background-color:#4a89dc;border-radius:50%;content:"";height:8px;opacity:.9;position:absolute;right:-8px;top:-8px;width:8px}.bubble-badge{background-color:#fff!important;border:2px solid #3f51b5!important;border-radius:12px!important;box-shadow:0 2px 4px #0000001a!important;color:#3f51b5!important;display:inline-block!important;font-size:10px!important;font-weight:700!important;line-height:1.2!important;margin:2px!important;padding:4px 10px!important;text-align:center!important;white-space:nowrap!important}.orgchart .bordershipper .title,.orgchart .shipper .title{background-color:#e91e63}.orgchart .downlineshipper .title{background-color:#f44336}.orgchart .rightlineshipper .title{background-color:#ff9800}.orgchart .leftlineshipper .title{background-color:#4caf50}.orgchart .toplineshipper .title{background-color:#2196f3}.empty-message,.error-message,.loading-indicator{align-items:center;color:#666;display:flex;font-size:16px;height:100%;justify-content:center}.error-message{color:#f44336}@media (max-width:768px){.unilevel-legs-component{padding:10px}.orgchart-container{height:400px}.orgchart .node{max-width:120px;min-width:120px;width:120px}.org-node{margin:0 5px;min-width:140px}.org-node .children>ul{gap:10px}.orgchart .node .title{font-size:12px;padding:4px}.orgchart .node .content{font-size:11px;padding:4px}.more-button{font-size:16px!important;height:24px!important;width:24px!important}}.mainbanner-container{aspect-ratio:16/7;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.mainbanner-container:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.mainbanner-container.selected{outline:2px solid #007bff}@media (max-width:1024px){.mainbanner-container{aspect-ratio:auto}.mainbanner-container.mobile-full-height{height:100vh}}.mainbanner-image{height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;width:100%}.mainbanner-image.has-link{cursor:pointer}.mainbanner-video{cursor:default;height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;width:100%}.mainbanner-slide-content{background-position:50%;background-size:cover;height:100%;position:relative;width:100%}.mainbanner-slide-content.has-link{cursor:pointer}@media (max-width:1024px){.mainbanner-slide-content{height:100vh}}.mainbanner-slider-container{aspect-ratio:16/7;overflow:hidden;position:relative;width:100%}@media (max-width:1024px){.mainbanner-slider-container{height:100vh}}.mainbanner-slider-wrapper{height:100%;position:relative;width:100%}.mainbanner-slide{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .8s ease,visibility .8s ease,transform .3s ease;visibility:hidden;width:100%;z-index:1}.mainbanner-slide.active{opacity:1;visibility:visible;z-index:2}.mainbanner-slide.active:hover{transform:scale(1.01)}.mainbanner-content{border-radius:8px;display:flex;flex-direction:column;max-width:80%;padding:24px 30px;position:absolute;z-index:3}.mainbanner-content.position-1{align-items:flex-start;left:40px;text-align:left;top:40px}.mainbanner-content.position-2{align-items:center;left:50%;text-align:center;top:40px;transform:translateX(-50%)}.mainbanner-content.position-3{align-items:flex-end;right:40px;text-align:right;top:40px}.mainbanner-content.position-4{align-items:flex-start;left:40px;text-align:left;top:50%;transform:translateY(-50%)}.mainbanner-content.position-5{align-items:center;left:50%;text-align:center;top:50%;transform:translate(-50%,-50%)}.mainbanner-content.position-6{align-items:flex-end;right:40px;text-align:right;top:50%;transform:translateY(-50%)}.mainbanner-content.position-7{align-items:flex-start;bottom:40px;left:40px;text-align:left}.mainbanner-content.position-8{align-items:center;bottom:40px;left:50%;text-align:center;transform:translateX(-50%)}.mainbanner-content.position-9{align-items:flex-end;bottom:40px;right:40px;text-align:right}.mainbanner-content.has-background{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006}@media (max-width:768px){.mainbanner-content{max-width:90%;padding:20px}.mainbanner-content.mobile-full-width{left:0!important;max-width:100%;right:auto!important;width:100%}.mainbanner-content.mobile-full-width.position-2,.mainbanner-content.mobile-full-width.position-5,.mainbanner-content.mobile-full-width.position-8{transform:translateY(-50%)!important}.mainbanner-content.mobile-full-width:not(.position-2):not(.position-5):not(.position-8){transform:none!important}}.mainbanner-title{color:inherit;font-size:48px;font-weight:700;letter-spacing:-.5px;margin-bottom:24px!important;margin-top:24px!important}@media (max-width:768px){.mainbanner-title{font-size:24px;margin-bottom:12px}}.mainbanner-description{color:inherit;font-size:20px;line-height:1.5;margin-bottom:0!important}@media (max-width:768px){.mainbanner-description{font-size:16px;margin-bottom:16px}}.mainbanner-cta-button{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;padding:12px 24px;transition:all .2s ease}.mainbanner-cta-button:not(.transparent){border:none;box-shadow:0 2px 4px #0000001a}.mainbanner-cta-button.transparent{background-color:initial;border-style:solid;border-width:1px}.mainbanner-cta-button:hover{transform:translateY(-2px)}.mainbanner-cta-button:not(.transparent):hover{box-shadow:0 4px 8px #00000026}.mainbanner-cta-button.transparent:hover{background-color:#ffffff1a}@media (max-width:768px){.mainbanner-cta-button{font-size:14px;padding:10px 20px}}.mainbanner-nav-button{align-items:center;background:#0000004d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:10}.mainbanner-nav-button:hover{background:#00000080}.mainbanner-nav-button.prev{left:10px}.mainbanner-nav-button.next{right:10px}.mainbanner-indicators{bottom:20px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.mainbanner-indicator{background:#ffffff80;border-radius:50%;cursor:pointer;height:10px;width:10px}.mainbanner-indicator.active{background:#fff}.mainbanner-list-container{display:flex;flex-wrap:nowrap;gap:16px;overflow-x:auto;padding:16px 0;scrollbar-width:thin;width:100%}.mainbanner-list-container::-webkit-scrollbar{height:6px}.mainbanner-list-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.mainbanner-list-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.mainbanner-list-container::-webkit-scrollbar-thumb:hover{background:#555}.mainbanner-list-item{aspect-ratio:16/9;border-radius:0;flex:0 0 auto;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:300px}.mainbanner-list-item:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-5px) scale(1.02)}.mainbanner-loading{align-items:center;aspect-ratio:16/7;background-color:#f5f5f5;color:#666;display:flex;font-size:18px;justify-content:center;width:100%}.mainbanner-editor-wrapper{height:100%;position:relative;width:100%}.mainbanner-selection-indicator{border:2px solid #3498db;border-radius:4px;bottom:-2px;left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px;z-index:100}.mainbanner-resize-handle{background-color:#3498db;border:1px solid #fff;border-radius:50%;height:8px;position:absolute;width:8px;z-index:110}.mainbanner-resize-handle-nw{cursor:nw-resize;left:-4px;top:-4px}.mainbanner-resize-handle-ne{cursor:ne-resize;right:-4px;top:-4px}.mainbanner-resize-handle-sw{bottom:-4px;cursor:sw-resize;left:-4px}.mainbanner-resize-handle-se{bottom:-4px;cursor:se-resize;right:-4px}.mainbanner-move-handle{background-color:#3498db;border-radius:3px 3px 0 0;cursor:move;height:10px;left:50%;position:absolute;top:-16px;transform:translateX(-50%);width:20px;z-index:110}.main-banner-container{background-color:#000;overflow:hidden;position:relative;width:100%}.banner-slides{position:relative}.banner-slide,.banner-slides{display:flex;height:100%;width:100%}.banner-slide{align-items:center;cursor:pointer;justify-content:center;left:0;position:absolute;top:0}.banner-slide.slider{transition:transform .5s ease-in-out}.banner-slide.fade{transition:opacity .5s ease-in-out}.banner-slide.carousel{transition:transform .5s ease-in-out}.banner-media{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.banner-media,.banner-video{object-fit:cover}.banner-content{background:#0003;display:flex;height:100%;padding:40px;position:relative;width:100%;z-index:2}.banner-text-wrapper{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.banner-title{animation:fadeInUp .8s ease-out;font-size:3rem;font-weight:700;line-height:1.2;margin:0 0 20px}.banner-description{animation:fadeInUp .8s ease-out .2s both;font-size:1.25rem;line-height:1.6;margin:0 0 30px;opacity:.9}.banner-button{animation:fadeInUp .8s ease-out .4s both;border:2px solid;display:inline-block;font-size:1rem;font-weight:500;letter-spacing:1px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.banner-button:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.banner-button.transparent{background-color:initial!important}.banner-arrow{align-items:center;background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:3}.banner-arrow:hover{background-color:#000000b3;transform:translateY(-50%) scale(1.1)}.banner-arrow-prev{left:20px}.banner-arrow-next{right:20px}.banner-dots{bottom:30px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.banner-dot{background-color:initial;border:2px solid #fff;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.banner-dot:hover{transform:scale(1.2)}.banner-dot.active{background-color:#fff;border-radius:6px;width:30px}.editor-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:4}.editor-overlay p{background-color:#000000b3;border-radius:4px;color:#fff;font-size:18px;font-weight:500;padding:10px 20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.banner-content{padding:20px}.banner-title{font-size:2rem}.banner-description{font-size:1rem;margin-bottom:20px}.banner-button{font-size:.875rem;padding:10px 20px}.banner-arrow{font-size:20px;height:40px;width:40px}.banner-arrow-prev{left:10px}.banner-arrow-next{right:10px}.banner-dots{bottom:20px}.banner-dot{height:10px;width:10px}.banner-dot.active{width:25px}}@media (max-width:480px){.mainbanner-title{font-size:1.5rem}.mainbanner-description{font-size:.875rem}.mainbanner-cta-button{font-size:.75rem;padding:8px 16px}.banner-title{font-size:1.5rem}.banner-description{font-size:.875rem}.banner-button{font-size:.75rem;padding:8px 16px}.banner-arrow{font-size:18px;height:35px;width:35px}}.company-history-component{font-family:Noto Sans KR,sans-serif;margin:0 auto;max-width:1200px;padding:40px 20px;position:relative;z-index:1}.history-header{margin-bottom:50px;text-align:center}.history-header h2{color:#333;font-size:32px;font-weight:700;margin-bottom:15px}.history-header .subtitle{color:#666;font-size:16px;line-height:1.5;margin:0 auto;max-width:600px}.company-history-timeline.vertical{margin:0 auto;padding:20px 0;position:relative}.company-history-timeline.vertical:before{background-color:#ddd;bottom:0;content:"";left:50%;margin-left:-2px;position:absolute;top:0;width:4px;z-index:0}.company-history-timeline.vertical .timeline-item{align-items:center;display:flex;justify-content:center;margin-bottom:50px;opacity:0;position:relative;transform:translateY(20px);transition:all .5s ease;z-index:1}.company-history-timeline.vertical .timeline-item.animate{opacity:1;transform:translateY(0)}.company-history-timeline.vertical .timeline-left,.company-history-timeline.vertical .timeline-right{flex-basis:calc(50% - 40px);flex-grow:0;flex-shrink:0;max-width:calc(50% - 40px);position:relative;width:calc(50% - 40px);z-index:1}.company-history-timeline.vertical .timeline-left{display:flex;justify-content:flex-end;padding-right:10px}.company-history-timeline.vertical .timeline-right{display:flex;justify-content:flex-start;padding-left:10px}.company-history-timeline.vertical .timeline-center{align-items:center;background:#0000;display:flex;flex:0 0 60px;justify-content:center;position:relative;width:60px;z-index:2}.company-history-timeline.vertical .timeline-content.text-right{margin-right:0;text-align:right;width:100%}.company-history-timeline.vertical .timeline-content.text-left{margin-left:0;text-align:left;width:100%}.company-history-timeline.vertical .timeline-year{align-items:center;background-color:#3498db;border:1px solid #0000001a;border-radius:4px;box-shadow:0 3px 6px #00000026;display:flex;font-weight:700;height:40px;justify-content:center;position:relative;width:80px;z-index:3}.timeline-image{border-radius:8px;box-shadow:0 3px 10px #0000001a;display:block;margin:0;overflow:hidden;transition:all .3s ease}.timeline-item.even .timeline-right .timeline-image{margin-left:0}.timeline-item.odd .timeline-left .timeline-image{margin-left:auto;margin-right:0}.timeline-image img{height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.timeline-image img:hover{transform:scale(1.05)}.company-history-timeline.vertical .timeline-content{background:#fff;border-radius:5px;border-style:solid;border-width:2px;box-shadow:0 3px 10px #0000001a;display:block;min-height:150px;padding:20px;transition:all .3s ease;width:100%}.company-history-timeline.vertical .timeline-content:hover{box-shadow:0 5px 15px #00000026;transform:translateY(-5px)}.company-history-timeline.vertical .timeline-content h3{font-size:18px;font-weight:600;margin-top:0}.company-history-timeline.vertical .timeline-content p{line-height:1.6;margin-bottom:0}.company-history-timeline.horizontal{min-height:400px;overflow-x:auto;padding:100px 0 50px;position:relative}.company-history-timeline.horizontal .timeline-line{background-color:#ddd;height:4px;left:0;margin:0 50px;position:absolute;right:0;top:100px}.company-history-timeline.horizontal .timeline-items-container{height:100%;margin:0 50px;position:relative}.company-history-timeline.horizontal .timeline-item{margin-left:-110px;opacity:0;position:absolute;transform:translateY(20px);transition:all .5s ease;width:220px}.company-history-timeline.horizontal .timeline-item.animate{opacity:1;transform:translateY(0)}.company-history-timeline.horizontal .timeline-point{border-radius:50%;height:16px;left:50%;margin-left:-8px;position:absolute;top:-106px;width:16px;z-index:2}.company-history-timeline.horizontal .timeline-year{font-size:18px;font-weight:700;position:absolute;text-align:center;top:-80px;width:100%;z-index:4}.company-history-timeline.horizontal .timeline-image.horizontal-image{border:3px solid #fff;border-radius:50%;box-shadow:0 3px 10px #0003;left:50%;overflow:hidden;position:absolute;top:-150px;transform:translateX(-50%)}.company-history-timeline.horizontal .timeline-image.horizontal-image.small{height:60px;top:-130px;width:60px}.company-history-timeline.horizontal .timeline-image.horizontal-image.medium{height:80px;top:-150px;width:80px}.company-history-timeline.horizontal .timeline-image.horizontal-image.large{height:100px;top:-170px;width:100px}.company-history-timeline.horizontal .timeline-content{background:#fff;border-radius:5px;border-style:solid;border-width:2px;box-shadow:0 3px 10px #0000001a;margin-top:40px;padding:15px;text-align:center;transition:all .3s ease}.company-history-timeline.horizontal .timeline-content:hover{box-shadow:0 5px 15px #00000026;transform:translateY(-5px)}.company-history-timeline.horizontal .timeline-content h3{font-size:16px;font-weight:600;margin-top:0}.company-history-timeline.horizontal .timeline-content p{font-size:14px;line-height:1.5;margin-bottom:0}@media (max-width:768px){.company-history-timeline.vertical:before{left:30px}.company-history-timeline.vertical .timeline-item{align-items:flex-start;flex-direction:column;margin-left:30px;padding-left:20px}.company-history-timeline.vertical .timeline-left,.company-history-timeline.vertical .timeline-right{justify-content:flex-start;margin:10px 0;max-width:100%;padding:0;width:100%}.company-history-timeline.vertical .timeline-center{left:-30px;position:absolute;top:0;width:60px}.company-history-timeline.vertical .timeline-year{height:30px;width:60px}.company-history-timeline.vertical .timeline-content.text-left,.company-history-timeline.vertical .timeline-content.text-right{margin-left:0;margin-right:0;min-height:auto;text-align:left;width:100%}.timeline-image.large,.timeline-image.medium,.timeline-image.small{height:auto;margin:0;max-width:250px;width:100%}.timeline-image img{max-height:180px}.company-history-timeline.vertical .timeline-content{min-height:auto;width:100%}.company-history-timeline.horizontal{overflow-x:scroll;padding-bottom:30px}.company-history-timeline.horizontal .timeline-items-container{min-width:800px}}.image-text-component{box-sizing:border-box;gap:20px;width:100%}.image-text-component,.image-text-component .image-container{align-items:flex-start;display:flex;height:auto;overflow:visible}.image-text-component .image-container{justify-content:center}.image-text-component .image-container img{border-radius:0;display:block;height:auto;max-width:100%}.image-text-component .text-container{display:flex;flex-direction:column;height:auto;overflow:visible}.image-text-component .text-content{height:auto;line-height:1.6;overflow:visible;word-break:break-word}.image-text-component .text-content h1,.image-text-component .text-content h2,.image-text-component .text-content h3,.image-text-component .text-content h4,.image-text-component .text-content h5,.image-text-component .text-content h6,.image-text-component .text-content p{margin-bottom:.5em;margin-top:.5em}.image-text-component .text-content ol,.image-text-component .text-content ul{margin:.5em 0;padding-left:2em}.image-text-component .text-content a{color:#4a90e2;text-decoration:underline}.image-text-component .text-content img{height:auto;max-width:100%}@media (max-width:768px){.image-text-component{flex-direction:column}}.image-slider-container{background:#0000!important;border-radius:8px;box-shadow:none!important;overflow:hidden;position:relative;width:100%}.image-slider-container.empty{align-items:center;background:#0000!important;border:2px dashed #ddd;display:flex;flex-direction:column;justify-content:center;min-height:200px}.image-slider-header{background:#0000!important;padding:20px 20px 10px;position:relative;z-index:3}.image-slider-title{cursor:pointer;margin:0;transition:color .3s ease}.image-slider-title:hover{color:#4285f4}.title-edit-input{background:#fff;border:2px solid #4285f4;border-radius:4px;box-sizing:border-box;outline:none;padding:4px 8px;width:100%}.image-slider-main,.image-slider-viewport{background:#0000!important;height:100%;position:relative;width:100%}.image-slider-viewport{overflow:hidden}.image-slider-track{background:#0000!important;display:flex;height:100%;width:auto;will-change:transform}.image-slider-slide{box-sizing:border-box;flex:0 0 auto;padding:0}.image-slider-image-container,.image-slider-slide{align-items:center;background:#0000!important;display:flex;height:100%;justify-content:center;position:relative}.image-slider-image-container{border-radius:0;overflow:hidden;width:100%}.image-slider-image{background:#0000!important;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.image-slider-image-container:hover .image-slider-image{transform:scale(1.02)}.image-slider-image-overlay{background:#0000!important;bottom:0;color:#fff;left:0;padding:20px;position:absolute;right:0;transform:translateY(100%);transition:transform .3s ease}.image-slider-image-container:hover .image-slider-image-overlay{transform:translateY(0)}.image-slider-image-title{font-size:18px;font-weight:600;margin:0;text-shadow:0 1px 2px #00000080}.image-slider-nav{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 10px #0003;color:#333;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:4}.image-slider-nav:hover{background:#fff;box-shadow:0 4px 15px #0000004d;transform:translateY(-50%) scale(1.1)}.image-slider-nav:active{transform:translateY(-50%) scale(.95)}.image-slider-nav-prev{left:20px}.image-slider-nav-next{right:20px}.image-slider-indicators{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000!important;border-radius:20px;bottom:20px;display:flex;gap:8px;left:50%;padding:8px 12px;position:absolute;transform:translateX(-50%);z-index:4}.image-slider-indicator{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.image-slider-indicator:hover{background:#fffc;transform:scale(1.2)}.image-slider-indicator.active{background:#fff;transform:scale(1.3)}.image-slider-empty{color:#666;font-style:italic;padding:40px 20px;text-align:center}.image-slider-empty p{margin:8px 0}.image-slider-loading{align-items:center;color:#666;display:flex;height:200px;justify-content:center;width:100%}.image-slider-loading:after{animation:image-slider-spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4285f4;content:"";height:40px;margin-left:10px;width:40px}@keyframes image-slider-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.image-slider-header{padding:15px 15px 8px}.image-slider-title{font-size:20px}.image-slider-nav{height:40px;width:40px}.image-slider-nav-prev{left:10px}.image-slider-nav-next{right:10px}.image-slider-indicators{bottom:10px;padding:6px 10px}.image-slider-indicator{height:10px;width:10px}.image-slider-image-overlay{padding:15px}.image-slider-image-title{font-size:16px}}@media (max-width:480px){.image-slider-nav{height:35px;width:35px}.image-slider-nav svg{height:18px;width:18px}.image-slider-indicators{gap:6px}.image-slider-indicator{height:8px;width:8px}}@media (prefers-reduced-motion:reduce){.image-slider-image,.image-slider-image-overlay,.image-slider-indicator,.image-slider-nav,.image-slider-track{transition:none}}.image-slider-indicator:focus,.image-slider-nav:focus{outline:2px solid #4285f4;outline-offset:2px}@media (prefers-color-scheme:dark){.image-slider-container{background:#0000!important;box-shadow:none!important}.image-slider-container.empty{background:#0000!important;border-color:#444}.image-slider-header{background:#0000!important}.image-slider-title{color:#fff}.image-slider-title:hover{color:#64b5f6}.title-edit-input{background:#333;border-color:#64b5f6;color:#fff}.image-slider-nav{background:#2a2a2ae6;color:#fff}.image-slider-nav:hover{background:#2a2a2a}.image-slider-empty{color:#aaa}}.trending-items-component{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:40px 20px;width:100%}.trending-items-header{margin-bottom:40px;text-align:center}.trending-items-subtitle{color:#666;font-size:14px;margin-bottom:8px}.trending-items-title{color:#333;font-size:32px;font-weight:600;margin:0}.trending-items-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.trending-item{flex:1 1;max-width:380px;min-width:250px}.trending-item-link{color:inherit;cursor:pointer;display:block;text-decoration:none}div.trending-item-link{cursor:default}.trending-item-image-container{aspect-ratio:1/1;margin-bottom:15px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:100%}.trending-item:hover .trending-item-image-container{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.trending-item-content{padding:5px 0}.trending-item-title{color:#333;font-size:16px;font-weight:500;margin:0 0 8px;transition:color .3s ease}.trending-item-more{color:#888;font-size:14px;transition:color .3s ease}.trending-item:hover .trending-item-more,.trending-item:hover .trending-item-title{color:#4a90e2}.trending-items-more-button-container{display:flex;justify-content:center;margin-top:40px}.trending-items-more-button{background-color:initial;border:1px solid #8a7a6d;border-radius:2px;color:#8a7a6d;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;letter-spacing:1px;padding:10px 30px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.trending-items-more-button:hover{background-color:#8a7a6d;color:#fff}@media (max-width:768px){.trending-items-component{padding:30px 15px}.trending-items-title{font-size:24px}.trending-items-container{align-items:center;flex-direction:column}.trending-item{max-width:100%;width:100%}.trending-items-more-button-container{margin-top:30px}}@media (max-width:300px){.trending-items-component{padding:20px 10px}.trending-items-title{font-size:20px}}.fixed-bg-text-component{align-items:center!important;background-attachment:fixed!important;background-color:#f5f5f5!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;box-sizing:border-box;display:flex!important;justify-content:center!important;margin:0;min-height:500px;opacity:1!important;overflow:hidden;padding:0;position:relative!important;text-align:center;width:100%!important;z-index:1}.fixed-bg-text-component.loaded{opacity:1!important}.fixed-bg-text-component .overlay{background-color:#00000080!important;height:100%!important;left:0!important;position:absolute!important;top:0!important;width:100%!important;z-index:0!important}.fixed-bg-text-component .content{align-items:center!important;box-sizing:border-box;display:flex!important;flex-direction:column!important;justify-content:center!important;max-width:800px;padding:2rem;position:relative!important;width:100%!important;z-index:2!important}.fixed-bg-text-component .title{color:#fff!important;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0000004d}.fixed-bg-text-component .description{color:#fff!important;font-size:1.2rem;line-height:1.6;text-shadow:0 1px 2px #0000004d}.fixed-bg-text-component .html-content{color:#fff!important;text-shadow:0 1px 2px #0000004d;width:100%}.fixed-bg-text-component .html-content div,.fixed-bg-text-component .html-content h1,.fixed-bg-text-component .html-content h2,.fixed-bg-text-component .html-content h3,.fixed-bg-text-component .html-content h4,.fixed-bg-text-component .html-content h5,.fixed-bg-text-component .html-content h6,.fixed-bg-text-component .html-content li,.fixed-bg-text-component .html-content p,.fixed-bg-text-component .html-content span{color:var(--text-color)}.fixed-bg-text-component .html-content h1,.fixed-bg-text-component .html-content h2,.fixed-bg-text-component .html-content h3{font-weight:700;margin-bottom:.5em;margin-top:.5em;text-shadow:0 2px 4px #0000004d}.fixed-bg-text-component .html-content h1{font-size:2.5rem}.fixed-bg-text-component .html-content h2{font-size:2rem}.fixed-bg-text-component .html-content h3{font-size:1.75rem}.fixed-bg-text-component .html-content p{font-size:1.2rem;line-height:1.6;margin-bottom:1rem}.fixed-bg-text-component .html-content ol,.fixed-bg-text-component .html-content ul{margin-bottom:1rem;margin-left:1.5rem;text-align:left}.fixed-bg-text-component .html-content a{color:var(--text-color);text-decoration:underline;text-underline-offset:2px}.fixed-bg-text-component .html-content a:hover{opacity:.8}.fixed-bg-text-component .html-content img{height:auto;margin:1rem 0;max-width:100%}.fixed-bg-text-component[data-debug=true]{outline:2px dashed #666}.fixed-bg-text-component[data-loaded=true][data-debug=true]{outline:2px solid #666}.fixed-bg-text-component[data-has-error=true]{outline:none}.fixed-bg-text-component .debug-info{background:#000000b3;border-radius:4px;bottom:10px;color:#fff;font-size:12px;padding:5px 10px;position:absolute;right:10px;z-index:10}@media (max-width:768px){.fixed-bg-text-component{min-height:400px}.fixed-bg-text-component .title{font-size:2rem}.fixed-bg-text-component .description{font-size:1rem}.fixed-bg-text-component .content{padding:1.5rem}.fixed-bg-text-component .html-content h1{font-size:2rem}.fixed-bg-text-component .html-content h2{font-size:1.75rem}.fixed-bg-text-component .html-content h3{font-size:1.5rem}.fixed-bg-text-component .html-content p{font-size:1rem}}@media (min-width:769px) and (max-width:1024px){.fixed-bg-text-component{min-height:450px}.fixed-bg-text-component .html-content h1,.fixed-bg-text-component .title{font-size:2.2rem}.fixed-bg-text-component .html-content h2{font-size:1.9rem}}@media (prefers-reduced-motion:reduce){.fixed-bg-text-component{transition:none}}@media (min-aspect-ratio:16/9){.fixed-bg-text-component{background-size:100vw auto}}@media (max-aspect-ratio:16/9){.fixed-bg-text-component{background-size:auto 100vh}}.product-list-component{width:100%}.product-image-container{background-color:#f8f8f8;border:none!important;border-radius:0;overflow:hidden;padding-top:100%;position:relative;width:100%}.product-image-wrapper{left:0;position:absolute;top:0}.product-image-link,.product-image-wrapper{border:none!important;height:100%;width:100%}.product-image-link{display:block;position:relative}.product-hover-image,.product-main-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:opacity .3s ease;width:100%}.product-hover-image{opacity:0}.gi-pro-image .product-action{background:#a749ffe6!important;border:none!important;bottom:0;height:50px!important;left:0;opacity:0;padding:0!important;position:absolute;right:0;transform:translateY(100%);transition:all .3s ease;width:100%!important;z-index:9}.gi-pro-image .product-action,.product-action-button{align-items:center;display:flex;justify-content:center}.product-action-button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:20px;height:100%;padding:0;transition:all .2s ease;width:100%}.gi-pro-image{border:none!important;overflow:hidden;position:relative}@media (min-width:992px){.gi-pro-image:hover .product-action{opacity:1;transform:translateY(0)}.product-action-button:hover{background:#a749fff2}}.gi-pro-title{font-size:16px;margin-bottom:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gi-pro-title a{color:inherit;display:block;white-space:nowrap}.product-pagination ul.pagination{display:flex;justify-content:center;list-style:none;padding:0;width:100%}.product-pagination ul.pagination li{margin:0 5px}.product-pagination ul.pagination li a{align-items:center;background-color:#f5f5f5;border-radius:4px;color:#333;display:flex;height:32px;justify-content:center;text-decoration:none;transition:all .3s ease;width:32px}.product-pagination ul.pagination li.active a{background-color:#6c4bd1;color:#fff}.product-pagination ul.pagination li a:hover{background-color:#e0e0e0}.product-pagination ul.pagination li.active a:hover{background-color:#5a3ec0}.product-pagination ul.pagination li.disabled a{opacity:.5;pointer-events:none}.no-products,.product-error,.product-loading{padding:20px;text-align:center}.product-stock{font-size:.9em;margin-top:10px}.stock-status.low-stock{color:orange}.shop-pro-content.list-view-50 .gi-product-inner{display:flex}.shop-pro-content.list-view-50 .gi-pro-image-outer{flex-shrink:0;width:30%}.shop-pro-content.list-view-50 .gi-pro-image{align-items:center;display:flex;height:300px;justify-content:center;width:100%}.shop-pro-content.list-view-50 .gi-pro-content{flex-grow:1;padding-left:1rem}.shop-pro-inner{width:100%}.gi-shop .container{padding-left:15px;padding-right:15px}.gi-shop{padding-bottom:40px;padding-top:40px}@media (min-width:992px){.gi-product-content:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.gi-product-content{background:#fff;border:1px solid #f5f5f5;border-radius:8px;overflow:hidden;transition:all .3s ease}.gi-product-box.pro-gl-content{padding-left:10px;padding-right:10px}}@media (min-width:768px) and (max-width:991px){.gi-product-box.pro-gl-content{flex:0 0 50%!important;max-width:50%!important;width:50%!important}.gi-product-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:all .3s ease}.gi-product-content:hover{box-shadow:0 4px 16px #0000001a}}@media (max-width:767px){.gi-product-box.pro-gl-content{flex:0 0 50%!important;margin-bottom:10px!important;max-width:50%!important;padding-left:5px!important;padding-right:5px!important;width:50%!important}.gi-product-box.pro-gl-content:nth-child(odd){padding-right:5px!important}.gi-product-box.pro-gl-content:nth-child(2n){padding-left:5px!important}.gi-product-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;height:100%;overflow:hidden;transition:all .3s ease}.gi-product-content:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.gi-pro-image-outer{border:none!important;border-radius:12px 12px 0 0;margin-bottom:0;overflow:hidden}.gi-pro-content{padding:12px}.gi-pro-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px!important;height:2.8em;line-height:1.4;margin-bottom:8px!important;overflow:hidden;white-space:normal}.gi-pro-title a{color:#333;font-weight:500;white-space:normal}.gi-pro-price{font-size:16px!important;margin-bottom:8px}.gi-pro-price .new-price{color:#a749ff;font-weight:600}.gi-pro-price .old-price{color:#999;font-size:13px;margin-left:5px}.gi-pro-image .product-action{display:none!important}.flags{left:8px;top:8px}.flags .sale{border-radius:4px;font-size:11px;padding:4px 8px}.gi-pro-stock{color:#666;font-size:12px}.gi-pro-stock .low-stock{color:#ff6b6b;font-weight:500}.gi-shop .container{padding-left:15px!important;padding-right:15px!important}.gi-shop{padding-bottom:20px!important;padding-top:20px!important}.product-pagination{margin-top:20px}.gi-pro-image .hover-image{display:none!important}.gi-shop{-webkit-overflow-scrolling:touch}.gi-product-box{margin-bottom:10px!important}.btn-primary{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn-primary:active{transform:scale(.98)!important}.product-pagination{clear:both;position:relative;z-index:10}}.load-more-btn{align-items:center;background-color:#a749ff!important;display:inline-flex;justify-content:center;min-height:48px;transform:translateY(0);transition:background-color .3s ease!important}@media (min-width:768px){.load-more-btn:hover:not(:disabled){background-color:#9333ea!important;transform:translateY(-2px)!important;transition:all .3s ease!important}}@media (max-width:767px){.load-more-btn:active:not(:disabled){transform:scale(.98)!important}}.load-more-btn:disabled{background-color:#ccc!important;cursor:not-allowed!important;opacity:.7;transform:none!important}.spinner-border-sm{animation:spinner-border .75s linear infinite;border:.2em solid;border-radius:50%;border-right:.2em solid #0000;display:inline-block;height:1rem;margin-right:.5rem;vertical-align:text-bottom;width:1rem}.product-pagination>div{align-items:center;display:flex;justify-content:center;min-height:80px}.gi-product-content .gi-pro-image,.gi-product-content .gi-pro-image-outer,.gi-product-content .gi-product-inner,.gi-product-content .hover-image,.gi-product-content .main-image,.gi-product-content .product-image-container,.gi-product-content .product-image-link,.gi-product-content .product-image-wrapper,.gi-product-content .safe-image-placeholder,.gi-product-content img{border:none!important;box-shadow:none!important;outline:none!important}@media (max-width:575px){.gi-product-box.pro-gl-content{padding-left:4px!important;padding-right:4px!important}.gi-product-box.pro-gl-content:nth-child(odd){padding-right:4px!important}.gi-product-box.pro-gl-content:nth-child(2n){padding-left:4px!important}.gi-pro-title{font-size:13px!important}.gi-pro-price{font-size:15px!important}.gi-pro-price .old-price{font-size:12px}.gi-pro-content{padding:10px}.gi-product-content{border-radius:10px}.gi-pro-image-outer{border-radius:10px 10px 0 0}}@media (max-width:991px){.gi-product-box{margin-bottom:15px}.gi-shop-rightside{margin-bottom:0!important}.gi-pro-image .hover-image{display:none!important}.gi-shop{-webkit-overflow-scrolling:touch}}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.gap-x-4{column-gap:1rem}.gap-y-8{row-gap:2rem}.gap-x-1\.5{column-gap:.375rem}.gap-y-1{row-gap:.25rem}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-x-5{column-gap:1.25rem}.sm\:gap-x-2{column-gap:.5rem}}@media (min-width:1024px){.lg\:gap-y-10{row-gap:2.5rem}.lg\:gap-2{gap:.5rem}.lg\:min-h-\[240px\]{min-height:240px}.lg\:h-10{height:2.5rem}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:w-6{width:1.5rem}.lg\:h-6{height:1.5rem}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:pt-3{padding-top:.75rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:text-sm{font-size:.875rem;line-height:1.25rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\:pt-1{padding-top:.25rem}.lg\:pt-2{padding-top:.5rem}.lg\:w-20{width:5rem}.lg\:h-20{height:5rem}.lg\:px-2{padding-left:.5rem;padding-right:.5rem}.lg\:py-1{padding-bottom:.25rem;padding-top:.25rem}.lg\:leading-sm{line-height:1.25}}.poj2-image-box img:hover{transform:scale(1.03)}.relative{position:relative}.absolute{position:absolute}.block{display:block}.flex{display:flex}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.overflow-hidden{overflow:hidden}.min-h-\[140px\]{min-height:140px}.w-full{width:100%}.h-full{height:100%}.h-7{height:1.75rem}.h-5{height:1.25rem}.h-3{height:.75rem}.w-3{width:.75rem}.w-16{width:4rem}.h-16{height:4rem}.top-0{top:0}.left-0{left:0}.bottom-0{bottom:0}.right-0{right:0}.px-3{padding-left:.75rem;padding-right:.75rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.pt-2{padding-top:.5rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.my-1{margin-bottom:.25rem;margin-top:.25rem}.bg-black\/50{background-color:#00000080}.bg-black\/70{background-color:#000000b3}.text-white{color:#fff}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.font-bold{font-weight:700}.leading-tight{line-height:1.25}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.text-description{color:#666}.text-discount{color:#ff5050}.fill-white{fill:#fff}.modern-rolling-text{height:100%;overflow:hidden;position:relative;width:100%}.modern-rolling-item{align-items:center;display:flex;height:100%;left:0;opacity:0;position:absolute;top:0;transform:translateY(100%);transition:opacity .5s,transform .5s;width:100%}.modern-rolling-item.active{opacity:1;transform:translateY(0)}.gap-1{gap:.25rem}.border{border-width:1px}.border-border{border-color:#e5e5e5}.rounded{border-radius:.25rem}.hover\:scale-103:hover{transform:scale(1.03)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.object-cover{object-fit:cover}.product-slider-container{border:0!important;padding:0 15px;position:relative;width:100%}.product-slider-container:after,.product-slider-container:before{border:0!important}.product-slider-mask{overflow:hidden;position:relative;width:100%}.product-slider-title{color:#333;font-size:18px;font-weight:600;margin:0 0 30px;padding:0 10px}.product-slider-wrapper{display:flex;transition:transform .5s ease-in-out}.product-slider-wrapper.no-transition{transition:none}.product-slider-slide{box-sizing:border-box;padding:0 10px}.product-slider-slide.mobile{flex:0 0 100%;width:100%}.product-slider-slide.tablet{flex:0 0 50%;width:50%}.product-slider-slide.pc{flex:0 0 25%;width:25%}.product-slider-item{background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;overflow:hidden;width:100%}.product-slider-item.has-image:hover{transform:translateY(-5px);transition:transform .3s ease}.product-slider-image-container{overflow:hidden;position:relative;width:100%}.product-slider-image-container:before{content:"";display:block;padding-top:75%}.product-slider-placeholder{background-color:#ccc;height:100%;left:0;position:absolute;top:0;width:100%}.product-slider-info{flex-grow:1;padding:15px}.product-slider-product-title{font-size:16px;font-weight:500;height:40px;margin-bottom:10px;overflow:hidden}.product-slider-price{color:#ff6b6b;font-size:18px;font-weight:700}.product-slider-sale-price{color:#999;font-size:14px;margin-left:8px;text-decoration:line-through}.product-slider-loading{align-items:center;display:flex;height:200px;justify-content:center;width:100%}.product-slider-loading:after{animation:product-slider-spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;content:"";height:40px;width:40px}@keyframes product-slider-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.product-slider-prev-button{align-items:center;background:#fffc;border:none;border-radius:50%;box-shadow:0 2px 5px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;left:10px;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:2}.product-slider-prev-button:before{border:solid #555;border-width:0 3px 3px 0;content:"";display:inline-block;padding:4px;transform:rotate(135deg)}.product-slider-next-button{align-items:center;background:#fffc;border:none;border-radius:50%;box-shadow:0 2px 5px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:40px;z-index:2}.product-slider-next-button:before{border:solid #555;border-width:0 3px 3px 0;content:"";display:inline-block;padding:4px;transform:rotate(-45deg)}.product-slider-filtering-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-top:20px;padding:15px}.product-slider-filtering-title{align-items:center;display:flex;font-size:16px;font-weight:600;margin-bottom:15px}.product-slider-filtering-input-group{margin-bottom:12px}.product-slider-filtering-label{display:block;font-size:14px;font-weight:500;margin-bottom:5px}.product-slider-filtering-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:100%}.product-slider-filtering-help{color:#666;font-size:12px;margin-top:4px}.product-detail-container{background-color:#fff;max-width:100%;padding-bottom:40px;padding-top:40px;width:100%}.no-product-data,.product-error,.product-loading{padding:20px;text-align:center}.product-error{color:red}.single-pro-block{width:100%}.single-pro-img{margin-bottom:20px}.single-pro-content{padding:0 5px}.gi-single-rating{margin-right:10px}.review-count{color:#666;font-size:14px}.gi-star{margin-right:2px}.gi-star,.gi-star.fill{color:#f2b01e}.gi-star-o{color:#ccc;margin-right:2px}.gi-single-price-stoke{margin-bottom:20px}.gi-single-price{margin-bottom:10px}.final-price{align-items:center;color:#333;display:flex;font-size:24px;font-weight:700}.price-des{color:red;font-size:16px;margin-left:10px}.mrp{color:#999;text-decoration:line-through}.gi-single-stoke{color:#666;display:flex;flex-direction:column;font-size:14px;margin-top:10px}.gi-single-ps-title,.gi-single-sku{margin-bottom:5px}.gi-single-tags{color:#666;font-size:14px;margin:10px 0}.gi-single-qty{margin-top:20px}.quantity-selector{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;margin-right:15px}.qty-down,.qty-up{background:#f5f5f5;border:none;cursor:pointer;font-size:18px;height:36px;width:36px}.qty-input{border:none;font-size:16px;height:36px;text-align:center;width:50px}.gi-single-cart{margin-bottom:10px;margin-right:10px}.gi-btn-1{border-radius:4px;font-size:16px;padding:8px 20px}.gi-pro-tab{margin-top:30px;width:100%}.gi-pro-tab-nav{border-bottom:1px solid #ddd;display:flex;list-style:none;padding-left:0;width:100%}.gi-pro-tab-nav .nav-item{margin-right:20px}.gi-pro-tab-nav .nav-link{background:#0000;border:none;padding:10px 0;position:relative;text-decoration:none}.gi-pro-tab-nav .nav-link.active{color:#000}.gi-pro-tab-nav .nav-link.active:after{background-color:#000;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.gi-description-block{padding:20px 0}.gi-description-detail img{height:auto;margin:10px 0;width:100%}.gi-review{border-bottom:1px solid #eee;padding:15px 0}.gi-review-top{flex-wrap:wrap}.gi-review-date{font-size:14px;margin-left:auto}.gi-review-bottom{color:#666;margin-top:10px}.gi-review-stats{background-color:#f9f9f9;border-radius:4px;margin-top:20px;padding:15px}.main-product-image{margin-bottom:15px;width:100%}.product-image-thumbnails{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.thumbnail-item{border:2px solid #ddd;border-radius:4px;cursor:pointer;height:80px;overflow:hidden;transition:all .3s ease;width:80px}.thumbnail-item:hover{border-color:#333;transform:scale(1.05)}.thumbnail-item.active{border-color:#333;box-shadow:0 2px 8px #0000001a}.thumbnail-item img{height:100%;object-fit:cover;width:100%}.gi-product-options{border-bottom:1px solid #eee;border-top:1px solid #eee;margin:20px 0;padding:20px 0}.gi-option-group{margin-bottom:20px}.gi-option-label{color:#333;font-weight:600;margin-bottom:10px}.gi-option-label .required{color:red;margin-left:3px}.gi-option-values{display:flex;flex-wrap:wrap;gap:10px}.gi-option-button{background:#fff;border:2px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;min-width:80px;padding:8px 16px;transition:all .3s ease}.gi-option-button:hover{background:#f5f5f5;border-color:#333}.gi-option-button.active{background:#333;border-color:#333;color:#fff}.gi-option-button:disabled{cursor:not-allowed;opacity:.5}.gi-variant-info{background:#f9f9f9;border-radius:4px;font-size:14px;margin:15px 0;padding:15px}.gi-variant-sku{font-weight:600;margin-bottom:8px}.gi-variant-price{font-size:15px;margin-bottom:5px}.gi-variant-price .additional-price-amount{color:#ff6b6b;font-weight:600;margin-left:5px}.gi-variant-stock{color:#666}.gi-single-ps-title.out-of-stock,.gi-variant-stock.out-of-stock{color:red;font-weight:600}.gi-btn-1.out-of-stock{cursor:not-allowed!important}.gi-btn-1.out-of-stock,.gi-btn-1.out-of-stock:hover{background-color:#ccc!important;border-color:#ccc!important}.level-price-label{align-items:center;display:flex;gap:8px;margin-bottom:8px}.level-badge{background:linear-gradient(45deg,#ff6b6b,#ff8787);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.discount-rate{color:#ff6b6b;font-size:16px;font-weight:700}.price-display{align-items:baseline;display:flex;gap:12px}.price-display .original-price{color:#999;font-size:18px;text-decoration:line-through}.price-display .level-price{color:#ff6b6b;font-size:24px;font-weight:700}.saved-amount{color:#52c41a;font-size:14px;margin-top:4px}@media only screen and (min-width:990px) and (max-width:1200px){.product-detail-container .col-lg-3{display:none!important}.product-detail-container .col-lg-6{flex:0 0 100%;max-width:100%}.product-detail-container .single-pro-inner .row{display:flex!important;flex-direction:row!important}.product-detail-container .single-pro-img{flex:0 0 50%;max-width:50%;padding-right:15px}.product-detail-container .single-pro-desc{flex:0 0 50%;max-width:50%;padding-left:15px}.product-detail-container .gi-pro-tab-nav{flex-wrap:wrap}.product-detail-container .gi-pro-tab-nav .nav-item{margin-bottom:10px}.product-detail-container .gi-description-detail p{width:100%}.product-detail-container .gi-single-price-stoke{margin-bottom:15px}.product-detail-container .gi-single-price{margin-bottom:5px}.product-detail-container .gi-single-qty{margin-top:20px}.product-detail-container .product-details-content{margin-top:0}}@media (max-width:768px){.product-detail-container{background:#f5f5f5;padding:0}.single-pro-block{background:#fff}.single-pro-inner .row{flex-direction:column;margin:0}.single-pro-img{margin:0;padding:0}.main-product-image,.single-product-scroll{background:#fff;width:100%}.main-product-image{margin:0;position:relative}.main-product-image img{aspect-ratio:1/1;height:auto;object-fit:cover;width:100%}.product-image-thumbnails{-webkit-overflow-scrolling:touch;background:#fff;display:flex;gap:8px;overflow-x:auto;padding:12px 16px;scrollbar-width:none}.product-image-thumbnails::-webkit-scrollbar{display:none}.thumbnail-item{border:2px solid #0000;border-radius:8px;flex-shrink:0;height:56px;overflow:hidden;transition:all .2s;width:56px}.thumbnail-item.active{border-color:#333}.single-pro-desc{background:#fff;padding:20px 16px 80px}.single-pro-content{padding:0}.gi-single-title{color:#1a1a1a;font-size:22px;font-weight:600;line-height:1.4;margin-bottom:8px}.gi-single-rating-wrap:empty{display:none}.gi-single-rating-wrap{margin-bottom:16px}.gi-single-price-stoke{background:#0000;margin-bottom:24px;padding:0}.gi-single-price{margin-bottom:0}.final-price{color:#1a1a1a;font-size:28px;font-weight:700}.price-display{align-items:baseline;flex-direction:row;gap:12px}.price-display .original-price{color:#999;font-size:18px}.price-display .level-price{color:#ff4757;font-size:28px;font-weight:700}.level-price-label{margin-bottom:12px}.level-badge{background:#ff4757;border-radius:4px;font-size:12px;font-weight:500;padding:4px 10px}.discount-rate{color:#ff4757;font-size:14px;font-weight:600}.gi-single-tags{background:#0000;border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;color:#666;font-size:14px;margin:0 0 20px;padding:12px 0}.gi-product-options{background:#0000;border-bottom:0;border-top:0;margin:0 0 24px;padding:0}.gi-option-group{margin-bottom:20px}.gi-option-label{color:#1a1a1a;font-size:14px;font-weight:600;margin-bottom:12px}.gi-option-values{display:flex;flex-wrap:wrap;gap:8px}.gi-option-button{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;font-size:14px;font-weight:500;min-width:80px;padding:12px 20px;transition:all .2s}.gi-option-button:active{transform:scale(.98)}.gi-option-button.active{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.gi-option-button:disabled{cursor:not-allowed;opacity:.4}.gi-variant-info{background:#f8f9fb;border-radius:8px;font-size:14px;margin:0 0 20px;padding:12px 16px}.gi-variant-info.mobile{font-size:13px;margin:12px 0 0;padding:10px 12px}.gi-variant-sku{color:#666;font-weight:500;margin-bottom:4px}.gi-variant-price{color:#ff4757;font-size:14px;font-weight:600}.mobile-bottom-button{background:#fff;border-top:1px solid #f0f0f0;bottom:0;left:0;padding:12px 16px;position:fixed;right:0;z-index:99}.show-purchase-button{align-items:center;background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;height:48px;justify-content:center;transition:all .2s;width:100%}.show-purchase-button:active{transform:scale(.98)}.show-purchase-button .price{font-weight:700}.mobile-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bottom-sheet-handle{align-items:center;background:#fff;border-radius:16px 16px 0 0;cursor:pointer;display:flex;height:20px;justify-content:center;left:0;position:absolute;right:0;top:-20px}.handle-bar{background:#ddd;border-radius:2px;height:4px;width:36px}.gi-single-qty{align-items:center;background:#fff;border-top:1px solid #f0f0f0;bottom:0;box-shadow:0 -2px 8px #0000000d;display:flex;gap:10px;left:0;padding:10px 16px;position:fixed;right:0;transition:transform .3s ease;z-index:100}.gi-single-qty.hidden{transform:translateY(100%)}.gi-single-qty.with-options{align-items:stretch;flex-direction:column;max-height:50vh;overflow-y:auto;padding:16px}.bottom-options{border-bottom:1px solid #f0f0f0;padding-bottom:12px}.bottom-options,.bottom-options .gi-option-group{margin-bottom:12px}.bottom-options .gi-option-group:last-child{margin-bottom:0}.bottom-options .gi-option-label{font-size:13px;margin-bottom:8px}.bottom-options .gi-option-values{gap:6px}.bottom-options .gi-option-button{font-size:13px;min-width:60px;padding:8px 16px}.purchase-container{display:flex;flex-direction:column;gap:12px;width:100%}

  /*!* 수량 선택 영역 *!*/.qty-plus-minus{display:flex;justify-content:flex-start;width:auto}.quantity-selector{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.qty-down,.qty-up,.quantity-selector{align-items:center;background:#fff;display:flex}.qty-down,.qty-up{border:none;color:#333;cursor:pointer;font-size:16px;height:36px;justify-content:center;transition:background .2s;width:36px}.qty-down:active,.qty-up:active{background:#f5f5f5}.qty-input{border:1px solid #e0e0e0;border-bottom:none;border-top:none;color:#1a1a1a;font-size:14px;font-weight:600;height:36px;text-align:center;width:40px}.gi-single-cart{margin:0;width:100%}.gi-single-cart .gi-btn-1{align-items:center;background:#1a1a1a;border:none;border-radius:6px;color:#fff;display:flex;flex-direction:row;font-size:16px;font-weight:600;gap:8px;height:44px;justify-content:center;padding:0 20px;transition:all .2s;white-space:nowrap;width:100%}.gi-single-cart .gi-btn-1>span{align-items:center!important;display:flex!important;flex-direction:row!important;gap:8px!important;justify-content:center!important;white-space:nowrap!important}.gi-single-cart .gi-btn-1:active{transform:scale(.98)}.gi-single-cart .gi-btn-1.out-of-stock{background-color:#e0e0e0!important;color:#999!important}.gi-pro-tab{background:#fff;margin-bottom:60px;margin-top:8px}.gi-pro-tab-nav{background:#fff;border-bottom:1px solid #f0f0f0;display:flex;margin:0;padding:0}.gi-pro-tab-nav .nav-item{flex:1 1;margin:0}.gi-pro-tab-nav .nav-link{border-bottom:2px solid #0000;color:#666;display:block;font-size:15px;font-weight:500;padding:16px 0;text-align:center;transition:all .3s}.gi-pro-tab-nav .nav-link.active{border-bottom-color:#1a1a1a;color:#1a1a1a}.gi-pro-tab-nav .nav-link.active:after{display:none}.gi-pro-tab-content{background:#fff;padding:20px 16px}.description-images img,.gi-description-detail img{display:block;height:auto;margin:12px 0;width:100%}.gi-review{background:#f8f9fb;border:none;border-radius:12px;margin-bottom:12px;padding:16px}.gi-review-top{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.gi-review-name{color:#1a1a1a;font-size:15px;font-weight:600}.gi-review-date{color:#999;font-size:13px;margin-left:auto}.gi-rating-star{display:flex;gap:2px}.gi-review-bottom{color:#333;font-size:14px;line-height:1.6}.gi-single-stoke{color:#666;font-size:13px;margin-top:8px}.gi-single-ps-title.out-of-stock{color:#ff4757;font-weight:600}.mobile-total-price{color:#1a1a1a;font-size:24px;font-weight:700;margin-bottom:15px;text-align:center}.gicon{color:gold;font-size:14px}.gi-star-o{color:#e0e0e0}}.gi-return-policy{padding:20px 0}.gi-policy-title{border-bottom:2px solid #333;color:#333;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:10px}.gi-policy-notice{background:#f9f9f9;border-radius:8px;margin-bottom:30px;padding:20px}.gi-policy-notice strong{color:#333;display:block;font-size:16px;font-weight:600;margin-bottom:10px}.gi-policy-notice p{color:#666;font-size:14px;line-height:1.6;margin:0}.gi-policy-table{border-bottom:2px solid #333;border-collapse:collapse;border-top:2px solid #333;width:100%}.gi-policy-table caption.blind{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.gi-policy-table th{background:#f5f5f5;color:#333;font-weight:600;text-align:left}.gi-policy-table td,.gi-policy-table th{border:1px solid #e0e0e0;font-size:14px;padding:15px;vertical-align:middle}.gi-policy-table td{color:#666;line-height:1.6}.gi-policy-note{color:#ff6b6b;font-size:13px;font-weight:500}.gi-policy-list{list-style:none;margin:0;padding:0}.gi-policy-list li{color:#666;font-size:14px;line-height:1.6;margin-bottom:12px;padding-left:24px;position:relative}.gi-policy-list li:last-child{margin-bottom:0}.gi-policy-num{color:#333;font-weight:600;left:0;position:absolute;top:0}@media (max-width:768px){.gi-return-policy{padding:0}.gi-policy-title{font-size:18px;margin-bottom:16px;padding-bottom:8px}.gi-policy-notice{border-radius:8px;margin-bottom:20px;padding:16px}.gi-policy-notice strong{font-size:15px;margin-bottom:8px}.gi-policy-notice p,.gi-policy-table{font-size:13px}.gi-policy-table th{white-space:nowrap}.gi-policy-table td,.gi-policy-table th{font-size:13px;padding:12px 10px}.gi-policy-list li{font-size:13px;margin-bottom:10px;padding-left:20px}.gi-policy-note{display:inline-block;font-size:12px;margin-left:4px}}.product-detail-editor-selected{border:2px solid #3498db;border-radius:4px;position:relative}.btn-wishlist{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:inline-flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.btn-wishlist.active,.btn-wishlist:hover{background-color:#fff5f5;border-color:#ff4757}.btn-wishlist.loading{cursor:not-allowed;opacity:.5}.btn-wishlist i{color:#999;font-size:20px;transition:color .3s ease}.btn-wishlist.active i,.btn-wishlist:hover i{color:#ff4757}.btn-wishlist i.text-danger{color:#ff4757!important}.btn-gift{align-items:center;background-color:#ff6b6b;border:1px solid #ff6b6b;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-height:44px;padding:12px 20px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btn-gift:focus,.btn-gift:hover{background-color:#ff5252;border-color:#ff5252;color:#fff}.btn-gift:focus{box-shadow:0 0 0 2px #ff6b6b33;outline:none}.btn-gift.out-of-stock{background-color:#ccc;border-color:#ccc;cursor:not-allowed;opacity:.6}.btn-gift.out-of-stock:hover{background-color:#ccc;border-color:#ccc;color:#fff}.btn-gift svg{flex-shrink:0;height:20px;width:20px}@media (max-width:768px){.btn-wishlist{height:48px;width:48px}.btn-wishlist i{font-size:22px}.btn-gift{font-size:13px;gap:6px;min-height:48px;padding:12px 16px}.btn-gift svg{height:18px;width:18px}}.cart-container{width:100%}.cart-row{margin:0 auto}.cart-empty,.cart-error,.cart-loading,.cart-login-required{padding:30px;text-align:center}.continue-shopping-button,.login-button,.retry-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin-top:15px;padding:8px 16px;text-decoration:none}.cart-page-title{font-weight:700;margin-bottom:20px}.cart-items-list{background-color:#f8f9fa;margin-bottom:30px}.cart-item{background-color:#fff}.cart-item:not(:last-child){border-bottom:1px solid #eee}.cart-item-inner{flex-direction:column;padding:15px}.cart-item-top{display:flex;margin-bottom:10px}.cart-item-image{height:80px;margin-right:15px;width:80px}.cart-item-image img{border-radius:4px}.cart-item-image-placeholder{background:#ccc;border-radius:4px;height:100%;width:100%}.cart-item-title{font-size:16px;font-weight:700;margin-bottom:5px}.cart-item-price{color:#666;margin-bottom:5px}.cart-item-options{color:#666;font-size:14px;margin:5px 0}.cart-item-options .option-item{display:inline-block;margin-right:5px}.variant-additional-price{color:#ff6b6b;font-size:14px;margin-left:8px}.level-price-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.level-badge-small{background:linear-gradient(45deg,#ff6b6b,#ff8787);border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.original-price-small{color:#999;font-size:13px;text-decoration:line-through}.level-price-small{color:#ff6b6b;font-weight:600}.arrow{color:#999;font-size:12px}.cart-item-stock{color:#666;font-size:12px;margin-bottom:5px}.cart-item-actions{align-items:center;border-top:1px solid #eee;display:flex;flex-direction:row;justify-content:space-between;padding-top:10px;width:100%}.cart-item-quantity{align-items:center;display:flex;width:auto}.cart-quantity-control{overflow:hidden}.quantity-decrease,.quantity-increase{background:none;border:none;cursor:pointer;font-size:18px;height:30px;width:30px}.quantity-display{margin:0 10px;min-width:20px;text-align:center}.cart-item-total{font-weight:700;min-width:100px}.cart-item-remove button{color:#999}.cart-summary{border:1px solid #eee;padding:20px}.summary-title{border-bottom:1px solid #eee;margin-bottom:15px}.summary-title h3{font-size:18px}.summary-item{margin-bottom:10px}.summary-total{border-top:1px solid #eee;font-size:16px;font-weight:700;margin-top:15px}.summary-action{margin-top:20px}.checkout-button{background-color:#3498db;padding:12px}.checkout-button:hover{background-color:#2980b9}.gift-checkout-button{align-items:center;background:linear-gradient(135deg,#640faf,#8a3bc9);border:none;border-radius:4px;box-shadow:0 2px 8px #640faf33;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;justify-content:center;margin-top:10px;padding:12px;text-align:center;transition:all .3s ease;width:100%}.gift-checkout-button:hover{background:linear-gradient(135deg,#7d1dd0,#9f4fd8);box-shadow:0 4px 12px #640faf4d;transform:translateY(-1px)}.checkout-component-wrapper *,.checkout-component-wrapper :after,.checkout-component-wrapper :before{box-sizing:border-box}.checkout-component-wrapper{box-sizing:border-box;margin:0;max-width:100%;overflow:hidden;padding:0;width:100%}.checkout-component-wrapper img,.checkout-component-wrapper svg{display:block;height:auto;max-width:100%}.checkout-container{box-sizing:border-box;margin:0 auto;max-width:600px;padding-bottom:120px;padding-left:0;padding-right:0;width:calc(100% - 32px)}.checkout-header-desktop{background-color:#fff;display:none;padding-bottom:24px;padding-top:16px}@media (min-width:1024px){.checkout-header-desktop{display:block}}.checkout-header-content{align-items:center;display:flex;justify-content:space-between}.checkout-title{font-size:24px;font-weight:700}.checkout-steps{flex-wrap:nowrap;justify-content:center;overflow-x:auto}.checkout-step,.checkout-steps{align-items:center;display:flex}.step-text{font-size:14px;font-weight:600}.step-text.inactive{color:#00000073}.step-text.active{color:#640faf}.step-arrow{color:#6b7280;flex-shrink:0;height:16px;margin:0 4px;width:16px}.checkout-content{box-sizing:border-box;display:flex;flex-direction:column;gap:16px;max-width:100%;width:100%}@media (max-width:1023px){.checkout-content{padding:0 16px}.checkout-container{padding-left:0;padding-right:0;width:100%}}.checkout-section{word-wrap:break-word;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:16px;width:100%}.section-header{box-sizing:border-box;margin-bottom:8px;width:100%}.section-title{font-size:16px;margin:0}@media (min-width:1024px){.section-title{font-size:20px}}.shipping-section{border-bottom:1px solid #e8e8e8;padding:20px}.shipping-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.shipping-header .section-title{margin:0}.btn-change-shipping{background:#fff;border:1px solid #640faf;border-radius:4px;color:#640faf;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-change-shipping:hover{background:#640faf;color:#fff}.empty-shipping{align-items:center;color:#666;display:flex;font-size:14px;gap:4px}.empty-shipping .emphasis-input{color:red;font-weight:700}.empty-shipping .blind{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.empty-shipping .first-order{font-weight:400}.shipping-details{display:flex;flex-direction:column;gap:8px}.shipping-details p{color:#333;font-size:14px;line-height:1.5;margin:0}.receiver-name{color:#000;font-weight:600}.receiver-phone{color:#666}.receiver-address,.receiver-address-detail{color:#333}.delivery-request-text{border-top:1px solid #f0f0f0;color:#666;font-size:13px;padding-top:8px}.section-title-wrapper{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.section-action-btn{background:#fff;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 16px;transition:background-color .2s}@media (min-width:1024px){.section-action-btn{font-size:14px;padding:8px 16px}}.section-action-btn:hover{background-color:#0000000d}.info-btn{align-items:center;background-color:#6b7280;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:10px;height:16px;justify-content:center;min-width:16px;width:16px}.checkout-items{margin-bottom:16px}.checkout-item{align-items:center;display:flex;gap:12px;margin-bottom:12px}.item-image-wrapper{background-color:#0000000d;border-radius:4px;flex-shrink:0;height:50px;overflow:hidden;width:50px}.item-image{height:100%;object-fit:cover;width:100%}.item-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.item-name{line-height:1.4;margin:0}.item-options{color:#6b7280;margin:0}.discount-summary{align-items:center;display:flex;gap:8px}.discount-label{font-size:14px;font-weight:600}@media (min-width:1024px){.discount-label{font-size:16px}}.discount-amount{color:red;font-weight:700}@media (min-width:1024px){.discount-amount{font-size:18px}}.point-section{margin-top:8px}.point-row{align-items:center;display:flex;gap:12px}.checkbox-label{display:inline-flex;margin-right:4px;position:relative}.checkbox-input{cursor:pointer;opacity:0;position:absolute}.checkbox-box{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;display:flex;height:18px;justify-content:center;transition:all .2s;width:18px}.checkbox-label:hover .checkbox-box{border-color:#640faf}.checkbox-input:checked~.checkbox-box{background-color:#640faf;border-color:#640faf}.checkbox-input:checked~.checkbox-box:after{color:#fff;content:"✓";font-size:12px}.checkbox-text{color:#000;font-size:14px;margin-right:auto;white-space:nowrap}.checkbox-label:hover .checkbox-text{color:#000}.point-input-wrapper{align-items:center;display:flex;gap:4px;margin-left:auto}.point-input{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:4px;font-size:14px;height:30px;outline:none;padding:0 8px;text-align:right;width:100px}.point-input:focus{border-color:#640faf}.point-input:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.point-unit{color:#374151;font-size:14px;font-weight:600}.promotion-link{align-items:center;background:none;border:none;color:#000;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;margin:0;padding:0}@media (min-width:1024px){.promotion-link{font-size:14px}}.promotion-link:hover{text-decoration:underline}.arrow-icon{fill:currentColor;flex-shrink:0;height:16px;width:16px}.payment-notice{align-items:flex-start;box-sizing:border-box;display:flex;gap:8px;margin-bottom:8px;width:100%}.notice-badge{color:red;flex-shrink:0;font-size:12px;font-weight:700}@media (min-width:1024px){.notice-badge{font-size:14px}}.notice-text{color:red;flex:1 1;font-size:12px;line-height:1.4;word-break:break-word}@media (min-width:1024px){.notice-text{font-size:14px}}.payment-primary{margin-bottom:12px}.payment-btn-primary{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;min-height:48px;min-width:0;overflow:hidden;padding:12px;text-align:center;transition:all .2s;width:100%}.payment-btn-primary.selected{border-color:#640faf;color:#640faf;font-weight:700}.payment-icon{height:20px;max-height:20px;max-width:100%;object-fit:contain;width:auto}.payment-methods-two-column{grid-gap:12px;box-sizing:border-box;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px;width:100%}.payment-method-main-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:20px;position:relative;transition:all .2s ease}.payment-method-main-btn:hover{background-color:#640faf05;border-color:#640faf;box-shadow:0 4px 12px #640faf26;transform:translateY(-2px)}.payment-method-main-btn.selected{background:linear-gradient(135deg,#640faf0d,#640faf05);border-color:#640faf;box-shadow:0 4px 16px #640faf33}.payment-icon-svg{fill:#666;height:32px;margin-bottom:8px;width:32px}.payment-method-main-btn.selected .payment-icon-svg{fill:#640faf}.payment-method-main-btn span{color:#333;font-size:14px;font-weight:600}.payment-method-main-btn.selected span{color:#640faf}.payment-method-main-btn:before{background-color:#fff;border:2px solid #e5e7eb;border-radius:50%;content:"";height:20px;position:absolute;right:12px;top:12px;transition:all .2s ease;width:20px}.payment-method-main-btn.selected:before{background-color:#640faf;border-color:#640faf}.payment-method-main-btn.selected:after{color:#fff;content:"✓";font-size:12px;font-weight:700;position:absolute;right:16px;top:14px}.add-icon{fill:#6b7280;display:block;height:32px;max-width:32px;width:32px}@media (max-width:768px){.payment-methods-two-column{gap:10px;grid-template-columns:1fr}.payment-method-main-btn{flex-direction:row;min-height:80px;padding:16px}.payment-icon-svg{height:28px;margin-bottom:0;margin-right:12px;width:28px}}.bank-transfer-info{margin-bottom:20px}.bank-info-card h4{font-weight:600}.bank-info-notice{color:#0c5460!important;font-size:13px!important;margin-top:15px!important}.payment-methods-grid{grid-gap:8px;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px;width:100%}.payment-method-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;font-size:12px;justify-content:center;min-height:48px;min-width:0;overflow:hidden;padding:12px;text-align:center;transition:all .2s;width:100%}.payment-method-btn span{font-size:12px;line-height:1}@media (min-width:1024px){.payment-method-btn{font-size:14px}}.payment-method-btn:hover{background-color:#0000000d}.payment-method-btn.selected{background-color:#640faf0d;border-color:#640faf}.payment-method-icon{height:20px;max-height:20px;max-width:100%;object-fit:contain;width:auto}.payment-method-icon-sm{height:16px;max-height:16px;max-width:100%;object-fit:contain;width:auto}.card-select-wrapper{margin-top:8px}.card-select-btn{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:12px;text-align:left;transition:background-color .2s;width:100%}.card-select-btn:hover{background-color:#0000000d}.card-select-text{color:#6b7280;font-size:14px}.dropdown-icon{color:#6b7280;flex-shrink:0;height:16px;max-width:16px;width:16px}.payment-amount-section{background-color:#fff}.payment-summary{margin-top:12px}.summary-item{align-items:center;font-size:14px}.summary-label{color:#374151}.summary-label,.summary-value{font-size:14px;font-weight:400}.summary-value{color:#111827}.summary-divider{background-color:#e5e7eb;height:1px;margin:8px 0}.summary-total-row{padding:16px 0 8px;text-align:right}.total-amount-wrapper{align-items:baseline;display:inline-flex;gap:2px}.total-amount{color:#111827;font-size:24px;font-weight:700}@media (min-width:1024px){.total-amount{font-size:28px}}.total-unit{color:#111827;font-size:16px;font-weight:400}.terms-section{margin:32px 0}.terms-agree-header{margin-bottom:12px}.terms-agree-label{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:600;position:relative}.terms-checkbox-input{cursor:pointer;opacity:0;position:absolute}.terms-checkbox-box{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-right:8px;transition:all .2s;width:18px}.terms-agree-label:hover .terms-checkbox-box{border-color:#640faf}.terms-checkbox-input:checked~.terms-checkbox-box{background-color:#640faf;border-color:#640faf}.terms-checkbox-input:checked~.terms-checkbox-box:after{color:#fff;content:"✓";font-size:12px}.terms-agree-text{color:#111827;font-size:14px;font-weight:600}.terms-box{border:1px solid #e5e7eb;border-radius:4px}.terms-toggle-btn{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.terms-toggle-btn:hover{background-color:#00000005}.terms-text-wrapper{align-items:center;display:flex;gap:4px}.terms-text{font-size:14px}.terms-required{color:red;font-size:14px}.terms-arrow{color:#6b7280;flex-shrink:0;height:20px;max-width:20px;transition:transform .2s;width:20px}.terms-arrow.rotate{transform:rotate(180deg)}.terms-detail{border-top:1px solid #e5e7eb;color:#6b7280;font-size:14px;padding:16px}.checkout-footer{margin-top:16px}.checkout-btn{background-color:#640faf;border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:16px 24px;transition:background-color .2s;width:100%}.checkout-btn:hover:not(:disabled){background-color:#4a0b83}.checkout-btn:disabled{background-color:#6b7280;cursor:not-allowed;opacity:.5}.modal-overlay{background:#00000080;z-index:9999}.modal-content{background:#fff;box-shadow:0 10px 40px #00000026;max-width:500px;width:90%}.address-modal{max-width:600px}.modal-header{border-bottom:1px solid #e8e8e8;padding:20px}.modal-title{color:#333;font-size:18px;font-weight:600;margin:0}.modal-close-btn{color:#999;padding:4px;transition:color .2s}.modal-close-btn:hover{color:#333}.modal-body{padding:20px}.address-form{gap:20px}.address-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{color:#333;font-size:14px;font-weight:500}.form-label .required{color:red;margin-left:2px}.form-input{border:1px solid #e0e0e0;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s}.form-input:focus{border-color:#640faf;outline:none}.form-input:read-only{background-color:#f8f8f8;cursor:not-allowed}.address-input-group{display:flex;gap:8px}.zipcode-input{flex:1 1}.btn-search-address{background:#640faf;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s;white-space:nowrap}.btn-search-address:hover{background:#7d1dd0}.address-basic,.address-detail{margin-top:8px;width:100%}.entrance-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:8px}.radio-label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px}.radio-label input[type=radio]{cursor:pointer;height:16px;width:16px}.radio-text{-webkit-user-select:none;user-select:none}.entrance-detail{width:100%}.checkbox-label{align-items:center;color:#333;cursor:pointer;display:flex;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.checkbox-text{-webkit-user-select:none;user-select:none}.modal-footer{border-top:1px solid #e8e8e8;gap:8px;padding:20px}.btn-cancel{border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.btn-cancel:hover{background:#f8f8f8}.btn-save{background:#640faf;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background .2s}.btn-save:hover{background:#7d1dd0}.gift-recipient-section{background-color:#fff;border-radius:.5rem;margin-bottom:1rem;padding:1.5rem}.gift-recipient-form{margin-top:1rem}.gift-recipient-form .form-group{margin-bottom:1.5rem}.gift-recipient-form .form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.gift-recipient-form .required{color:#ef4444;margin-left:.25rem}.gift-recipient-form .form-input,.gift-recipient-form .form-textarea{border:1px solid #e5e7eb;border-radius:.25rem;box-sizing:border-box;font-size:.875rem;padding:.75rem;transition:border-color .2s;width:100%}.gift-recipient-form .form-input:focus,.gift-recipient-form .form-textarea:focus{border-color:#640faf;outline:none}.gift-recipient-form .form-textarea{font-family:inherit;line-height:1.5;resize:vertical}.gift-recipient-form .form-helper-text{color:#9ca3af;font-size:.75rem;margin-top:.25rem;text-align:right}.gift-notice{background-color:#640faf0d;border:1px solid #640faf1a;border-radius:.5rem;margin-top:1.5rem;padding:1rem}.gift-notice .notice-text{align-items:center;color:#640faf;display:flex;font-size:.875rem;gap:.5rem;margin:0}.gift-notice .notice-icon{flex-shrink:0}.gift-input-tabs{border:1px solid #e5e7eb;border-radius:.5rem;display:flex;gap:0;margin-bottom:1.5rem;overflow:hidden}.gift-tab{background-color:#f9fafb;border:none;color:#6b7280;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.75rem 1rem;position:relative;transition:all .2s}.gift-tab:not(:last-child):after{background-color:#e5e7eb;content:"";height:60%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.gift-tab:hover{background-color:#f3f4f6;color:#374151}.gift-tab.active{background-color:#640faf;color:#fff;font-weight:600}.gift-tab.active+.gift-tab:after,.gift-tab.active:after{display:none}.gift-receive-wrapper *,.gift-receive-wrapper :after,.gift-receive-wrapper :before{box-sizing:border-box}.gift-receive-wrapper{background-color:#f9fafb;box-sizing:border-box;margin:0;max-width:100%;min-height:100vh;overflow:hidden;padding:0;width:100%}.gift-receive-container{box-sizing:border-box;margin:0 auto;max-width:600px;padding:40px 0 120px;width:calc(100% - 32px)}@media (max-width:1023px){.gift-receive-container{padding:20px 16px 100px;width:100%}}.gift-header{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:32px;padding:24px;text-align:center}.gift-title{color:#111;font-size:28px;font-weight:700;margin:0 0 12px}.gift-subtitle{color:#6b7280;font-size:16px;margin:0 0 16px}.gift-timer{background-color:#fef3c7;border-radius:20px;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px}.gift-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:20px}.section-title{color:#111;font-size:18px;margin:0 0 16px}.gift-message{background-color:#f9fafb;border-radius:8px;color:#374151;font-size:15px;line-height:1.6;padding:16px;white-space:pre-wrap}.gift-items{margin-bottom:20px}.gift-item{border-bottom:1px solid #f3f4f6;display:flex;gap:16px;padding:16px 0}.gift-item:last-child{border-bottom:none}.gift-item-image{border-radius:8px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.gift-item-info{flex:1 1}.gift-item-title{color:#111;font-size:15px;font-weight:600;margin:0 0 8px}.gift-item-quantity{color:#6b7280;font-size:14px;margin:0 0 4px}.gift-item-price{color:#111;font-size:16px;font-weight:700;margin:0}.gift-total{align-items:center;border-top:2px solid #111;display:flex;font-size:16px;font-weight:600;justify-content:space-between;padding-top:16px}.gift-total-amount{font-size:20px;font-weight:700}.gift-section .form-group{margin-bottom:20px}.gift-section .form-label{color:#111;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.gift-section .required{color:#ef4444;margin-left:4px}.gift-section .form-input{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.gift-section .form-input:focus{border-color:#640faf;outline:none}.gift-section .form-input:disabled{background-color:#f9fafb;color:#9ca3af}.gift-section .address-input-group{display:flex;gap:8px;margin-bottom:8px}.gift-section .zipcode-input{flex:1 1}.gift-section .btn-search-address{background-color:#640faf;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:background-color .2s;white-space:nowrap}.gift-section .btn-search-address:hover{background-color:#5a0d9c}.gift-section .address-basic,.gift-section .address-detail{margin-bottom:8px}.gift-section .address-detail{margin-bottom:0}.gift-section .entrance-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:12px}@media (max-width:640px){.gift-section .entrance-options{grid-template-columns:1fr}}.gift-section .radio-label{align-items:center;cursor:pointer;display:flex}.gift-section .radio-label input[type=radio]{margin-right:8px}.gift-section .radio-text{color:#374151;font-size:14px}.gift-section .entrance-detail{margin-top:8px}.gift-actions{display:flex;gap:12px;margin-top:32px}.btn-gift-back,.btn-gift-confirm,.btn-gift-reject{border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:16px;transition:all .2s}.btn-gift-confirm{background-color:#640faf;border:none;color:#fff}.btn-gift-confirm:hover:not(:disabled){background-color:#5a0d9c}.btn-gift-confirm:disabled{cursor:not-allowed;opacity:.5}.btn-gift-back,.btn-gift-reject{background-color:#fff;border:1px solid #e5e7eb;color:#374151}.btn-gift-back:hover:not(:disabled),.btn-gift-reject:hover:not(:disabled){background-color:#f9fafb}.gift-status-message{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:60px 20px;text-align:center}.gift-status-message h2{color:#111;font-size:24px;font-weight:700;margin:0 0 16px}.gift-status-message p{color:#6b7280;font-size:16px;margin:0 0 8px}.gift-status-message.success h2{color:#10b981}.gift-loading{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#640faf;height:48px;margin-bottom:16px;width:48px}.gift-loading p{color:#6b7280;font-size:16px;margin:0}.gift-error{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:60px 20px;text-align:center}.gift-error h2{color:#ef4444;font-size:24px;font-weight:700;margin:0 0 16px}.gift-error p{color:#6b7280;font-size:16px;margin:0}.gift-error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;margin-top:16px;padding:12px;text-align:center}.address-search-popup-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.address-search-popup{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.address-search-header{align-items:center;border-bottom:1px solid #e1e1e1;display:flex;justify-content:space-between;padding:15px 20px;position:relative}.address-search-header h3{font-size:18px;font-weight:600;margin:0}.close-button{background:#fff;border:1px solid #e1e1e1;font-size:20px;font-weight:400;height:32px;line-height:30px;margin:0;padding:0;right:10px;text-align:center;top:10px;width:32px;z-index:10}.close-button:hover{background-color:#333;border-color:#333;color:#fff}.address-search-content{flex:1 1;overflow-y:auto;padding:20px}.address-search-form{margin-bottom:20px}.search-input-group{display:flex;margin-bottom:10px}.address-search-input{border:1px solid #ddd;border-radius:4px 0 0 4px;flex:1 1;font-size:14px;padding:10px 15px}.address-search-button{background-color:#333;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;padding:0 20px;transition:background-color .3s}.address-search-button:hover{background-color:#000}.search-tip{color:#777;font-size:12px;margin:5px 0 0}.address-error,.address-loading,.no-results{color:#666;padding:20px 0;text-align:center}.address-error{color:#e74c3c}.address-results-list{list-style-type:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.address-result-item{border-bottom:1px solid #eee;cursor:pointer;padding:15px;transition:background-color .2s}.address-result-item:hover{background-color:#f9f9f9}.address-result-item:last-child{border-bottom:none}.address-info p{font-size:14px;line-height:1.4;margin:5px 0}.address-road{font-weight:500}@media (max-width:768px){.address-search-popup{max-height:90vh;width:95%}}.coupon-modal-overlay{inset:0;padding:1rem;z-index:50}.coupon-modal-content{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;max-height:550px;max-width:28rem;width:100%}.coupon-modal-header{border-bottom:1px solid #e5e7eb;padding:1rem}.coupon-modal-title{font-size:1.125rem;font-weight:600;margin:0}.coupon-modal-close{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:0;transition:color .2s}.coupon-modal-close:hover{color:#000}.coupon-modal-close svg{height:24px;width:24px}.coupon-modal-body{padding:1rem}.coupon-loading{color:#6b7280;padding:2rem}.order-summary-section{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1.5rem}.section-subtitle{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 1rem}.order-items{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.order-item{gap:.75rem}.order-item-info{display:flex;gap:.75rem;width:100%}.order-item-image{background-color:#f3f4f6;border-radius:.25rem;flex-shrink:0;height:50px;width:50px}.order-item-image img{height:100%;width:100%}.order-item-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.order-item-name{color:#1f2937;font-size:.875rem;font-weight:500;margin:0}.order-item-options{color:#6b7280;font-size:.75rem;margin:0}.order-item-price{color:#1f2937;font-size:.875rem;font-weight:600;margin:0}.order-total{align-items:center;border-top:1px solid #e5e7eb;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding-top:1rem}.total-price{color:#640faf;font-size:1.125rem}.coupons-section{margin-bottom:1.5rem}.coupon-list{gap:.75rem}.no-coupons{color:#6b7280;font-size:.875rem;padding:2rem}.coupon-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s}.coupon-card:hover{background-color:#640faf05;border-color:#640faf}.coupon-card.selected{background-color:#640faf0d;border-color:#640faf}.coupon-card.disabled{cursor:not-allowed;opacity:.5}.coupon-card.disabled:hover{background-color:#fff;border-color:#e5e7eb}.coupon-checkbox{align-items:center;display:flex}.coupon-checkbox input[type=checkbox]{accent-color:#640faf;height:18px;width:18px}.coupon-content{flex:1 1}.coupon-name{color:#1f2937;font-size:.875rem;margin:0 0 .25rem}.coupon-discount{color:#640faf;font-size:1rem;font-weight:700;margin:0 0 .25rem}.coupon-max,.coupon-min{color:#6b7280;font-size:.75rem;margin:0 0 .25rem}.coupon-min.error{color:#ef4444}.coupon-expiry{color:#9ca3af;font-size:.75rem;margin:0}.coupon-summary{background-color:#f9fafb;border-radius:.25rem;margin-top:1rem;padding:1rem}.coupon-summary-row{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.coupon-summary-row.discount{color:#640faf}.coupon-summary-row.total{border-top:1px solid #e5e7eb;font-size:1rem;font-weight:700;margin-top:.5rem;padding-top:1rem}.discount-amount{color:#640faf}.final-amount{font-size:1.125rem}.coupon-modal-footer{border-top:1px solid #e5e7eb;padding:1rem}.coupon-apply-btn{background-color:#640faf;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:background-color .2s;width:100%}.coupon-apply-btn:hover{background-color:#640fafe6}.coupon-apply-btn:disabled{cursor:not-allowed;opacity:.5}.checkout-editor-wrapper{background-color:#f5f5f5;min-height:500px;padding:20px;width:100%}.checkout-editor-wrapper .checkout-container{max-height:800px;overflow-y:auto}.checkout-editor-wrapper .checkout-btn{cursor:not-allowed;opacity:.8}.coupon-component{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.hover\:bg-border\/25:hover{background-color:#e5e7eb40}button[disabled]{cursor:not-allowed;opacity:.6}a,a:hover{text-decoration:none}.payment-component-wrapper{padding:40px 0}.payment-title{font-size:28px;font-weight:700;margin-bottom:30px;text-align:center}.form-section-title{font-size:20px;padding-bottom:10px}.payment-form-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000000d;margin-bottom:30px;padding:25px}.payment-form .form-group{margin-bottom:20px}.payment-form label{display:block;font-weight:500;margin-bottom:5px}.payment-form .required{color:#e74c3c}.payment-form .form-control{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 15px;width:100%}.zipcode-group{gap:10px}.zipcode-group input{flex:1 1}.search-zipcode-btn{background-color:#f0f0f0;border:1px solid #ddd;padding:10px 15px;white-space:nowrap}.payment-methods-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:30px}.payment-method-card{border:1px solid #e1e1e1;border-radius:8px;cursor:pointer;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.payment-method-card:hover{border-color:#bbb;box-shadow:0 2px 8px #00000014}.payment-method-card.selected{background-color:#f9f9f9;border-color:#333;box-shadow:0 2px 12px #0000001a}.payment-method-input{cursor:pointer;opacity:0;position:absolute}.payment-method-label{align-items:center;cursor:pointer;display:flex;padding:20px;width:100%}.payment-method-icon{align-items:center;color:#333;display:flex;height:32px;justify-content:center;margin-right:15px;width:32px}.payment-method-card.selected .payment-method-icon{color:#000}.payment-method-icon svg{height:100%;width:100%}.payment-method-info{display:flex;flex-direction:column}.payment-method-name{font-size:15px;font-weight:600;margin-bottom:4px}.payment-method-desc{color:#666;font-size:12px}.payment-method-card.selected .payment-method-name{color:#000}.payment-method-card:before{background-color:initial;border-radius:50%;content:"";height:0;position:absolute;right:12px;top:12px;transition:all .3s ease;width:0}.payment-method-card.selected:before{background-color:#333;content:"";height:8px;width:8px}.payment-button-container{margin-top:30px;text-align:center}.payment-button{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:15px 30px;transition:background-color .3s;width:100%}.payment-button:hover{background-color:#000}.order-summary{background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000000d;height:100%;padding:25px}.summary-title{font-size:20px;font-weight:600;padding-bottom:10px}.order-totals{border-top:1px solid #e1e1e1;margin-top:20px;padding-top:15px}.order-total-item{display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.grand-total{border-top:1px solid #e1e1e1;font-size:16px;font-weight:700;margin-top:15px;padding-top:15px}.free-shipping-guide{color:#888;display:block;font-size:12px;margin-top:3px}.payment-empty,.payment-loading,.payment-login-required{padding:50px 0}.continue-shopping-button,.login-button{background-color:#333;border-radius:4px;margin-top:15px;padding:10px 20px}.continue-shopping-button:hover,.login-button:hover{background-color:#000}@media (max-width:991px){.order-summary{margin-top:30px}}@media (max-width:767px){.payment-methods,.zipcode-group{flex-direction:column}.payment-methods{gap:10px}}@media (max-width:768px){.payment-methods-container{grid-template-columns:1fr}.payment-method-card{margin-bottom:10px}}.payment-methods{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.payment-method{align-items:center;display:flex;margin-right:20px}.payment-method input[type=radio]{margin-right:5px}.coupon-selection-container{background-color:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px}.coupon-select-wrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.coupon-info{flex:1 1}.selected-coupon{align-items:center;display:flex;gap:15px}.coupon-name{color:#333;font-weight:600}.coupon-discount{border-radius:20px;color:#fff;font-size:13px;font-weight:500}.no-coupon-selected{color:#666;font-size:14px}.coupon-select-btn{background-color:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.coupon-select-btn:hover{background-color:#f8f9fa;border-color:#999}.coupon-discount-info{align-items:center;border-top:1px dashed #ddd;display:flex;font-size:14px;justify-content:space-between;padding-top:15px}.discount-amount{color:#ff6b6b;font-size:16px;font-weight:600}.coupon-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.coupon-modal{background-color:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.coupon-modal-header{align-items:center;border-bottom:1px solid #e1e1e1;display:flex;justify-content:space-between;padding:20px}.coupon-modal-header h3{font-size:18px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;line-height:1;padding:0;width:30px}.close-btn:hover{color:#333}.coupon-modal-body{flex:1 1;overflow-y:auto;padding:20px}.coupon-loading{color:#666;padding:40px;text-align:center}.coupon-list{display:flex;flex-direction:column;gap:12px}.coupon-item{background-color:#fff;border:1px solid #e1e1e1;border-radius:8px;cursor:pointer;padding:16px;transition:all .3s ease}.coupon-item:hover:not(.disabled){border-color:#999;box-shadow:0 2px 8px #00000014}.coupon-item.selected{background-color:#f0f8ff;border-color:#333;box-shadow:0 2px 12px #0000001a}.coupon-item.disabled{background-color:#f9f9f9;cursor:not-allowed;opacity:.6}.coupon-item-content{display:flex;flex-direction:column;gap:10px}.coupon-item-header{align-items:flex-start;display:flex;justify-content:space-between}.coupon-item-name{color:#333;font-size:15px;font-weight:600}.coupon-item-code{color:#999;font-family:monospace;font-size:11px}.coupon-item-info{align-items:center;display:flex;gap:12px}.coupon-item-discount{background-color:#ff6b6b;border-radius:4px;color:#fff;font-size:13px;font-weight:500;padding:3px 8px}.coupon-item-max{color:#666;font-size:12px}.coupon-item-conditions{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.coupon-condition{color:#28a745}.coupon-condition.not-met{color:#dc3545}.coupon-expiry{color:#666}.coupon-item-preview{align-items:center;border-top:1px dashed #e1e1e1;display:flex;justify-content:space-between;padding-top:10px}.preview-label{color:#666;font-size:13px}.preview-amount{color:#ff6b6b;font-size:15px;font-weight:600}.coupon-item-disabled-reason{color:#dc3545;font-size:12px;font-style:italic;margin-top:5px}.no-coupons{color:#999;padding:40px;text-align:center}.coupon-discount-row{color:#ff6b6b}.coupon-name-small{color:#666;font-size:12px;margin-left:5px}.discount-value{align-items:center;color:#ff6b6b;display:flex;font-weight:600;justify-content:flex-end;min-width:80px;white-space:nowrap}.asset-payment-section{background-color:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px}.asset-payment-container{display:flex;flex-direction:column;gap:20px}.asset-payment-item{background-color:#fff;border:1px solid #e1e1e1;border-radius:8px;padding:16px;transition:all .3s ease}.asset-payment-item:hover{border-color:#999;box-shadow:0 2px 8px #0000000d}.asset-info{margin-bottom:15px}.asset-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.asset-name{color:#333;font-size:15px;font-weight:600}.asset-balance{background-color:#e7f5ff;border-radius:20px;color:#1864ab;font-size:13px;font-weight:500;padding:4px 10px}.asset-limits{color:#666;display:flex;flex-wrap:wrap;font-size:12px;gap:15px}.limit-item{gap:4px}.asset-input-group,.limit-item{align-items:center;display:flex}.asset-input-group{gap:10px}.asset-amount-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;padding:10px 15px;text-align:right}.asset-amount-input:focus{border-color:#1864ab;box-shadow:0 0 0 2px #1864ab1a;outline:none}.use-max-btn{background-color:#1864ab;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.use-max-btn:hover{background-color:#1451a3}.asset-usage-info{border-top:1px dashed #e1e1e1;margin-top:10px;padding-top:10px}.usage-amount{color:#1864ab;font-size:14px;font-weight:500}.total-asset-usage{align-items:center;background-color:#fff4e6;border:1px solid #ffd8a8;border-radius:8px;display:flex;font-size:15px;font-weight:500;justify-content:space-between;padding:15px}.usage-total{color:#d9480f;font-size:16px;font-weight:600}.bank-transfer-info{margin-top:20px}.bank-info-card{background-color:#f0f8ff;border:1px solid #b8daff;border-radius:8px;padding:20px}.bank-info-card h4{color:#004085;font-size:16px;margin-bottom:15px;margin-top:0}.bank-info-card p{color:#004085;font-size:14px;margin:8px 0}.bank-info-card strong{font-weight:600;margin-right:8px}.bank-info-notice{border-top:1px dashed #b8daff;color:#0c5460;font-size:13px;font-style:italic;margin-top:15px;padding-top:15px}.no-payment-methods{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:20px;text-align:center}.no-payment-methods p{color:#856404;font-size:14px;margin:0}.asset-discount-row{color:#d9480f}.asset-discount-row .discount-value{color:#d9480f;font-weight:600}.gift-icon{font-size:24px;margin-right:8px;vertical-align:middle}.gift-recipient-notice{background-color:#fff3e0;border:1px solid #ffcc80;border-radius:8px;margin-bottom:25px;padding:15px}.gift-recipient-notice p{color:#e65100;font-size:14px;line-height:1.6;margin:5px 0}.gift-recipient-notice p:first-child{font-weight:600}.gift-message-textarea{font-family:inherit;min-height:100px;resize:vertical}.message-length{color:#999;font-size:12px;margin-top:5px;text-align:right}.gift-process-info{background-color:#e3f2fd;border:1px solid #90caf9;border-radius:8px;margin-top:30px;padding:20px}.gift-process-info h4{color:#1565c0;font-size:16px;font-weight:600;margin-bottom:15px;margin-top:0}.gift-process-info ol{color:#1976d2;margin:0;padding-left:20px}.gift-process-info li{font-size:14px;line-height:1.6;margin:8px 0}.gift-process-info li::marker{font-weight:600}.order-summary .gift-badge{background:linear-gradient(45deg,#ff6b6b,#ff8787);border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px;vertical-align:middle}.gift-shipping-notice{color:#ff9800;font-size:13px;font-style:italic}@media (max-width:768px){.coupon-select-wrapper{flex-direction:column;gap:10px}.coupon-select-btn{width:100%}.coupon-modal{max-height:90vh;width:95%}.asset-input-group{flex-direction:column}.use-max-btn{width:100%}.asset-header{align-items:flex-start;flex-direction:column;gap:8px}}.virtual-bank-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.virtual-bank-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:60vh;max-width:380px;overflow:hidden;position:relative;width:90%}.virtual-bank-modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.virtual-bank-modal-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0}.virtual-bank-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;padding:4px;transition:all .2s;width:28px}.virtual-bank-close-btn:hover{background-color:#e5e7eb;color:#374151}.virtual-bank-modal-body{flex:1 1;overflow-y:auto;padding:14px 16px}.virtual-bank-info{text-align:left}.virtual-bank-account{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:12px;padding:12px}.virtual-bank-detail{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.virtual-bank-detail:last-child{margin-bottom:0}.virtual-bank-label{color:#64748b;font-weight:500;min-width:70px}.virtual-bank-value{color:#1e293b;font-weight:600;text-align:right}.virtual-bank-amount{color:#dc2626;font-size:15px}.virtual-bank-notice{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin-bottom:12px;padding:10px}.virtual-bank-notice p{color:#856404;font-size:12px;line-height:1.4;margin:0 0 6px}.virtual-bank-notice p:last-child{margin-bottom:0}.virtual-bank-breakdown{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.virtual-bank-breakdown h4{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 10px}.virtual-bank-breakdown-content{color:#4b5563;font-size:12px;line-height:1.4;max-height:80px;overflow-y:auto}.virtual-bank-modal-actions{border-top:1px solid #e5e7eb;display:flex;justify-content:center;margin-top:12px;padding-top:10px}.virtual-bank-btn-confirm{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 28px;transition:background-color .2s}.virtual-bank-btn-confirm:hover{background-color:#2563eb}@media (max-width:640px){.virtual-bank-modal{max-height:70vh;max-width:95%;width:95%}.virtual-bank-modal-header{padding:10px 14px}.virtual-bank-modal-body{padding:12px 14px}.virtual-bank-detail{align-items:flex-start;flex-direction:column;gap:3px}.virtual-bank-value{text-align:left}}.payment-result-container{padding:40px 20px}.payment-fail-wrapper,.payment-result-container,.payment-success-wrapper{background-color:initial;flex-direction:column;min-height:60vh;width:100%}.payment-fail-wrapper,.payment-success-wrapper{align-items:center;display:flex;justify-content:center;padding:40px 0}.placed-component .payment-fail-wrapper,.placed-component .payment-success-wrapper,div[id^=component-] .payment-fail-wrapper,div[id^=component-] .payment-success-wrapper{height:auto!important;min-height:60vh!important}.payment-action-buttons{align-items:center;flex-wrap:wrap;gap:20px;margin-left:auto;margin-right:auto;max-width:460px;width:100%}.payment-action-buttons button{flex:1 1 40%;margin:0;max-width:calc(50% - 10px);min-width:120px}.button-wrapper{display:flex;flex:1 1;max-width:calc(50% - 10px);min-width:120px}.continue-shopping-button,.go-home-button,.view-cart-button,.view-orders-button{align-items:center;border-radius:4px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:15px;font-weight:600;height:46px;justify-content:center;letter-spacing:.5px;margin:0;overflow:hidden;padding:12px 20px;text-align:center;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap;width:100%}.view-cart-button,.view-orders-button{background-color:#3f51b5;border:1px solid #3f51b5;color:#fff}.view-cart-button:hover,.view-orders-button:hover{background-color:#303f9f;border-color:#303f9f;box-shadow:0 2px 5px #0003;transform:translateY(-1px)}.continue-shopping-button,.go-home-button{background-color:#fff;border:1px solid #d0d0d0;color:#333}.continue-shopping-button:hover,.go-home-button:hover{background-color:#f0f0f0;border-color:silver;box-shadow:0 2px 5px #0000001a;transform:translateY(-1px)}.loading .spinner{animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#3f51b5;height:60px;margin:0 auto 20px;width:60px}@media (max-width:768px){.payment-result-card{padding:30px 20px}.payment-action-buttons{flex-direction:column;gap:15px;margin:30px auto 0;max-width:300px;width:100%}.payment-action-buttons button{margin:0;max-width:100%;width:100%}.button-wrapper{max-width:100%;width:100%}.continue-shopping-button,.go-home-button,.view-cart-button,.view-orders-button{height:44px;width:100%}}.payment-result-container{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:300px;padding:20px}.payment-result-card{background:#fff;box-shadow:0 4px 20px #0000001a;max-width:500px}.payment-result-card.error{border:2px solid #dc3545}.error-icon{display:block;font-size:4rem;margin-bottom:20px}.payment-result-card h2{color:#dc3545;font-size:1.8rem;margin-bottom:20px}.payment-info{background-color:#f8f9fa;margin:20px 0}.info-row{align-items:center;border-bottom:1px solid #dee2e6;margin-bottom:12px;padding:8px 0}.info-row:last-child{margin-bottom:0}.info-row .label{color:#495057;font-size:.9rem;font-weight:600}.info-row .value{color:#212529;font-weight:500;max-width:60%;text-align:right;word-break:break-word}.payment-action-buttons{justify-content:center}.go-home-button,.view-cart-button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;min-width:140px;padding:12px 24px;transition:all .2s ease}.view-cart-button{background-color:#6c757d;color:#fff}.view-cart-button:hover{background-color:#5a6268;transform:translateY(-1px)}.go-home-button{background-color:#007bff}.go-home-button:hover{background-color:#0056b3}@media (max-width:768px){.payment-result-container{min-height:250px;padding:10px}.payment-result-card{padding:30px 20px}.payment-result-card h2{font-size:1.5rem}.error-icon{font-size:3rem;margin-bottom:15px}.payment-action-buttons{flex-direction:column;gap:10px}.go-home-button,.view-cart-button{min-width:auto;width:100%}.info-row{align-items:flex-start;flex-direction:column;gap:4px}.info-row .value{max-width:100%;text-align:left}}.payletter-payment-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:0 auto;max-width:600px;padding:24px}.payletter-payment-header{margin-bottom:32px;text-align:center}.payletter-payment-title{color:#1a1a1a;font-size:28px;font-weight:600;margin-bottom:12px}.payletter-payment-description{color:#666;font-size:16px;margin:0}.payletter-payment-content{margin-bottom:24px}.payletter-payment-info{background-color:#f8f9fa;border-radius:8px;margin-bottom:24px;padding:20px}.payletter-payment-button{background-color:#5f66f2;border-color:#5f66f2;border-radius:8px;font-size:18px;font-weight:600;height:52px;transition:all .3s ease;width:100%}.payletter-payment-button:hover:not(:disabled){background-color:#4850d9;border-color:#4850d9;box-shadow:0 4px 12px #5f66f259;transform:translateY(-1px)}.payletter-payment-button:disabled{background-color:#ccc;border-color:#ccc;cursor:not-allowed}.payletter-payment-error{margin-bottom:20px}.payletter-payment-editor-notice,.payletter-payment-setup-notice{margin-top:16px}.payletter-payment-footer{border-top:1px solid #e9ecef;padding-top:20px;text-align:center}.payletter-payment-container .ant-spin-container{align-items:center;display:flex;justify-content:center;min-height:200px}@media (max-width:768px){.payletter-payment-container{border-radius:8px;padding:16px}.payletter-payment-title{font-size:24px}.payletter-payment-description{font-size:14px}.payletter-payment-button{font-size:16px;height:48px}.payment-info-item{padding:8px 0}.payment-info-label{font-size:13px}.payment-info-value{font-size:15px}}@media (prefers-color-scheme:dark){.payletter-payment-container{background-color:#1a1a1a;color:#fff}.payletter-payment-title{color:#fff}.payletter-payment-description{color:#aaa}.payletter-payment-info{background-color:#2a2a2a}.payment-info-item{border-bottom-color:#3a3a3a}.payment-info-label{color:#aaa}.payment-info-value{color:#fff}.payletter-payment-footer{border-top-color:#3a3a3a}.payment-security-notice{color:#aaa}}.payletter-payment-empty{background-color:#f9f9f9;border-radius:8px;margin:20px 0;padding:30px;text-align:center}.payletter-payment-empty p{color:#666;font-size:16px;margin-bottom:15px}.payletter-payment-empty a{color:#4361ee;font-weight:500;text-decoration:none;transition:color .3s}.payletter-payment-empty a:hover{color:#2c4bc4;text-decoration:underline}.payletter-payment-form{width:100%}.payletter-fail-container,.payletter-success-container{align-items:center;background-color:initial;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px 20px;width:100%}.payment-result-card{background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;max-width:600px;padding:40px;text-align:center;width:100%}.payment-result-card.loading{max-width:400px}.payment-result-card.success{border-top:4px solid #4caf50}.payment-result-card.error{border-top:4px solid #f44336}.error-icon,.success-icon{border-radius:50%;display:inline-block;font-size:60px;height:80px;line-height:80px;margin-bottom:20px;width:80px}.success-icon{background-color:#4caf50;color:#fff}.error-icon{background-color:#f44336;color:#fff}.payment-result-card h2{color:#333;font-size:24px;font-weight:700;margin-bottom:30px}.payment-info{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin:30px 0;padding:20px;text-align:left}.info-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 0}.info-row:last-child{border-bottom:none}.label{color:#555;font-weight:600}.value{color:#333}.payment-action-buttons{display:flex;flex-direction:column;gap:12px;margin-top:30px}@media (min-width:480px){.payment-action-buttons{flex-direction:row;justify-content:center}}.payment-action-buttons button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;min-width:140px;padding:12px 24px;transition:all .3s ease}.view-orders-button{background-color:#007bff;color:#fff}.view-orders-button:hover{background-color:#0056b3;transform:translateY(-1px)}.continue-shopping-button{background-color:#28a745}.continue-shopping-button:hover{background-color:#1e7e34;transform:translateY(-1px)}.retry-payment-button{background-color:#007bff;color:#fff}.retry-payment-button:hover{background-color:#0056b3;transform:translateY(-1px)}.go-cart-button{background-color:#ffc107;color:#212529}.go-cart-button:hover{background-color:#e0a800;transform:translateY(-1px)}.go-home-button{background-color:#6c757d}.go-home-button:hover{background-color:#545b62;transform:translateY(-1px)}.payment-fail-info{margin:30px 0;text-align:left}.fail-message{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:8px;margin-bottom:25px;padding:20px}.main-message{color:#c53030;font-size:16px;font-weight:600;margin:0 0 10px}.error-code{color:#9c4221;font-family:monospace;font-size:14px;margin:0}.order-info{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:25px;padding:15px}.fail-reasons{background-color:#fefcbf;border:1px solid #f6e05e;border-radius:8px;padding:20px}.fail-reasons h4{color:#744210;font-size:16px;font-weight:600;margin:0 0 15px}.fail-reasons ul{color:#744210;margin:0;padding-left:20px}.fail-reasons li{font-size:14px;margin-bottom:8px}.fail-reasons li:last-child{margin-bottom:0}.spinner{border:4px solid #f3f3f3;border-top-color:#007bff;margin:0 auto 20px}@media (max-width:768px){.payletter-fail-container,.payletter-success-container{padding:20px 10px}.payment-result-card{padding:30px 20px}.payment-result-card h2{font-size:20px}.payment-action-buttons{flex-direction:column}.payment-action-buttons button{margin:0 0 10px;width:100%}}.payment-weroute-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:0 auto;max-width:600px;padding:24px}.payment-weroute-header{margin-bottom:32px;text-align:center}.payment-weroute-title{color:#1a1a1a;font-size:28px;font-weight:600;margin-bottom:12px}.payment-weroute-description{color:#666;font-size:16px;margin:0}.payment-weroute-content{margin-bottom:24px}.payment-weroute-info{background-color:#f8f9fa;border-radius:8px;margin-bottom:24px;padding:20px}.payment-info-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px 0}.payment-info-item:last-child{border-bottom:none}.payment-info-label{color:#666;font-size:14px;font-weight:500}.payment-info-value{color:#1a1a1a;font-size:16px;font-weight:600}.payment-weroute-button{background-color:#5f66f2;border-color:#5f66f2;border-radius:8px;font-size:18px;font-weight:600;height:52px;transition:all .3s ease;width:100%}.payment-weroute-button:hover:not(:disabled){background-color:#4850d9;border-color:#4850d9;box-shadow:0 4px 12px #5f66f259;transform:translateY(-1px)}.payment-weroute-button:disabled{background-color:#ccc;border-color:#ccc;cursor:not-allowed}.payment-weroute-error{margin-bottom:20px}.payment-weroute-editor-notice,.payment-weroute-setup-notice{margin-top:16px}.payment-weroute-footer{border-top:1px solid #e9ecef;padding-top:20px;text-align:center}.payment-security-notice{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;justify-content:center;margin:0}.payment-security-notice i{color:#5f66f2;margin-right:5px}.payment-weroute-container .ant-spin-container{align-items:center;display:flex;justify-content:center;min-height:200px}@media (max-width:768px){.payment-weroute-container{border-radius:8px;padding:16px}.payment-weroute-title{font-size:24px}.payment-weroute-description{font-size:14px}.payment-weroute-button{font-size:16px;height:48px}.payment-info-item{padding:8px 0}.payment-info-label{font-size:13px}.payment-info-value{font-size:15px}}@media (prefers-color-scheme:dark){.payment-weroute-container{background-color:#1a1a1a;color:#fff}.payment-weroute-title{color:#fff}.payment-weroute-description{color:#aaa}.payment-weroute-info{background-color:#2a2a2a}.payment-info-item{border-bottom-color:#3a3a3a}.payment-info-label{color:#aaa}.payment-info-value{color:#fff}.payment-weroute-footer{border-top-color:#3a3a3a}.payment-security-notice{color:#aaa}}.pg-selector-toggle{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:4px 8px;transition:background-color .3s}.pg-selector-toggle:hover{background-color:#e0e0e0}.pg-selector-dropdown{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin:15px 0;max-height:300px;overflow-y:auto;padding:15px}.pg-selector-dropdown h4{color:#333;font-size:16px;margin:0 0 10px}.pg-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.pg-option{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;padding:8px;transition:all .2s}.pg-option:hover{background-color:#f0f0f0;border-color:#4361ee}.pg-option input[type=radio]{margin-right:8px}.pg-option span{color:#555;font-size:14px}.pg-option input[type=radio]:checked+span{color:#4361ee;font-weight:500}.payment-weroute-empty{background-color:#f9f9f9;border-radius:8px;margin:20px 0;padding:30px;text-align:center}.payment-weroute-empty p{color:#666;font-size:16px;margin-bottom:15px}.payment-weroute-empty a{color:#4361ee;font-weight:500;text-decoration:none;transition:color .3s}.payment-weroute-empty a:hover{color:#2c4bc4;text-decoration:underline}@media (max-width:768px){.pg-options{grid-template-columns:1fr}.pg-selector-dropdown{max-height:250px}}.payment-weroute-form{width:100%}.form-section{background-color:#f8f9fa;border-radius:8px;margin-bottom:32px;padding:24px}.form-section-title{color:#1a1a1a;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:12px}.form-group{margin-bottom:20px}.form-group label{color:#495057;font-size:14px}.form-group .required{color:#dc3545}.form-control{border:1px solid #ced4da;border-radius:4px;font-size:16px;padding:10px 12px;transition:border-color .3s;width:100%}.form-control:focus{border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a;outline:none}.form-control:read-only{background-color:#e9ecef;cursor:not-allowed}.zipcode-group{display:flex;gap:8px}.search-zipcode-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;padding:10px 16px;transition:background-color .3s}.search-zipcode-btn:hover{background-color:#5a6268}.payment-info-item.total{border-top:2px solid #dee2e6;font-weight:600;margin-top:12px;padding-top:12px}.payment-info-item.total .payment-info-label{color:#1a1a1a;font-size:16px}.payment-info-item.total .payment-info-value{color:#4361ee;font-size:20px}.free-shipping-badge{color:#28a745;font-size:12px;font-weight:500}.terms-agreement{background-color:#f8f9fa;border-radius:8px;margin:24px 0;padding:16px}.form-check{align-items:center;display:flex}.form-check-input{cursor:pointer;height:18px;margin-right:8px;width:18px}.form-check-label{color:#495057;cursor:pointer;font-size:14px}.payment-empty,.payment-loading,.payment-login-required{padding:60px 20px;text-align:center}.payment-empty p,.payment-loading p,.payment-login-required p{color:#666;font-size:16px;margin-bottom:20px}.continue-shopping-button,.login-button{background-color:#4361ee;border-radius:8px;color:#fff;display:inline-block;padding:12px 24px;text-decoration:none;transition:background-color .3s}.continue-shopping-button:hover,.login-button:hover{background-color:#3651d4;color:#fff;text-decoration:none}@media (max-width:768px){.form-section{padding:16px}.form-section-title{font-size:16px}.zipcode-group{flex-direction:column}.search-zipcode-btn{width:100%}}.pg-selector-container{margin-bottom:30px}.pg-selector-title{color:#333;font-size:16px;font-weight:500;margin-bottom:15px}.pg-code-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:30px}.pg-code-option{background-color:#fff;border:1px solid #e1e1e1;border-radius:8px;cursor:pointer;display:block;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.pg-code-option:hover{border-color:#bbb;box-shadow:0 2px 8px #00000014}.pg-code-option.selected{background-color:#f9f9f9;border-color:#333;box-shadow:0 2px 12px #0000001a}.pg-code-option input[type=radio]{cursor:pointer;opacity:0;position:absolute}.pg-option-text{color:#333;display:block;font-size:15px;font-weight:600;transition:color .3s ease}.pg-code-option.selected .pg-option-text{color:#000}.selected-check{align-items:center;background-color:#333;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.pg-code-option[data-code=creditcard]:before{content:"💳";display:block;font-size:24px;margin-bottom:10px}.pg-code-option[data-code=banktransfer]:before{content:"🏦";display:block;font-size:24px;margin-bottom:10px}.pg-code-option[data-code=virtualaccount]:before{content:"🏧";display:block;font-size:24px;margin-bottom:10px}.pg-code-option[data-code=mobile]:before{content:"📱";display:block;font-size:24px;margin-bottom:10px}.pg-code-option[data-code=kakaopay]:before{content:"🟡";display:block;font-size:24px;margin-bottom:10px}.pg-code-option[data-code=naverpay]:before{content:"🟢";display:block;font-size:24px;margin-bottom:10px}.pg-code-option[data-code=toss]:before{content:"🔵";display:block;font-size:24px;margin-bottom:10px}@media (max-width:768px){.pg-code-grid{grid-template-columns:1fr}.pg-code-option{margin-bottom:10px}}.order-item-list{list-style-type:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.order-item{border-bottom:1px solid #e1e1e1;display:flex;padding:10px}.order-item-image{align-items:center;background-color:#f0f0f0;display:flex;height:70px;justify-content:center;margin-right:15px;overflow:hidden;width:70px}.order-item-image img{max-height:100%;max-width:100%;object-fit:cover}.order-item-info{flex:1 1}.item-name{font-size:14px;font-weight:500;margin-bottom:5px}.item-options{color:#666;font-size:12px;font-style:italic;margin:3px 0}.item-price,.item-quantity{color:#666;font-size:13px;margin:3px 0}.additional-price-info{color:#ff6b6b;font-size:11px;margin-left:5px}.level-info-small{display:inline-block;margin-right:6px}.level-badge-tiny{background:linear-gradient(45deg,#ff6b6b,#ff8787);border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:1px 6px}.no-image{background-color:#eee;height:100%;width:100%}.payment-editor-notice{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;padding:10px 15px;text-align:center}.payment-editor-notice p{font-size:14px;margin:0}.review-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.review-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:90%}.review-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.review-modal-header h2{color:#333;font-size:1.5rem;margin:0}.review-modal-body{flex:1 1;overflow-y:auto;padding:20px}.content-section,.image-section,.rating-section{margin-bottom:20px}.content-section h3,.image-section h3,.rating-section h3{color:#333;font-size:1.1rem;margin-bottom:10px}.star-rating{gap:10px}.star{color:#ddd;cursor:pointer;font-size:2rem;transition:color .2s}.star.filled{color:#fc0}.content-section textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:.9rem;min-height:150px;padding:10px;resize:vertical;width:100%}.image-upload{align-items:center;display:flex;margin-bottom:15px}.image-upload input[type=file]{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.image-upload label{background-color:#f0f0f0;border-radius:4px;color:#333;cursor:pointer;padding:8px 15px;transition:background-color .2s}.image-upload label:hover{background-color:#e0e0e0}.image-upload label.disabled{background-color:#e0e0e0;color:#999;cursor:not-allowed}.image-count{color:#666;font-size:.9rem;margin-left:15px}.image-preview-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.image-preview{border:1px solid #ddd;height:100px;width:100px}.remove-image{align-items:center;background-color:#fffc;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:1;position:absolute;right:5px;top:5px;width:20px}.error-message{background-color:#ffebee;border-radius:4px;font-size:.9rem;margin-top:15px;padding:10px}.review-modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.cancel-button,.submit-button{border-radius:4px;font-size:.9rem;padding:8px 20px;transition:background-color .2s}.cancel-button{background-color:#f5f5f5}.cancel-button:hover{background-color:#e0e0e0}.submit-button{background-color:#4caf50;border:none}.submit-button:hover{background-color:#43a047}.submit-button:disabled{background-color:#a5d6a7}@media (max-width:768px){.review-modal{max-height:95vh;width:95%}.review-modal-header h2{font-size:1.3rem}.star{font-size:1.8rem}.image-preview{height:80px;width:80px}}.delivery-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.delivery-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.delivery-modal-header{align-items:center;background:#3b82f6;background:var(--delivery-modal-primary,#3b82f6);border-bottom:1px solid #e5e7eb;color:#fff;color:var(--delivery-modal-text,#fff);display:flex;justify-content:space-between;padding:24px 32px}.delivery-modal-header h2{font-size:1.5rem;font-weight:600;margin:0}.delivery-modal-close,.delivery-modal-header h2{color:#fff;color:var(--delivery-modal-text,#fff)}.delivery-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:8px;transition:background-color .2s;width:40px}.delivery-modal-close:hover{background:#ffffff4d}.delivery-modal-body{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:24px 32px}.order-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.summary-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.summary-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item .label{color:#64748b;font-size:.875rem;font-weight:500}.detail-item .value{color:#1e293b;font-size:1rem;font-weight:600}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;padding:6px 12px}.status-preparing{background:#fef3c7;color:#92400e}.status-shipping{background:#dcfce7;color:#166534}.status-arrived,.status-completed{background:#dbeafe;color:#1e40af}.status-cancelled{background:#fecaca;color:#991b1b}.status-issue{background:#fed7d7;color:#b91c1c}.status-default{background:#f1f5f9;color:#475569}.delivery-section{display:flex;flex-direction:column;gap:20px}.parcel-tabs{display:flex;gap:8px;margin-bottom:16px}.parcel-tab{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:all .2s}.parcel-tab:hover{color:#3b82f6;color:var(--delivery-modal-primary,#3b82f6)}.parcel-tab.active,.parcel-tab:hover{border-color:#3b82f6;border-color:var(--delivery-modal-primary,#3b82f6)}.parcel-tab.active{background:#3b82f6;background:var(--delivery-modal-primary,#3b82f6);color:#fff;color:var(--delivery-modal-text,#fff)}.delivery-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.delivery-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.delivery-header h4{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0}.refresh-button{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:.875rem;gap:4px;padding:6px 12px;transition:all .2s}.refresh-button:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.delivery-details{display:flex;flex-direction:column;gap:12px}.detail-row{align-items:center;border-bottom:1px solid #f1f5f9;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#64748b;font-size:.875rem;font-weight:500}.detail-row .value{color:#1e293b;font-size:.875rem;font-weight:600}.tracking-number{background:#f8fafc;border-radius:4px;font-family:Courier New,monospace;padding:4px 8px}.tracking-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.tracking-info-card h4{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 16px}.current-status-card{background:#3b82f6;background:var(--delivery-modal-primary,#3b82f6);border-radius:12px;color:#fff;color:var(--delivery-modal-text,#fff);margin-bottom:20px;padding:20px}.current-status-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.status-icon{font-size:1.5rem}.status-title{font-size:1.125rem;font-weight:600}.status-description,.status-time{font-size:.875rem;opacity:.9}.status-description{margin-left:56px}.tracking-timeline h5{color:#374151;font-size:1rem;font-weight:600;margin:0 0 16px}.timeline{padding-left:32px;position:relative}.timeline:before{background:#e5e7eb;bottom:0;content:"";left:12px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:20px;padding-bottom:20px;position:relative}.timeline-item:last-child{margin-bottom:0;padding-bottom:0}.timeline-marker{background:#3b82f6;background:var(--delivery-modal-primary,#3b82f6);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #e5e7eb;height:12px;left:-26px;position:absolute;top:6px;width:12px}.timeline-content{background:#f8fafc;border-left:4px solid #3b82f6;border-left:4px solid var(--delivery-modal-primary,#3b82f6);border-radius:8px;padding:16px}.event-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.event-status{color:#1e293b;font-size:.875rem;font-weight:600}.event-time{color:#64748b;font-size:.75rem}.event-description{color:#475569;font-size:.875rem;line-height:1.4}.error-card,.loading-card,.no-delivery-card{border-radius:12px;padding:40px 20px;text-align:center}.loading-card{background:#f0f9ff;border:1px solid #bae6fd}.error-card{background:#fef2f2;border:1px solid #fecaca}.no-delivery-card{background:#f9fafb;border:1px solid #e5e7eb}.error-icon,.loading-spinner,.no-delivery-icon{display:block;font-size:2rem;margin-bottom:12px}.tracking-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;padding:20px;text-align:center}.tracking-error .error-icon{font-size:1.5rem;margin-bottom:8px}.delivery-modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:20px 32px}.close-button{background:#3b82f6;background:var(--delivery-modal-primary,#3b82f6);border-radius:8px;color:#fff;color:var(--delivery-modal-text,#fff);font-size:.875rem;font-weight:600;padding:12px 24px;transition:background-color .2s}.close-button:hover{background:#2563eb;background:var(--delivery-modal-secondary,#2563eb)}@media (max-width:768px){.delivery-modal-overlay{padding:10px}.delivery-modal-content{border-radius:12px;max-height:95vh;max-width:100%}.delivery-modal-header{padding:20px}.delivery-modal-header h2{font-size:1.25rem}.delivery-modal-body{gap:20px;padding:20px}.summary-details{grid-template-columns:1fr}.detail-row{gap:4px}.delivery-header,.detail-row{align-items:flex-start;flex-direction:column}.delivery-header{gap:12px}.current-status-header{align-items:flex-start;flex-direction:column;gap:8px}.status-description{margin-left:0}.event-header{align-items:flex-start;flex-direction:column;gap:4px}.parcel-tabs{flex-wrap:wrap}}@media (max-width:480px){.delivery-info-card,.delivery-modal-body,.delivery-modal-footer,.delivery-modal-header,.order-summary-card,.tracking-info-card{padding:16px}}.order-history-wrapper{background:linear-gradient(180deg,#f9fafb,#fff);color:#1f2937;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:calc(100vh - 200px);overflow-x:hidden;padding:60px 0;width:100%}.order-history-title{color:#111827;display:inline-block;font-size:32px;font-weight:800;letter-spacing:-.02em;margin-bottom:12px;position:relative}.order-history-title:after{border-radius:2px;bottom:-12px;content:"";height:3px;left:0;position:absolute;width:60px}.order-count{color:#6b7280;font-size:16px;font-weight:500;letter-spacing:-.01em;margin-bottom:32px}.order-history-loading{color:#666;font-size:18px}.order-history-error,.order-history-loading{align-items:center;display:flex;justify-content:center;min-height:300px}.order-history-error{flex-direction:column}.order-history-error p{color:#d32f2f;font-size:18px;margin-bottom:20px}.retry-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.retry-button:hover{background-color:#d32f2f}.order-history-login-required{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.order-history-login-required p{font-size:18px;margin-bottom:20px}.login-button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;font-size:16px;padding:10px 20px;text-decoration:none;transition:background-color .3s}.login-button:hover{background-color:#1976d2;color:#fff;text-decoration:none}.order-history-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.order-history-empty h2{font-size:24px;margin-bottom:15px}.order-history-empty p{color:#666;font-size:16px;margin-bottom:25px}.continue-shopping-button{background-color:#4caf50;border:none;font-size:16px;transition:background-color .3s}.continue-shopping-button:hover{background-color:#388e3c;color:#fff;text-decoration:none}.order-history-list{display:flex;flex-direction:column;gap:16px}.order-item{background-color:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow:visible;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.order-item:hover{border-color:#e5e7eb;box-shadow:0 8px 16px #00000014;transform:translateY(-2px)}.order-header{align-items:center;background:linear-gradient(90deg,#fafbfc 0,#f8f9fa);border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px}.mobile-header{padding:12px 14px 8px}.mobile-header,.mobile-status-wrapper{align-items:flex-start;flex-direction:column}.mobile-status-wrapper{display:flex;gap:6px;width:100%}.mobile-date{color:#64748b;font-size:12px;margin-left:2px}.order-date{color:#64748b;font-size:13px;font-weight:500}.order-content{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;padding:20px 24px;width:100%}.order-product-image{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;height:72px;overflow:hidden;width:72px}.order-product-image img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.order-product-image:hover img{transform:scale(1.05)}.order-product-info{flex:1 1;min-width:0}.order-product-title{color:#111827;font-size:15px;font-weight:600;line-height:1.4;margin-bottom:4px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.order-product-price{align-items:baseline;color:#111827;display:flex;font-size:15px;font-weight:700;gap:6px}.order-product-count{color:#6b7280;font-size:14px;font-weight:500}.order-buttons{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end}.order-actions{display:flex;flex-direction:row;gap:6px}.order-status{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:-.01em;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.status-icon{font-size:14px}.status-requested{background:linear-gradient(135deg,#e5e7eb,#f3f4f6);box-shadow:0 1px 2px #0000000d;color:#4b5563}.status-pending{background:linear-gradient(135deg,#fed7aa,#ffedd5);box-shadow:0 1px 2px #ea580c1a;color:#ea580c}.status-preparing{background:linear-gradient(135deg,#fde68a,#fef3c7);box-shadow:0 1px 2px #d977061a;color:#d97706}.status-paid{background:linear-gradient(135deg,#86efac,#bbf7d0);box-shadow:0 1px 2px #0596691a;color:#059669}.status-shipping{background:linear-gradient(135deg,#93c5fd,#dbeafe);box-shadow:0 1px 2px #1d4ed81a;color:#1d4ed8}.status-completed{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 2px 4px #3b82f633;color:#fff}.status-cancelled{background:linear-gradient(135deg,#fca5a5,#fecaca);box-shadow:0 1px 2px #dc26261a;color:#dc2626}.status-refunded{background:linear-gradient(135deg,#e9d5ff,#f3e8ff);box-shadow:0 1px 2px #9333ea1a;color:#9333ea}.status-unknown{background:linear-gradient(135deg,#e5e7eb,#f3f4f6);box-shadow:0 1px 2px #0000000d;color:#6b7280}.order-action-button{align-items:center;border:none;border-radius:6px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;justify-content:center;min-width:90px;padding:8px 16px;text-align:center;text-decoration:none;transition:all .2s}.primary-action{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.primary-action:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 6px #2563eb33;transform:translateY(-1px)}.secondary-action{background-color:#fff;border:1px solid #e5e7eb;color:#374151}.secondary-action:hover{background-color:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.danger-action{background-color:#fff;border:1px solid #fee2e2;color:#ef4444}.danger-action:hover{background-color:#fee2e2;border-color:#fecaca;transform:translateY(-1px)}.empty-products{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:14px;justify-content:center;padding:40px 0}.order-history-empty,.order-history-error,.order-history-loading,.order-history-login-required{background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 10px 30px #00000014;padding:64px 48px;text-align:center}.order-history-empty p,.order-history-error p,.order-history-loading p,.order-history-login-required p{color:#6b7280;font-size:17px;line-height:1.6;margin-bottom:28px}.order-history-empty h2{color:#111827;font-size:28px;font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.pagination-container{flex-wrap:wrap;gap:8px;margin-top:48px;padding:20px 0}.pagination-button{align-items:center;border:2px solid #0000;border-radius:10px;box-shadow:0 1px 3px #0000000d;color:#374151;display:flex;font-weight:600;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.pagination-button:hover{background-color:#f9fafb;border-color:#e5e7eb;box-shadow:0 4px 6px #0000000d;transform:translateY(-1px)}.pagination-button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 4px 6px #3b82f633}.pagination-button.active:hover{box-shadow:0 6px 8px #3b82f640;transform:translateY(-1px)}.pagination-button.next,.pagination-button.prev{gap:4px;min-width:72px;padding:0 16px;width:auto}.pagination-button:disabled{background-color:#f3f4f6;box-shadow:none;opacity:.4}.pagination-button:disabled:hover{border-color:#0000;transform:none}.pagination-info{color:#6b7280;font-size:14px;font-weight:500;margin-left:10px;padding:0 8px}.order-product{flex:1 1 auto;max-width:70%}.order-products-list{display:flex;flex-direction:column;gap:12px}.order-product-item{align-items:flex-start;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px}.order-product-option{color:#6b7280;font-size:12px;margin-bottom:4px;margin-top:2px}.order-total-section{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.order-total-row{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.order-total-label{color:#6b7280}.order-total-value{color:#111827;font-weight:500}.order-total-final{border-top:1px solid #e5e7eb;font-size:14px;margin-top:8px;padding-top:8px}.order-total-final .order-total-label{color:#111827;font-weight:600}.order-total-final .order-total-value{color:#3b82f6;font-size:16px;font-weight:700}@media (max-width:768px){.order-content{flex-direction:row;flex-wrap:wrap}.order-product{margin-bottom:12px;max-width:70%;width:70%}.order-buttons{margin-left:auto;width:auto}.order-actions{justify-content:flex-end}.order-action-button{margin:0 3px;min-width:auto;padding:6px 10px}.product-title{max-width:240px}.pagination-container{gap:4px;margin-top:30px}.pagination-button{font-size:13px;height:32px;width:32px}.pagination-button.next,.pagination-button.prev{min-width:50px;padding:0 8px;width:auto}.pagination-info{font-size:13px;margin-left:8px;margin-top:8px;text-align:center;width:100%}}@media (max-width:576px){.order-history-wrapper{background-color:#fff;max-width:100vw;overflow-x:hidden;padding:20px 0}.container{max-width:100%;overflow-x:hidden;padding-left:12px;padding-right:12px}.row{margin-left:0;margin-right:0;width:100%}.col-12{padding-left:0;padding-right:0}.order-history-title{font-size:20px;margin-bottom:6px}.order-history-title:after{height:2px;width:30px}.order-count{font-size:13px;margin-bottom:16px}.order-history-list{gap:10px;width:100%}.order-item{border:none;border-radius:12px;box-shadow:0 2px 8px #0000000f;max-width:100%;overflow:hidden}.order-header,.order-item{box-sizing:border-box;width:100%}.order-header{background:linear-gradient(90deg,#fafbfc 0,#f8f9fa);border-bottom:1px solid #f3f4f6;padding:14px 16px}.order-status{border-radius:16px;gap:4px;padding:5px 10px}.order-date,.order-status,.status-icon{font-size:12px}.order-content{align-items:flex-start;flex-direction:column;padding:14px}.order-content,.order-product{box-sizing:border-box;overflow:hidden;width:100%}.order-product{margin-bottom:14px;margin-left:0;max-width:100%;padding-left:0}.order-product-item{gap:10px;padding:10px}.order-total-section{margin-top:12px;padding-top:12px}.order-total-row{font-size:12px}.order-total-final{font-size:13px}.order-total-final .order-total-value{font-size:15px}.order-product-image{border-radius:8px;flex-shrink:0;height:60px;width:60px}.order-product-info{max-width:calc(100% - 72px);overflow:hidden;width:calc(100% - 72px)}.order-product-title{display:block;font-size:14px;font-weight:500;line-height:1.3;margin-bottom:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.order-product-price{font-size:15px;font-weight:600}.order-product-count{font-size:13px}.order-buttons{margin-left:0;width:100%}.order-actions{flex-wrap:nowrap;gap:10px;justify-content:flex-end;width:100%}.order-action-button{border-radius:6px;flex-basis:auto;font-size:13px;font-weight:500;height:36px;min-width:88px;padding:8px 12px}.primary-action{background-color:#3b82f6;box-shadow:0 2px 4px #3b82f633}.secondary-action{background-color:#f9fafb;border-color:#e5e7eb}.order-history-empty,.order-history-error,.order-history-loading,.order-history-login-required{border-radius:12px;padding:32px 20px}.pagination-container{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:24px;padding:0 10px;width:100%}.pagination-button{border-radius:8px;font-size:14px;height:36px;width:36px}.pagination-button.next,.pagination-button.prev{font-size:13px;min-width:42px;padding:0 8px}.pagination-button:nth-child(n+6):nth-child(-n+8){display:none}.pagination-info{font-size:12px;margin-top:12px;text-align:center;width:100%}.order-multi-items{color:#6b7280;display:inline-block;font-size:12px;font-weight:400;margin-left:4px}}.order-history-loading p{animation:pulse 1.5s infinite}.mileage-history-wrapper{color:#333;display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;height:auto;margin:0 auto;min-height:300px;padding:30px 0}.mileage-history-wrapper .container{display:flex;flex:1 1;flex-direction:column}.mileage-history-title{font-size:24px;font-weight:700;margin-bottom:20px;text-align:left}.mileage-summary{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.total-got-point,.total-point{align-items:center;color:#333;display:flex;font-size:16px}.total-got-point svg,.total-point svg{color:#4a90e2;margin-right:5px}.total-got-point strong,.total-point strong{color:#000;font-weight:700;margin-left:5px}.mileage-filter{background-color:#f5f5f5;border-radius:8px;margin-bottom:20px;padding:15px}.filter-row{display:flex;flex-wrap:wrap;gap:20px}.date-range,.filter-type{align-items:center;display:flex;gap:10px}.date-range span,.filter-type span{align-items:center;display:flex;font-size:14px;white-space:nowrap}.date-range span svg,.filter-type span svg{margin-right:4px}.period-select,.type-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.custom-date-range{align-items:center;display:flex;gap:5px}.custom-date-range input[type=date]{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px}.mileage-history-list{background-color:#fff;border:1px solid #eaeaea;border-radius:8px;display:flex;flex:1 1;flex-direction:column;height:auto;margin-bottom:20px;max-height:none;max-height:800px;overflow:visible;overflow-y:auto}.mileage-history-header,.mileage-item{align-items:center;border-bottom:1px solid #eaeaea;box-sizing:border-box;color:#000;display:grid;grid-template-columns:180px 1fr 180px;height:auto;min-height:60px;padding:12px 15px}.mileage-item{height:60px;overflow:hidden}.mileage-item:last-child{border-bottom:none;margin-bottom:0}.mileage-item:hover{background-color:#f9f9f9}.mileage-history-header{background-color:#f5f5f5;font-weight:700}.mh-col{color:#000;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}.mh-col.date{text-align:left}.mh-col.type{flex:0 0 120px}.mh-col.mileage-description{color:#000;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.mh-col.amount{justify-self:flex-end;text-align:right}.sort-btn{background:none;border:none;color:#666;cursor:pointer;font-size:14px;margin-left:5px}.sort-btn.asc,.sort-btn.desc{color:#3182ce}.mileage-type{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;padding:4px 8px;white-space:nowrap}.type-icon{margin-right:4px}.type-transfer-send{background-color:#f8d7da;color:#721c24}.type-transfer-receive{background-color:#d4edda;color:#155724}.type-order-normal,.type-order-shipper,.type-used-coupon{background-color:#f8d7da;color:#721c24}.type-created-company,.type-created-system,.type-deposit{background-color:#d4edda;color:#155724}.type-destroyed-company,.type-destroyed-system,.type-withdrawal{background-color:#f8d7da;color:#721c24}.mh-col.amount.positive{color:#155724;font-weight:700}.mh-col.amount.negative{color:#721c24;font-weight:700}.order-link{color:#666;display:inline-block;font-size:12px;margin-left:10px;vertical-align:middle}.order-link a{color:#3182ce;text-decoration:none}.order-link a:hover{text-decoration:underline}.empty-state{color:#000;flex:1 1;min-height:200px;padding:30px;text-align:center}.empty-state,.pagination-container{align-items:center;display:flex;justify-content:center}.pagination-container{gap:5px;margin-bottom:10px;margin-top:15px}.pagination-button{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.pagination-button:hover{background-color:#f5f5f5}.pagination-button.active{background-color:#3182ce;border-color:#3182ce;color:#fff}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-button.next,.pagination-button.prev{font-weight:700}.loading-spinner{justify-content:center;padding:30px}.spinner{border:3px solid #f3f3f3;border-top-color:#3182ce;height:30px;margin-bottom:15px;width:30px}.error-message{background-color:#f8d7da;border-radius:8px;color:#721c24;margin-bottom:20px;padding:15px}@media (max-width:768px){.mileage-history-header,.mileage-item{gap:5px;grid-template-columns:80px 1fr 80px;padding:10px}.mh-col{font-size:13px;overflow:hidden;padding:5px 0;text-overflow:ellipsis;white-space:nowrap}.mh-col.date{width:auto}.mh-col.amount{text-align:right;width:auto}.mh-col.mileage-description{width:auto}.filter-row{flex-direction:column;gap:10px}.date-range,.filter-type{flex-wrap:wrap}.custom-date-range{margin-top:5px;width:100%}.custom-date-range input[type=date]{flex:1 1}.withdraw-button{margin-left:0;margin-top:10px;width:100%}.mileage-summary{align-items:flex-start;flex-direction:column;gap:10px}.total-point{margin-bottom:10px}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.pagination-container{gap:4px}.pagination-button{font-size:13px;padding:6px 10px}.pagination-button.next,.pagination-button.prev{padding:6px 8px}}.mileage-history-wrapper .col-12,.mileage-history-wrapper .row{display:flex;flex:1 1;flex-direction:column}.withdraw-button{background-color:#3182ce;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-left:20px;padding:8px 15px;transition:background-color .2s}.withdraw-button:hover{background-color:#2b6cb0}.withdraw-button:disabled{background-color:#a0aec0;cursor:not-allowed}.withdraw-form-container{background-color:#f9f9f9;border:1px solid #e2e8f0;border-radius:8px;margin:20px 0;padding:20px}.withdraw-form-container h3{border-bottom:1px solid #e2e8f0;color:#333;font-size:18px;margin-bottom:20px;padding-bottom:10px}.withdraw-form .form-group{margin-bottom:15px}.withdraw-form label{color:#4a5568;display:block;font-size:14px;font-weight:600;margin-bottom:5px}.withdraw-form input{border:1px solid #cbd5e0;border-radius:4px;font-size:14px;padding:10px;width:100%}.withdraw-form input:focus{border-color:#4299e1;box-shadow:0 0 0 1px #4299e1;outline:none}.withdraw-form input:disabled{background-color:#f7fafc;cursor:not-allowed}.point-available{color:#718096;font-size:12px;margin-top:5px}.cancel-btn,.submit-btn{font-size:14px;padding:8px 15px;transition:background-color .2s}.cancel-btn{background-color:#e2e8f0;border:none;color:#4a5568}.cancel-btn:hover{background-color:#cbd5e0}.submit-btn{background-color:#3182ce;border:none}.submit-btn:hover{background-color:#2b6cb0}.status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;margin-left:8px;padding:2px 6px;vertical-align:middle}.status-badge.pending{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}.mileage-history-list .mh-col.mileage-description{color:#000!important;text-align:left}.asset-icon{border-radius:2px;height:16px;margin-right:5px;object-fit:contain;vertical-align:middle;width:16px}.asset-type-selector{align-items:center;display:flex;gap:10px;margin:15px 0}.asset-type-selector label{color:#666;font-size:14px;font-weight:500;margin-right:5px}.asset-type-selector select{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;min-width:150px;padding:8px 12px}.asset-type-selector select:focus{border-color:#3182ce;box-shadow:0 0 0 2px #3182ce33;outline:none}.asset-type-selector select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.address-helper{color:#666;font-size:12px;font-style:italic;margin-top:5px}.custom-select-wrapper{display:inline-block;margin-bottom:8px;position:relative;width:100%}.custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 35px 10px 15px;transition:all .3s ease;width:100%}.custom-select:hover{border-color:#aaa}.custom-select:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.custom-select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.select-arrow{color:#666;pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.input-styled{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px 15px;transition:all .3s ease;width:100%}.input-styled:hover{border-color:#aaa}.input-styled:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.input-styled:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.form-actions{gap:10px;margin-top:20px}.cancel-btn,.submit-btn{border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px;transition:all .3s ease}.cancel-btn{background-color:#f1f1f1;border:1px solid #ddd;color:#333}.cancel-btn:hover{background-color:#e4e4e4}.submit-btn{background-color:#4a90e2;border:1px solid #3a80d2;color:#fff}.submit-btn:hover{background-color:#3a80d2}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.7}.point-available{background-color:#f9f9f9;color:#666;font-size:14px;margin-top:8px;padding:8px 12px}.fee-calculation,.point-available{border-left:3px solid #4a90e2;border-radius:4px}.fee-calculation{margin-top:12px;padding:12px 15px}.fee-info{color:#666;font-size:14px}.receive-info{color:#333;font-size:15px;font-weight:500}.withdraw-limit-info{color:#666;font-size:13px;margin-top:5px}.point-pending{background-color:#fff8e1;border-left:3px solid #e67e22;border-radius:4px;color:#e67e22;font-size:14px;margin-top:5px;padding:8px 12px}.withdrawal-disabled-message{background-color:#ffecef;border-left:3px solid #e74c3c;border-radius:4px;color:#e74c3c;font-weight:500;margin:15px 0;padding:12px 15px}option:disabled{color:#999;font-style:italic}#withdraw-company-select{margin-bottom:15px}.asset-balance-list{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.asset-balance-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000000d;cursor:pointer;flex:1 1;max-width:300px;min-width:200px;padding:15px;transition:all .3s ease}.asset-balance-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.asset-balance-card.active{background-color:#f7faff;border-color:#4a90e2;box-shadow:0 5px 15px #4a90e21a}.asset-balance-header{align-items:center;display:flex;margin-bottom:10px;position:relative}.asset-balance-icon{align-items:center;background-color:#f5f5f5;border-radius:50%;color:#333;display:flex;height:24px;justify-content:center;margin-right:10px;width:24px}.asset-balance-name{color:#333;flex-grow:1;font-weight:500}.asset-balance-body{padding-top:5px}.asset-balance-amount{align-items:baseline;display:flex;margin-bottom:5px}.amount-value{color:#333;font-size:18px;font-weight:700;margin-right:5px}.amount-unit{color:#666;font-size:14px}.asset-pending-amount{color:#e67e22;font-size:13px;margin-top:5px}.asset-withdraw-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px;position:absolute;right:0;top:0;transition:background-color .3s ease}.asset-withdraw-button:hover{background-color:#3a80d2}.asset-total-amount{color:#666;font-size:12px;margin-top:5px}.asset-withdraw-disabled{background-color:#eee;border-radius:4px;color:#999;cursor:not-allowed;font-size:12px;padding:4px 10px;position:absolute;right:0;top:0}.deposit-modal,.exchange-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;position:relative;width:100%}.modal-header{border-bottom:1px solid #eee;padding-bottom:10px}.modal-header h3{color:#333;font-size:1.4rem}.close-button{color:#999;font-size:1.5rem;position:absolute;right:15px;top:15px}.warning-message{align-items:flex-start;background-color:#e539351a;border:1px solid #e539354d;border-radius:6px;color:#e53935;font-size:14px;font-weight:700;gap:8px;padding:15px}.asset-info,.warning-message{display:flex;margin-bottom:20px}.asset-info{align-items:center;gap:10px}.asset-name{font-weight:700}.wallet-info{margin-bottom:20px}.network-info{margin-bottom:15px}.address-info label,.network-info label{display:block;font-weight:700;margin-bottom:5px}.network-info div{background-color:#f0f8ff;border:1px solid #d1e5ff;border-radius:6px;font-weight:700;padding:10px 15px}.address-info div{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;font-family:monospace;font-size:14px;margin-bottom:10px;padding:12px 40px 12px 15px;position:relative;word-break:break-all}.address-info button{background:none;border:none;color:#06c;cursor:pointer;padding:5px;position:absolute;right:8px;top:8px}.qr-code{background-color:#f9f9f9;border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.qr-code div:first-child{font-weight:700;margin-bottom:10px}.qr-code img{max-height:200px;max-width:200px}.note{color:#666;font-size:13px}.asset-info-box{align-items:center;background-color:#f8f9fa;border-radius:5px;display:flex;margin-top:8px;padding:10px}.asset-info-box .asset-icon{margin-right:10px}.asset-info-box .asset-name{font-weight:600;margin-right:10px}.asset-info-box .asset-available{color:#666;font-size:.9rem;margin-left:auto}.to-asset{background-color:#f0f7ff;margin-top:10px}.exchange-rate-info{background-color:#f0f7ff;border-radius:5px;font-size:.9rem;margin:15px 0;padding:10px}.exchange-rate-info p{color:#06c;margin:0}.exchange-disabled-message{background-color:#ffecea;border-radius:4px;color:#d9534f;font-size:.9rem;margin-bottom:15px;padding:10px}.asset-actions{display:flex;gap:5px;margin-left:auto}.asset-exchange-button{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:background-color .2s}.asset-exchange-button:hover{background-color:#05a}.fee-calculation{background-color:#f8f9fa;border-radius:5px;font-size:.9rem;margin-top:10px;padding:10px}.fee-info{color:#d9534f;margin-bottom:5px}.receive-info{color:#5cb85c;font-weight:600}.asset-balances-list{background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:20px 0;padding:15px}.balances-title{color:#333;font-size:18px;font-weight:600;margin-bottom:15px}.balances-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.balance-item{align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 1px 2px #0000000d;display:flex;justify-content:space-between;padding:12px 15px;transition:transform .2s ease}.balance-item:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.balance-asset-name{align-items:center;display:flex;font-weight:500;gap:8px}.balance-asset-name .asset-icon{height:24px;object-fit:contain;width:24px}.balance-amount{color:#2c7be5;font-weight:600}.custom-select option{font-size:14px;padding:10px}.asset-details-section{margin-bottom:30px}.asset-details-title{color:#333;font-size:22px;font-weight:600;margin-bottom:15px}.asset-cards-container{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.asset-card{background:#fff;border:1px solid #eef0f2;border-radius:10px;display:flex;flex:1 1;flex-direction:column;min-width:250px;padding:18px;transition:all .2s ease}.asset-card:hover{border-color:#e0e4e9;transform:translateY(-2px)}.asset-card-header{align-items:center;display:flex;margin-bottom:14px}.asset-card-icon{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;margin-right:10px;overflow:hidden;width:32px}.asset-card-icon svg{color:#4a6cf7;height:20px;width:20px}.asset-card-name{color:#111827;font-size:15px;font-weight:600}.display-name{color:#4b5563;font-size:14px;font-weight:400;margin-left:4px}.asset-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.action-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;height:30px;justify-content:center;min-width:50px;padding:6px 14px;text-align:center;transition:all .2s ease}.action-button:hover{opacity:.85;transform:translateY(-1px)}.asset-card-balance{border-top:1px solid #f0f0f0;margin-top:auto;padding-top:10px}.balance-amount-large{align-items:baseline;color:#333;display:flex;font-size:20px;font-weight:700;margin-bottom:5px}.balance-label{color:#777;font-size:12px;margin-top:4px}.balance-available{color:#555;font-size:13px;margin-top:4px}.asset-pending-amount{color:#e74c3c;font-size:12px;margin-top:4px}@media (max-width:768px){.asset-cards-container{flex-direction:column}.asset-card{width:100%}.deposit-modal,.exchange-modal{max-width:none;padding:15px;width:90%}.withdraw-form-container{padding:15px}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.pagination-container-wrapper{margin-top:20px;width:100%}.mileage-history-content{width:100%}.pagination{align-items:center;gap:10px;margin-bottom:20px;padding:15px 0}.page-button{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;font-size:15px;font-weight:500;height:42px;justify-content:center;min-width:42px;padding:0 12px;transition:all .2s ease}.page-button:hover{background-color:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px)}.page-button.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:700}.page-button.next,.page-button.prev{background-color:#edf2fd;color:#3b82f6;font-weight:700;min-width:52px}.page-info{background-color:#f9f9f9;border:1px solid #eaeaea;border-radius:6px;color:#718096;font-size:14px;margin-top:10px;padding:10px;text-align:center}@media (max-width:768px){.pagination{gap:5px}.page-button{font-size:13px;height:36px;min-width:36px}}.pagination-loading{align-items:center;color:#718096;display:flex;font-size:14px;justify-content:center;margin-top:15px;padding:10px}.pagination-loading .spinner-small{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;display:inline-block;height:16px;margin-right:8px;width:16px}.page-button:disabled{cursor:not-allowed;opacity:.5}.page-info-detail{color:#718096;font-size:13px;font-style:italic;margin-top:5px}.action-button.deposit{background-color:#22c55e;color:#fff}.action-button.withdrawal{background-color:#3b82f6;color:#fff}.action-button.exchange{background-color:#2563eb;color:#fff}.action-button.p2p{background-color:#ec4899;color:#fff}.action-button.investment{background-color:#f59e0b;color:#fff}.benefit-summary-container{background:#fff;border-radius:8px;box-shadow:0 1px 6px #0000000d;color:#333;display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;margin:0 auto;max-width:100%;min-height:300px;padding:20px;width:100%}.benefit-summary-title{border-bottom:1px solid #eee;color:#333;font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:15px}.benefit-summary-description{color:#6c757d;font-size:14px;line-height:1.5;margin-bottom:20px}.benefit-summary-info{background-color:#f8f9fa;border:1px solid #eaecef;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.benefit-summary-total{display:flex;flex-direction:column}.benefit-summary-total-label{color:#6c757d;font-size:14px;margin-bottom:5px}.benefit-summary-total-amount{color:#3182ce;font-size:18px;font-weight:700}.benefit-summary-count{display:flex;flex-direction:column;text-align:right}.benefit-summary-count-label{color:#6c757d;font-size:14px;margin-bottom:5px}.benefit-summary-count-value{color:#4a5568;font-size:18px;font-weight:700}.benefit-summary-table-container{background-color:#fff;border:1px solid #eaeaea;border-radius:8px;display:flex;flex:1 1;flex-direction:column;height:auto;margin-bottom:20px;max-height:800px;overflow:visible;overflow-y:auto}.benefit-summary-table{border-collapse:collapse;width:100%}.benefit-summary-header,.benefit-summary-item{align-items:center;border-bottom:1px solid #eaeaea;box-sizing:border-box;color:#000;display:grid;grid-template-columns:180px 1fr 180px;height:auto;min-height:60px;padding:12px 15px}.benefit-summary-item{height:60px;overflow:hidden}.benefit-summary-item:last-child{border-bottom:none;margin-bottom:0}.benefit-summary-item:hover{background-color:#f9f9f9}.benefit-summary-header{background-color:#f5f5f5;font-weight:700}.bs-col{color:#000;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}.bs-col.category,.bs-col.date{text-align:left}.bs-col.amount{font-weight:700;justify-self:flex-end;text-align:right}.benefit-summary-footer{align-items:center;background-color:#f5f5f5;border-top:1px solid #eaeaea;display:grid;font-weight:700;grid-template-columns:180px 1fr 180px;height:60px;padding:12px 15px}.benefit-summary-footer .bs-col.total-label{color:#000;font-size:14px;grid-column:1/3;text-align:right}.benefit-summary-footer .bs-col.total-amount{color:#3182ce;font-size:16px;font-weight:700;text-align:right}.benefit-summary-empty{background-color:#fff;color:#000;grid-column:1/4;padding:30px}.benefit-summary-empty,.benefit-summary-loading{align-items:center;display:flex;font-size:14px;justify-content:center;min-height:200px;text-align:center}.benefit-summary-loading{color:#333;flex-direction:column;padding:30px 0}.benefit-summary-spinner{animation:benefit-spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3182ce;height:30px;margin-bottom:15px;width:30px}@keyframes benefit-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.benefit-summary-error{background-color:#f8d7da;border-radius:8px;color:#721c24;font-size:14px;margin:16px 0;padding:15px}@media (max-width:768px){.benefit-summary-container{padding:15px}.benefit-summary-title{font-size:18px;margin-bottom:15px;padding-bottom:12px}.benefit-summary-info{flex-direction:column;padding:12px}.benefit-summary-count{margin-top:10px;text-align:left}.benefit-summary-footer,.benefit-summary-header,.benefit-summary-item{gap:5px;grid-template-columns:80px 1fr 80px;padding:10px}.bs-col{font-size:13px;padding:5px 0}}.recommended-users-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-family:Noto Sans KR,sans-serif;margin:20px auto;max-width:800px;padding:20px;position:relative}.recommended-users-title{color:#333;font-size:22px;font-weight:700;margin-bottom:20px;margin-top:0;text-align:center}.recommended-users-info{color:#666;font-size:14px;margin-bottom:20px;text-align:right}.recommended-users-list{margin-bottom:20px}.recommended-users-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px}.recommended-users-item:last-child{border-bottom:none}.recommended-users-name{color:#333;font-size:16px;font-weight:700;margin:0}.recommended-users-date{color:#666;font-size:14px;margin:5px 0 0}.recommended-users-pagination{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:20px}.recommended-users-page-button{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;font-weight:400;padding:8px 14px;transition:all .2s ease}.recommended-users-page-button:hover{background-color:#f1f5f9}.recommended-users-page-button.active{background-color:#3b82f6;border:none;box-shadow:0 2px 4px #3b82f64d;color:#fff;font-weight:600}.recommended-users-loading{color:#666;font-size:14px;padding:20px;text-align:center}.recommended-users-error{background-color:#f8d7da;border-radius:4px;color:#dc3545;font-size:14px;margin:10px 0;padding:20px;text-align:center}.recommended-users-login-required{color:#666;font-size:14px;padding:20px;text-align:center}.recommended-users-empty{border:1px dashed #ddd;border-radius:8px;color:#666;font-size:14px;margin:20px 0;padding:30px;text-align:center}.recommended-users-spinner{animation:recommended-users-spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3b82f6;height:20px;margin:0 auto 10px;width:20px}@keyframes recommended-users-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.recommended-users-container{margin:10px;padding:15px}.recommended-users-title{font-size:18px;margin-bottom:15px}.recommended-users-pagination{flex-wrap:wrap}.recommended-users-page-button{font-size:12px;padding:6px 10px}}.mobile-layout-container{background:#fff;border-bottom:1px solid #ccc;height:auto;min-height:0!important;position:relative;width:100vw;z-index:9999}.component-type-mobile_layout,.mobile-layout-menu,div[data-component-type=MOBILE_LAYOUT]{min-height:0!important}.mobile-layout-menu{-ms-overflow-style:none;color:#000;display:block;font-size:16px;overflow-x:auto;padding:12px 0;scrollbar-width:none;text-align:center;white-space:nowrap}.mobile-layout-menu::-webkit-scrollbar{display:none}.mobile-layout-item,.mobile-layout-items{display:inline-block;min-height:0!important}.mobile-layout-item{cursor:pointer;font-weight:500;padding:4px 16px;transition:color .2s ease}.mobile-layout-item:hover{color:#3b82f6}.mobile-layout-arrow-left{background:linear-gradient(90deg,#fff 80%,#0000);left:0}.mobile-layout-arrow-left,.mobile-layout-arrow-right{align-items:center;bottom:0;cursor:pointer;display:flex;justify-content:center;min-height:0!important;position:absolute;top:0;width:32px;z-index:10000}.mobile-layout-arrow-right{background:linear-gradient(270deg,#fff 80%,#0000);right:0}.mobile-layout-item-active{color:#3b82f6;font-weight:600}@media (max-width:480px){.mobile-layout-item{font-size:14px;padding:4px 12px}}.html-css-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000000!important}body:has(.html-css-modal-overlay) .yoopta-* .react-resizable-handle,body:has(.html-css-modal-overlay) .yoopta-image .react-resizable-handle,body:has(.html-css-modal-overlay) .yoopta-image-options,body:has(.html-css-modal-overlay) [class*=Resizer],body:has(.html-css-modal-overlay) [class*=resizer],body:has(.html-css-modal-overlay) [class*=yoo-image] .react-resizable-handle,body:has(.html-css-modal-overlay) [data-yoopta-block-type=Image] .react-resizable-handle,body:has(.html-css-modal-overlay) [data-yoopta-editor] .react-resizable-handle{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.html-css-modal-overlay~* .yoopta-* .react-resizable-handle,.html-css-modal-overlay~* .yoopta-image .react-resizable-handle,.html-css-modal-overlay~* .yoopta-image-options,.html-css-modal-overlay~* [class*=yoo-image] .react-resizable-handle,.html-css-modal-overlay~* [data-yoopta-block-type=Image] .react-resizable-handle,.html-css-modal-overlay~* [data-yoopta-editor] .react-resizable-handle{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.html-css-modal-overlay~* [class*=react-resizable],.html-css-modal-overlay~* [style*="position: absolute"][style*=cursor]{display:none!important}.html-css-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;height:85vh;max-height:85vh;max-width:1200px;overflow:hidden;width:90%}.html-css-modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.html-css-modal-header h2{color:#333;font-size:20px;margin:0}.html-css-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.html-css-modal-close:hover{background-color:#e0e0e0}.html-css-modal-tabs{background-color:#f0f0f0;border-bottom:1px solid #ddd;display:flex}.html-css-modal-tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px;transition:all .2s}.html-css-modal-tabs button:hover{background-color:#e8e8e8}.html-css-modal-tabs button.active{background-color:#fff;border-bottom-color:#4361ee;color:#4361ee}.html-css-modal-content{background-color:#fafafa;flex:1 1;overflow-y:auto;padding:20px}.code-editor-section,.html-css-editors{display:flex;flex-direction:column;height:100%}.code-editor-section{gap:8px}.code-editor-section label{color:#333;font-size:14px;font-weight:600}.code-editor-section textarea{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:13px;line-height:1.6;min-height:500px;padding:12px;resize:vertical;tab-size:2;width:100%}.code-editor-section textarea:focus{border-color:#4361ee;box-shadow:0 0 0 2px #4361ee1a;outline:none}.html-css-preview{display:flex;flex-direction:column;gap:12px;height:100%}.preview-label{color:#333;font-size:14px;font-weight:600}.preview-iframe-container{background:#fff;border:1px solid #ddd;border-radius:4px;flex:1 1;min-height:500px;overflow:hidden;position:relative}.preview-iframe{background-color:#fff;border:none;height:100%;width:100%}.html-css-modal-footer{background-color:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:20px}.apply-button,.cancel-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-button{background-color:#e0e0e0}.cancel-button:hover{background-color:#d0d0d0}.apply-button{background-color:#4361ee;color:#fff}.apply-button:hover:not(:disabled){background-color:#3050d0}.apply-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}@media (max-width:768px){.html-css-modal{height:90vh;max-height:90vh;width:95%}.html-css-modal-content{padding:15px}.code-editor-section textarea{font-size:12px;min-height:300px}}body.html-modal-open .react-resizable-handle,body.html-modal-open [class*=Resizer],body.html-modal-open [class*=react-resizable],body.html-modal-open [class*=resizer],body.html-modal-open [data-yoopta-block-type=Image] [style*="position: absolute"],body.html-modal-open [data-yoopta-editor] [class*=resiz],body.html-modal-open [data-yoopta-editor] [style*="position: absolute"],body.html-modal-open [data-yoopta-editor] [style*=cursor]{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;z-index:-1!important}.pure-html-editor{display:flex;flex-direction:column;height:100%;width:100%}.pure-html-editor-toolbar{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:8px}.toolbar-info{color:#6c757d;font-size:12px;margin-left:10px;margin-right:auto}.format-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s}.format-btn:hover{background-color:#218838}.pure-html-source{border:1px solid #dee2e6;border-radius:0 0 4px 4px;flex:1 1;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.5;outline:none;padding:16px;resize:none;width:100%}.pure-html-source:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.pure-html-editor-footer{align-items:center;background-color:#f8f9fa;border-top:1px solid #dee2e6;color:#6c757d;display:flex;font-size:12px;justify-content:space-between;padding:8px 12px}.char-count{font-family:monospace}.css-indicator{background-color:#17a2b8;border-radius:12px;color:#fff;font-size:11px;padding:2px 8px}@media (max-width:768px){.pure-html-source{min-height:300px}.pure-html-editor-footer{font-size:11px}}.pure-html-editor-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000000}.pure-html-editor-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;height:90vh;max-width:1200px;overflow:hidden;width:90%}.pure-html-editor-modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.pure-html-editor-modal-header h2{color:#333;font-size:20px;font-weight:600;margin:0}.pure-html-editor-modal-header .close-button{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.pure-html-editor-modal-header .close-button:hover{background-color:#e0e0e0;color:#333}.pure-html-editor-modal-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0}.pure-html-editor-modal-footer{background-color:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.pure-html-editor-modal-footer button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.pure-html-editor-modal-footer .cancel-button{background-color:#6c757d;color:#fff}.pure-html-editor-modal-footer .cancel-button:hover{background-color:#5a6268}.pure-html-editor-modal-footer .save-button{background-color:#007bff;color:#fff}.pure-html-editor-modal-footer .save-button:hover{background-color:#0056b3}@media (max-width:768px){.pure-html-editor-modal{height:95vh;width:95%}.pure-html-editor-modal-header h2{font-size:18px}.pure-html-editor-modal-footer{padding:12px 16px}.pure-html-editor-modal-footer button{font-size:13px;padding:6px 16px}}body:has(.pure-html-editor-modal-overlay) .yoopta-* .react-resizable-handle,body:has(.pure-html-editor-modal-overlay) .yoopta-image .react-resizable-handle,body:has(.pure-html-editor-modal-overlay) .yoopta-image-options,body:has(.pure-html-editor-modal-overlay) [class*=Resizer],body:has(.pure-html-editor-modal-overlay) [class*=resizer],body:has(.pure-html-editor-modal-overlay) [class*=yoo-image] .react-resizable-handle,body:has(.pure-html-editor-modal-overlay) [data-yoopta-block-type=Image] .react-resizable-handle,body:has(.pure-html-editor-modal-overlay) [data-yoopta-editor] .react-resizable-handle{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}body.pure-html-modal-open .react-resizable-handle,body.pure-html-modal-open [class*=Resizer],body.pure-html-modal-open [class*=react-resizable],body.pure-html-modal-open [class*=resizer],body.pure-html-modal-open [data-yoopta-block-type=Image] [style*="position: absolute"],body.pure-html-modal-open [data-yoopta-editor] [class*=resiz],body.pure-html-modal-open [data-yoopta-editor] [style*="position: absolute"],body.pure-html-modal-open [data-yoopta-editor] [style*=cursor]{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;z-index:-1!important}body.pure-html-modal-open [data-yoopta-editor]{pointer-events:none!important}body.pure-html-modal-open [style*="cursor: col-resize"],body.pure-html-modal-open [style*="cursor: ne-resize"],body.pure-html-modal-open [style*="cursor: nw-resize"],body.pure-html-modal-open [style*="cursor: resize"],body.pure-html-modal-open [style*="cursor: row-resize"],body.pure-html-modal-open [style*="cursor: se-resize"],body.pure-html-modal-open [style*="cursor: sw-resize"]{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;z-index:-1!important}.pure-html-editor-modal-overlay *{opacity:1!important;pointer-events:auto!important;visibility:visible!important}.pure-html-editor-modal{position:relative;z-index:1000001}.yoopta-editor-wrapper{background-color:#fff;border:1px solid #e1e5e9;border-radius:8px;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;min-height:400px;overflow:hidden;position:relative;width:100%}#yoopta-container-yoopta-modal-editor{margin-bottom:30px;margin-top:30px;padding-left:80px;padding-right:80px}.yoopta-editor-container{flex:1 1;overflow:hidden}.yoopta-editor-container>div:last-child{display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.yoopta-editor-wrapper [data-slate-editor]:focus{outline:none}.yoopta-editor-container{display:flex;flex-direction:column;height:100%;overflow-y:auto;position:relative;width:100%}.yoopta-editor{min-height:300px;width:100%!important}.yoopta-loading{align-items:center;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column;justify-content:center;min-height:300px}.loading-spinner{border:4px solid #f3f3f3;height:40px;margin-bottom:15px;width:40px}[data-yoopta-editor]{background-color:#fff;border:none;color:#3c4043;cursor:text;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;height:100%;line-height:1.6;max-height:100%;min-height:200px;outline:none;overflow-x:hidden;overflow-y:auto;padding:20px 24px}[data-yoopta-block]{margin-bottom:8px;padding:4px 0;position:relative}[data-yoopta-editor]::-webkit-scrollbar{width:8px}[data-yoopta-editor]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}[data-yoopta-editor]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}[data-yoopta-editor]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}[data-yoopta-block]:hover{background-color:#00000005;border-radius:4px}[data-yoopta-editor] p{cursor:text;margin:0;min-height:1.5em;padding:8px 0}[data-yoopta-block-type=Paragraph]{cursor:text;min-height:2em}[data-yoopta-block-type=Paragraph] p:empty:before,[data-yoopta-block-type=Paragraph]:empty:before{color:#999;content:attr(data-placeholder);font-style:italic;pointer-events:none}[data-yoopta-editor] h1{color:#333;font-size:2em;font-weight:700;margin:16px 0 8px}[data-yoopta-editor] h2{color:#333;font-size:1.5em;font-weight:700;margin:14px 0 6px}[data-yoopta-editor] h3{color:#333;font-size:1.2em;font-weight:700;margin:12px 0 4px}[data-yoopta-editor] blockquote{background-color:#f9f9f9;border-left:4px solid #ddd;font-style:italic;margin:12px 0;padding:8px 16px}[data-yoopta-editor] ol,[data-yoopta-editor] ul{margin:8px 0;padding-left:24px}[data-yoopta-editor] li{margin:4px 0}.custom-yoopta-toolbar{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;display:flex;flex-shrink:0;z-index:1000}.toolbar-group{align-items:center;display:flex;gap:4px}.toolbar-divider{background-color:#dadce0;height:24px;margin:0 4px;width:1px}.toolbar-dropdown{background:#fff;border:1px solid #dadce0;border-radius:4px;color:#3c4043;cursor:pointer;font-size:14px;min-width:120px;outline:none;padding:6px 12px;transition:all .2s ease}.toolbar-dropdown:hover{border-color:#1a73e8;box-shadow:0 1px 1px #0000001a}.toolbar-dropdown:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}.toolbar-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#3c4043;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;position:relative;transition:all .2s ease;width:32px}.toolbar-button:hover{background-color:#f1f3f4;color:#1a73e8}.toolbar-button.active,.toolbar-button:active{background-color:#e8f0fe;color:#1a73e8}.toolbar-button strong{font-size:16px;font-weight:700}.toolbar-button em{font-family:serif;font-size:16px;font-style:italic}.toolbar-button u{font-size:16px;text-decoration:underline}.toolbar-button s{font-size:16px;text-decoration:line-through}.code-icon{color:#ea4335;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px}.highlight-icon{filter:hue-rotate(40deg);font-size:16px}.list-icon{font-size:16px;font-weight:700}.link-icon{color:#1a73e8}.image-icon,.link-icon{font-size:14px}.divider-icon,.table-icon{font-size:16px;font-weight:700}.accordion-icon{font-size:14px;font-weight:700}.embed-icon,.file-icon,.video-icon{font-size:14px}.html-icon{color:#f97316;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;font-weight:700}[data-yoopta-toolbar]{display:none!important}.custom-yoopta-toolbar{align-items:center;background:#fff;border:1px solid #e1e5e9;border-bottom-color:#dadce0;border-radius:6px;box-shadow:0 2px 8px #0000001a;display:flex!important;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;gap:8px;margin-bottom:8px;max-width:100%;overflow-x:auto;padding:8px 16px;position:relative;width:100%;z-index:10}[data-yoopta-toolbar] button{align-items:center;background:#0000;border:none;border-radius:4px;color:#3c4043;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:8px 12px;transition:all .2s ease}[data-yoopta-toolbar] button:hover{background-color:#f1f3f4;color:#1a73e8}[data-yoopta-toolbar] button.active,[data-yoopta-toolbar] button[data-state=active]{background-color:#e8f0fe;color:#1a73e8}[data-yoopta-action-menu]{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001a;padding:8px;z-index:1000}[data-yoopta-action-menu] button{background:none;border:none;border-radius:4px;cursor:pointer;display:block;padding:8px 12px;text-align:left;transition:background-color .2s;width:100%}[data-yoopta-action-menu] button:hover{background-color:#f1f3f4}[data-yoopta-link-tool]{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001a;padding:12px;z-index:1000}[data-yoopta-link-tool] input{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:8px;padding:8px 12px;width:100%}[data-yoopta-link-tool] button{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;margin-right:8px;padding:6px 12px;transition:all .2s}[data-yoopta-link-tool] button:hover{background-color:#f1f3f4}[data-yoopta-link-tool] button.primary{background-color:#4361ee;border-color:#4361ee;color:#fff}[data-yoopta-link-tool] button.primary:hover{background-color:#3050e0}[data-yoopta-block-type=Image]{margin:16px 0;text-align:center}[data-yoopta-block-type=Image] img{border-radius:4px;box-shadow:0 2px 8px #0000001a;height:auto;max-width:100%}[data-yoopta-editor] [data-slate-placeholder]{color:#999;font-style:italic}.yoopta-block-actions{display:flex;opacity:1;position:fixed;transition:opacity .15s ease-out}.yoopta-block-action-buttons{align-items:center;display:flex;gap:4px}.yoopta-block-actions-plus{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.yoopta-block-actions-plus:hover{background:#f5f5f5;border-color:#d0d0d0;color:#333}.yoopta-block-actions-drag{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#999;cursor:grab;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.yoopta-block-actions-drag:hover{background:#f5f5f5;border-color:#d0d0d0;color:#666}.yoopta-block-actions-drag:active{cursor:grabbing}[data-yoopta-block][data-yoopta-selected=true]{background-color:#4361ee1a;border-radius:4px}[data-yoopta-editor]:focus-within{border-color:#4361ee;box-shadow:0 0 0 2px #4361ee33}[data-yoopta-editor] strong{font-weight:700}[data-yoopta-editor] em{font-style:italic}[data-yoopta-editor] u{text-decoration:underline}[data-yoopta-editor] s{text-decoration:line-through}[data-yoopta-editor] code{background-color:#f4f4f4;border-radius:3px;font-family:Courier New,monospace;font-size:.9em;padding:2px 4px}[data-yoopta-editor] mark{background-color:#ffeb3b;border-radius:2px;padding:1px 2px}@media (max-width:768px){.yoopta-editor-container{border-radius:0}[data-yoopta-editor]{font-size:16px;padding:16px}[data-yoopta-toolbar]{gap:2px;padding:6px}[data-yoopta-toolbar] button{font-size:16px;padding:8px}}[data-yoopta-block-type=Table]{margin:16px 0;overflow-x:auto}[data-yoopta-block-type=Table] table{border:1px solid #ddd;border-collapse:collapse;width:100%}[data-yoopta-block-type=Table] td,[data-yoopta-block-type=Table] th{border:1px solid #ddd;padding:8px 12px;text-align:left}[data-yoopta-block-type=Table] th{background-color:#f5f5f5;font-weight:700}[data-yoopta-block-type=Divider]{margin:24px 0}[data-yoopta-block-type=Divider] hr{border:none;border-top:2px solid #e0e0e0;margin:0}[data-yoopta-block-type=Accordion]{border:1px solid #ddd;border-radius:4px;margin:16px 0;overflow:hidden}[data-yoopta-block-type=Accordion] .accordion-header{background-color:#f5f5f5;cursor:pointer;font-weight:500;padding:12px 16px}[data-yoopta-block-type=Accordion] .accordion-header:hover{background-color:#e8e8e8}[data-yoopta-block-type=Accordion] .accordion-content{background-color:#fff;padding:16px}[data-yoopta-block-type=Code]{margin:16px 0}[data-yoopta-block-type=Code] pre{background-color:#282c34;border-radius:4px;color:#abb2bf;font-family:Courier New,Consolas,Monaco,monospace;font-size:14px;line-height:1.5;overflow-x:auto;padding:16px}[data-yoopta-block-type=Code] code{background:none;font-size:inherit;padding:0}[data-yoopta-block-type=Embed]{height:0;margin:16px 0;overflow:hidden;padding-bottom:56.25%;position:relative}[data-yoopta-block-type=Embed] iframe{border:none;border-radius:4px;height:100%;left:0;position:absolute;top:0;width:100%}[data-yoopta-block-type=File]{margin:16px 0}[data-yoopta-block-type=File] .file-block{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;padding:12px;transition:background-color .2s}[data-yoopta-block-type=File] .file-block:hover{background-color:#f0f0f0}[data-yoopta-block-type=File] .file-icon{color:#666;font-size:24px;margin-right:12px}[data-yoopta-block-type=File] .file-info{flex:1 1}[data-yoopta-block-type=File] .file-name{font-weight:500;margin-bottom:4px}[data-yoopta-block-type=File] .file-size{color:#666;font-size:12px}[data-yoopta-block-type=Callout]{background-color:#f0f4ff;border-left:4px solid #4361ee;border-radius:4px;margin:16px 0;padding:16px}[data-yoopta-block-type=Callout].info{background-color:#e3f2fd;border-left-color:#2196f3}[data-yoopta-block-type=Callout].warning{background-color:#fff3e0;border-left-color:#ff9800}[data-yoopta-block-type=Callout].error{background-color:#ffebee;border-left-color:#f44336}[data-yoopta-block-type=Callout].success{background-color:#e8f5e9;border-left-color:#4caf50}[data-yoopta-block-type=Video]{margin:16px 0;text-align:center}[data-yoopta-block-type=Video] video{border-radius:4px;box-shadow:0 2px 8px #0000001a;height:auto;max-width:100%}.yoopta-editor-container::-webkit-scrollbar{width:8px}.yoopta-editor-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.yoopta-editor-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.yoopta-editor-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.rich-editor-modal-body [data-yoopta-block]{position:relative}.rich-editor-modal-body [data-yoopta-block]:not(:hover) .yoopta-block-actions{opacity:0;pointer-events:none}.rich-editor-modal-body [data-yoopta-block]:focus-within .yoopta-block-actions,.rich-editor-modal-body [data-yoopta-block]:hover .yoopta-block-actions{opacity:1;pointer-events:auto}[data-editor-scope]{isolation:isolate;position:relative}style[data-scoped=true]{display:none}.board-component-container{box-sizing:border-box;font-family:Inter,sans-serif;height:100%;overflow:auto;position:relative;width:100%}.board-title{color:#334155;flex-grow:1;font-size:1.25rem;font-weight:600;margin:0;padding-left:20px}.board-top-buttons{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.board-new-button{margin:10px 20px}.board-list-mode{height:100%;width:100%}.board-list-table-container{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow:hidden}@media (max-width:768px){.board-list-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.board-list-table{min-width:600px}.board-list-table-container::-webkit-scrollbar{height:6px}.board-list-table-container::-webkit-scrollbar-track{background:#f1f1f1}.board-list-table-container::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.board-list-table-container::-webkit-scrollbar-thumb:hover{background:#555}}.board-list-table{border-collapse:collapse;width:100%}.board-list-thead{background-color:#f1f5f9;border-bottom:2px solid #e2e8f0}.board-list-th{color:#334155;font-size:.875rem;font-weight:600;padding:14px 12px}.board-list-th-id{text-align:center;width:60px}.board-list-th-title{text-align:left}.board-list-th-author,.board-list-th-date{text-align:center;width:120px}.board-list-th-views{text-align:center;width:70px}.board-list-tr{border-bottom:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease}.board-list-tr:hover{background-color:#f8fafc}.board-list-td{font-size:.875rem;padding:14px 12px}.board-list-td-id{color:#64748b;text-align:center}.board-list-td-title{color:#334155;font-weight:500;text-align:left}.board-list-td-title-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-empty-list,.board-list-td-author,.board-list-td-date,.board-list-td-views{color:#64748b;text-align:center}.board-empty-list{background-color:#f8fafc;font-size:.875rem;padding:32px}.board-loading{align-items:center;display:flex;justify-content:center;padding:24px}.board-loading-spinner{animation:spin .8s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:24px;width:24px}.board-loading-text{color:#64748b;font-size:.875rem;margin-left:12px}.board-pagination{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:24px}.board-pagination-button{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:400;padding:8px 14px;transition:all .2s ease}.board-pagination-button.active{background-color:#3b82f6;border:none;box-shadow:0 2px 4px #3b82f64d;color:#fff;font-weight:600}.board-detail-mode{height:100%;width:100%}.board-detail-actions{display:flex;justify-content:space-between;margin-bottom:16px}.board-list-button{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:4px;padding:8px 16px;transition:all .2s ease}.board-action-buttons{display:flex;gap:8px}.board-edit-button{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b}.board-delete-button,.board-edit-button{cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.board-delete-button{background-color:#ef4444;border:none;border-radius:6px;color:#fff}.board-detail-container{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.board-detail-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:20px}.board-detail-title{color:#334155;font-size:1.25rem;font-weight:600;margin:0 0 12px}.board-detail-info{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:.875rem;gap:12px}.board-detail-info-item{align-items:center;display:inline-flex;gap:4px}.board-detail-info-label{color:#475569;font-weight:700;margin-right:4px}.board-detail-content{color:#334155;font-size:.9375rem;line-height:1.6;min-height:200px;padding:24px}.board-comments-section{margin-top:32px}.board-comments-title{color:#334155;font-size:1.125rem;font-weight:600;margin-bottom:16px}.board-comment-form{border:1px solid #e2e8f0;border-radius:6px;margin-bottom:16px;overflow:hidden}.board-comment-form-inner{padding:16px}.board-comment-textarea{border:1px solid #e2e8f0;border-radius:4px;font-size:.875rem;min-height:80px;padding:12px;resize:vertical;width:100%}.board-comment-submit{display:flex;justify-content:flex-end;margin-top:8px}.board-comment-button{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px}.board-comments-list{border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.board-comment-item{border-bottom:1px solid #e2e8f0;padding:16px}.board-comment-item:last-child{border-bottom:none}.board-comment-header{display:flex;justify-content:space-between;margin-bottom:8px}.board-comment-author{color:#334155;font-size:.875rem;font-weight:500}.board-comment-date{color:#64748b;font-size:.75rem}.board-comment-content{color:#4b5563;font-size:.875rem;line-height:1.5}.board-comment-actions{display:flex;gap:8px;margin-top:8px}.board-comment-delete-button,.board-comment-edit-button{background-color:initial;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;font-size:.75rem;padding:4px 12px;transition:all .2s}.board-comment-edit-button:hover{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.board-comment-delete-button:hover{background-color:#ef4444;border-color:#ef4444;color:#fff}.board-comment-edit-form{margin-top:8px}.board-comment-edit-textarea{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;font-family:inherit;font-size:.875rem;line-height:1.5;min-height:80px;padding:12px;resize:vertical;width:100%}.board-comment-edit-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.board-comment-edit-actions{display:flex;gap:8px;margin-top:8px}.board-comment-cancel-button,.board-comment-save-button{border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;padding:6px 16px;transition:all .2s ease}.board-comment-save-button{background-color:#3b82f6;border:none;color:#fff}.board-comment-save-button:hover{background-color:#2563eb}.board-comment-cancel-button{background-color:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.board-comment-cancel-button:hover{background-color:#f1f5f9;border-color:#cbd5e1}.board-no-comments{background-color:#f8fafc;border-radius:6px;color:#64748b;font-size:.875rem;padding:16px;text-align:center}.board-comment-pagination{align-items:center;display:flex;gap:4px;justify-content:center;margin:20px 0;padding:16px 0}.board-comment-page-button{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:0 12px;transition:all .2s ease}.board-comment-page-button:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1;color:#475569}.board-comment-page-button.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff;cursor:default}.board-comment-page-button:disabled{cursor:not-allowed;opacity:.8}.board-comment-page-dots{color:#94a3b8;font-size:.875rem;padding:0 8px}.board-delete-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.board-delete-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-width:400px;padding:24px;width:90%}.board-delete-modal-title{color:#334155;font-size:1.125rem;font-weight:600;margin-bottom:16px;margin-top:0}.board-delete-modal-text{color:#4b5563;font-size:.875rem;margin-bottom:24px}.board-delete-modal-actions{display:flex;gap:8px;justify-content:flex-end}.board-delete-modal-cancel{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#64748b}.board-delete-modal-cancel,.board-delete-modal-confirm{cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px}.board-delete-modal-confirm{background-color:#ef4444;border:none;border-radius:4px;color:#fff}.board-form-mode{height:100%;width:100%}.board-form-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.board-form-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:10px}.board-form-title{color:#334155;font-size:1.5rem;font-weight:600;margin:0}.board-form-content{background-color:#f8fafc;border-radius:6px;overflow:hidden;padding:16px}.board-form-group{margin-bottom:20px}.board-form-label{color:#4b5563;display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.board-form-input{padding:12px 16px}.board-form-input,.board-form-textarea{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:1rem;width:100%}.board-form-textarea{line-height:1.5;min-height:300px;padding:16px;resize:vertical}.board-form-editor{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;min-height:400px;overflow:hidden;width:100%}.board-form-editor .ck-editor,.board-form-editor .ckeditor-cloud-container,.board-form-editor .ckeditor-cloud-editor{height:100%;width:100%}.board-form-editor .ck-content,.board-form-editor .ck-editor__main{min-height:400px}.board-form-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.board-form-submit{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;max-width:200px;padding:12px 24px;transition:background-color .2s ease;width:50%}.board-form-submit:hover{background-color:#2563eb}.board-form-cancel{background-color:#6b7280;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;max-width:200px;padding:12px 24px;transition:background-color .2s ease;width:50%}.board-form-cancel:hover{background-color:#4b5563}.finapp-mode.board-component-container{background:#0000;min-height:100vh;padding:0}.finapp-mode .board-title{background-color:initial;color:#1a1a1a;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0;padding:0}.finapp-mode .board-top-buttons{align-items:center;background-color:initial;flex-direction:row;gap:0;justify-content:space-between;margin-bottom:0;padding:0 20px 20px 0}.finapp-mode .board-new-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;box-shadow:0 4px 15px #667eea66;color:#fff;font-size:.875rem;font-weight:600;margin:0;padding:10px 20px;width:auto}.finapp-mode .board-new-button:active{box-shadow:0 2px 8px #667eea4d;transform:scale(.95)}.finapp-mode .board-list-mode{background-color:initial}.finapp-mode .board-list-table-container{background-color:initial;border:none;box-shadow:none;overflow:visible}.finapp-mode .board-list-table{background-color:initial;display:block}.finapp-mode .board-list-thead{display:none}.finapp-mode tbody{display:block}.finapp-mode .board-list-tr{background:#fff;border:none;border-radius:16px;box-shadow:0 4px 20px #00000014;display:block;margin-bottom:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.finapp-mode .board-list-tr:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.finapp-mode .board-list-tr:hover:before{opacity:1}.finapp-mode .board-list-tr:active{box-shadow:0 2px 10px #00000014;transform:scale(.98)}.finapp-mode .board-list-td{border:none;display:block;padding:0;text-align:left!important}.finapp-mode .board-list-td-id{display:none}.finapp-mode .board-list-td-title{color:#2d3748;font-size:1.125rem;font-weight:600;letter-spacing:-.3px;line-height:1.5;margin-bottom:12px;padding-bottom:0}.finapp-mode .board-list-td-title-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:visible;overflow:hidden;text-overflow:clip;white-space:normal;word-break:break-word}.finapp-mode .board-list-tr:after{clear:both;content:"";display:block}.finapp-mode .board-list-td-author,.finapp-mode .board-list-td-date,.finapp-mode .board-list-td-views{align-items:center;color:#718096;display:inline-flex;font-size:.8125rem;margin-right:16px;padding:0;position:relative}.finapp-mode .board-list-td-author:before{content:"👤";font-size:.875rem;margin-right:4px}.finapp-mode .board-list-td-date:before{content:"📅";font-size:.875rem;margin-right:4px}.finapp-mode .board-list-td-views:before{content:"👁";font-size:.875rem;margin-right:4px}.finapp-mode .board-list-td-author:after,.finapp-mode .board-list-td-date:after,.finapp-mode .board-list-td-views:after{display:none}.finapp-mode .board-empty-list{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:20px;padding:80px 20px;text-align:center}.finapp-mode .board-empty-list:before{content:"📭";display:block;font-size:3rem;margin-bottom:16px;opacity:.5}.finapp-mode .board-loading{background-color:initial;margin:0;padding:80px 24px;text-align:center}.finapp-mode .board-loading-spinner{border:3px solid #e2e8f0;border-top-color:#667eea;height:48px;margin:0 auto 16px;width:48px}.finapp-mode .board-loading-text{color:#718096;font-size:.9375rem;margin:0}.finapp-mode .board-pagination{align-items:center;background-color:initial;display:flex;gap:8px;justify-content:center;padding:24px 20px 40px}.finapp-mode .board-pagination-button{background-color:#fff;border:2px solid #0000;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#4a5568;font-size:.875rem;font-weight:600;height:40px;padding:0;transition:all .2s ease;width:40px}.finapp-mode .board-pagination-button:hover{border-color:#667eea;box-shadow:0 4px 12px #00000026;color:#667eea;transform:translateY(-2px)}.finapp-mode .board-pagination-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 15px #667eea66;color:#fff}.finapp-mode .board-detail-mode{background:#0000;min-height:100vh;padding:0}.finapp-mode .board-detail-actions{align-items:center;background-color:initial;display:flex;justify-content:space-between;margin-bottom:0;padding-bottom:16px}.finapp-mode .board-list-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 2px 4px #0000000d;color:#4a5568;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px}.finapp-mode .board-action-buttons{display:flex;gap:8px}.finapp-mode .board-edit-button{background:#fff;border:1px solid #667eea;border-radius:20px;color:#667eea;font-size:.875rem;font-weight:500;padding:8px 16px}.finapp-mode .board-delete-button{background:#ef4444;border:none;border-radius:20px;box-shadow:0 2px 4px #ef44444d;color:#fff;font-size:.875rem;font-weight:500;padding:8px 16px}.finapp-mode .board-detail-container{background:#fff;border:none;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.finapp-mode .board-detail-header{background-color:#fff;border-bottom:1px solid #f0f0f0;padding:24px}.finapp-mode .board-detail-title{color:#1a202c;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;line-height:1.4;margin-bottom:16px;word-break:break-word}.finapp-mode .board-detail-info{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.finapp-mode .board-detail-info-item{align-items:center;color:#718096;display:flex;font-size:.875rem;gap:4px;white-space:nowrap}.finapp-mode .board-detail-info-label{color:#4a5568;flex-shrink:0;font-weight:600;margin-right:4px}.finapp-mode .board-detail-info-item:before{background:#cbd5e0;border-radius:50%;content:"";display:none;height:4px;width:4px}@media (min-width:640px){.finapp-mode .board-detail-info{flex-direction:row;flex-wrap:wrap;gap:16px}.finapp-mode .board-detail-info-item:before{display:inline-block}.finapp-mode .board-detail-info-item:first-child:before{display:none}}.finapp-mode .board-detail-content{background-color:#fff;color:#2d3748;font-size:1rem;line-height:1.8;padding:24px}.finapp-mode .board-comments-section{background-color:initial;margin-top:20px}.finapp-mode .board-comments-title{color:#1a202c;font-size:1.25rem;font-weight:700;letter-spacing:-.3px;margin-bottom:0;padding:0 0 20px}.finapp-mode .board-comment-form{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 4px 20px #667eea4d;margin:0 0 20px;padding:2px}.finapp-mode .board-comment-form-inner{background:#fff;border-radius:14px;padding:16px}.finapp-mode .board-comment-textarea{background-color:#f7fafc;border:2px solid #0000;border-radius:12px;font-size:.9375rem;min-height:100px;padding:16px;resize:none;transition:all .2s ease}.finapp-mode .board-comment-textarea:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.finapp-mode .board-comment-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;box-shadow:0 4px 15px #667eea66;color:#fff;font-size:.875rem;font-weight:600;padding:10px 24px;transition:all .2s ease}.finapp-mode .board-comment-button:active{box-shadow:0 2px 8px #667eea4d;transform:scale(.95)}.finapp-mode .board-comments-list{border:none;border-radius:0;margin:0}.finapp-mode .board-comment-item{background:#fff;border:none;border-radius:16px;box-shadow:0 2px 10px #0000000d;margin-bottom:12px;padding:20px}.finapp-mode .board-comment-item:last-child{margin-bottom:0}.finapp-mode .board-comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.finapp-mode .board-comment-author{color:#2d3748;font-size:.9375rem;font-weight:600}.finapp-mode .board-comment-date{color:#a0aec0;font-size:.8125rem}.finapp-mode .board-comment-content{color:#4a5568;font-size:.9375rem;line-height:1.6}.finapp-mode .board-no-comments{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000d;color:#a0aec0;font-size:.9375rem;margin:0;padding:40px 20px;text-align:center}.finapp-mode .board-no-comments:before{content:"💬";display:block;font-size:2.5rem;margin-bottom:12px;opacity:.5}.finapp-mode .board-form-mode{background:#0000;min-height:100vh;padding:0}.finapp-mode .board-form-container{background-color:initial;border-radius:0;box-shadow:none;margin:0;padding:0}.finapp-mode .board-form-header{background:#0000;border-bottom:none;margin-bottom:0;padding:20px}.finapp-mode .board-form-title{color:#1a202c;font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.finapp-mode .board-form-content{background-color:initial;border-radius:0;padding:0 20px 20px}.finapp-mode .board-form-group{margin-bottom:24px}.finapp-mode .board-form-label{color:#4a5568;display:block;font-size:.9375rem;font-weight:600;margin-bottom:8px}.finapp-mode .board-form-input,.finapp-mode .board-form-textarea{background-color:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;font-size:1rem;padding:16px;transition:all .2s ease}.finapp-mode .board-form-input:focus,.finapp-mode .board-form-textarea:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.finapp-mode .board-form-textarea{min-height:240px;resize:vertical}.finapp-mode .board-form-editor{background-color:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;min-height:300px;overflow:hidden;transition:all .2s ease}.finapp-mode .board-form-editor:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.finapp-mode .board-form-editor .ck-editor__main{min-height:300px}.finapp-mode .board-form-editor .ck-content{min-height:300px;padding:16px}.finapp-mode .board-form-editor .ck-toolbar{border-bottom:1px solid #e2e8f0;border-radius:10px 10px 0 0}.finapp-mode .board-form-actions{background-color:initial;display:flex;gap:12px;margin-top:0;padding:20px}.finapp-mode .board-form-submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.finapp-mode .board-form-cancel,.finapp-mode .board-form-submit{border:none;border-radius:24px;font-size:1rem;font-weight:600;max-width:none;padding:16px;transition:all .2s ease;width:50%}.finapp-mode .board-form-cancel{background:#e5e7eb;box-shadow:0 2px 10px #0000001a;color:#4b5563}.finapp-mode .board-form-cancel:active{box-shadow:0 1px 5px #0000001a;transform:scale(.98)}.finapp-mode .board-form-submit:active{box-shadow:0 2px 8px #667eea4d;transform:scale(.98)}.finapp-mode .board-delete-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0009}.finapp-mode .board-delete-modal{border-radius:20px;box-shadow:0 10px 40px #0003;max-width:320px;padding:24px}.finapp-mode .board-delete-modal-title{color:#1a202c;font-size:1.25rem;font-weight:700;margin-bottom:12px}.finapp-mode .board-delete-modal-text{color:#718096;font-size:.9375rem;line-height:1.5}.finapp-mode .board-delete-modal-actions{gap:12px;margin-top:24px}.finapp-mode .board-delete-modal-cancel{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;color:#4a5568;font-size:.9375rem;font-weight:600;padding:12px 24px}.finapp-mode .board-delete-modal-confirm{background:linear-gradient(135deg,#f56565,#e53e3e);border-radius:12px;box-shadow:0 4px 15px #f5656566;font-size:.9375rem;font-weight:600;padding:12px 24px}.category-menu-container{width:100%}.category-menu-loading{align-items:center;color:#6c757d;display:flex;justify-content:center;padding:20px}.category-menu-error{align-items:center;display:flex;margin-bottom:0;padding:15px}.category-menu-empty{color:#6c757d;font-style:italic;padding:30px;text-align:center}.category-menu-list{list-style:none;margin:0;padding:0}.category-menu-item{margin-bottom:10px;transition:all .3s ease}.category-menu-item:last-child{margin-bottom:0}.category-menu-link{align-items:center;background-color:#f8f9fa;border:1px solid #0000;border-radius:8px;color:#333;cursor:pointer;display:flex;outline:none;padding:12px 16px;text-decoration:none;transition:all .3s ease}.category-menu-link:focus{box-shadow:0 0 0 2px #4285f44d}.category-menu-link:hover{background-color:#e9ecef;border-color:#dee2e6;color:#333;text-decoration:none;transform:translateX(5px)}.category-menu-item.active .category-menu-link{background-color:#4285f4;border-color:#4285f4;color:#fff}.category-menu-item.active .category-menu-link:hover{background-color:#3367d6;border-color:#3367d6}.category-all .category-menu-link{background-color:#e3f2fd;font-weight:600}.category-all .category-menu-link:hover{background-color:#bbdefb}.category-icon{font-size:1.1em;margin-right:8px}.category-name{flex:1 1;font-weight:500}.category-count{font-size:.9em;margin-left:auto}.category-menu-item.active .category-count{color:#fffc}.category-description{color:#6c757d;font-size:.85em;line-height:1.4;margin:8px 0 0;padding:0 16px}.category-submenu{list-style:none;margin:8px 0 0;padding:0}.category-menu-item.has-children>.category-menu-link{position:relative}.category-menu-item.has-children>.category-menu-link:after{color:#6c757d;content:"▶";font-size:.8em;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:transform .2s}.category-menu-item.has-children.expanded>.category-menu-link:after{transform:translateY(-50%) rotate(90deg)}.category-menu-grid{width:100%}.category-menu-card{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;transition:all .3s ease}.category-menu-card:hover{border-color:#4285f4;box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.category-menu-card.active{background-color:#e3f2fd;border-color:#4285f4}.category-menu-card{cursor:pointer;outline:none}.category-menu-card:focus{box-shadow:0 0 0 2px #4285f44d}.category-card-body{padding:20px;text-align:center}.category-card-icon{color:#4285f4;font-size:2.5em;margin-bottom:15px}.category-menu-card.active .category-card-icon{color:#1967d2}.category-card-title{color:#333;font-size:1.1em;font-weight:600;margin-bottom:8px}.category-card-count{color:#6c757d;font-size:.9em;margin-bottom:8px}.category-card-description{color:#6c757d;font-size:.85em;line-height:1.4;margin-bottom:0}.category-menu-dropdown{position:relative}.category-menu-dropdown .dropdown-toggle{align-items:center;display:flex;font-weight:500;justify-content:space-between;padding:10px 16px;text-align:left}.category-menu-dropdown .dropdown-menu{border-radius:8px;box-shadow:0 5px 20px #0000001a;left:0;margin-top:5px;max-height:300px;overflow-y:auto;position:absolute;top:100%;z-index:1000}.category-menu-dropdown .dropdown-item{cursor:pointer;font-weight:500;outline:none;padding:10px 16px;transition:all .2s ease}.category-menu-dropdown .dropdown-item:focus{box-shadow:inset 0 0 0 2px #4285f44d}.category-menu-dropdown .dropdown-item:hover{background-color:#f8f9fa}.category-menu-dropdown .dropdown-item.active{background-color:#4285f4;color:#fff}.category-menu-dropdown .dropdown-item.has-children{font-weight:600}.category-menu-dropdown .dropdown-divider{border-color:#e9ecef;margin:4px 0}.category-menu-editor-wrapper{min-height:50px;position:relative}@media (max-width:768px){.category-menu-link{font-size:.95em;padding:10px 12px}.category-card-body{padding:15px}.category-card-icon{font-size:2em;margin-bottom:10px}.category-card-title{font-size:1em}.category-menu-grid .col-3,.category-menu-grid .col-4{flex:0 0 50%;max-width:50%}}@media (max-width:576px){.category-menu-grid .col-2,.category-menu-grid .col-3,.category-menu-grid .col-4,.category-menu-grid .col-6{flex:0 0 100%;max-width:100%}.category-menu-link{padding:8px 10px}}.simple-category-menu{padding:8px 0;width:100%}.simple-category-item{background:#0000;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:14px;font-weight:500;margin:0;outline:none;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.simple-category-item:hover{background-color:#f5f5f5!important}.simple-category-item.active{background-color:#1890ff!important;color:#fff!important}.simple-category-item.active:hover{background-color:#40a9ff!important}.simple-category-item:focus{box-shadow:0 0 0 2px #1890ff4d}.simple-category-horizontal{flex-direction:row;flex-wrap:wrap}.simple-category-vertical{flex-direction:column}.simple-category-align-left{justify-content:flex-start}.simple-category-align-center{justify-content:center}.simple-category-align-right{justify-content:flex-end}.simple-category-spacing-compact{gap:8px}.simple-category-spacing-normal{gap:16px}.simple-category-spacing-loose{gap:24px}.simple-category-loading{color:#666;font-size:14px;padding:20px;text-align:center}.simple-category-error{background-color:#fee;border-radius:4px;color:#c00;font-size:14px;padding:15px}.simple-category-empty{color:#999;font-size:14px;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.simple-category-item{font-size:13px;padding:6px 12px}.simple-category-horizontal{flex-direction:column}}.quick-menu-container{padding:20px 0;width:100%}.quick-menu-item{transition:transform .3s ease}.quick-menu-item.hover-effect:hover{transform:translateY(-5px)}.quick-menu-icon{align-items:center;background-color:#f5f5f5;border-radius:50%;display:flex;justify-content:center;overflow:hidden;position:relative;transition:box-shadow .3s ease}.quick-menu-item.hover-effect:hover .quick-menu-icon{box-shadow:0 5px 15px #00000026}.quick-menu-image{height:100%;object-fit:cover;width:100%}.quick-menu-placeholder{color:#999;font-size:24px}.quick-menu-all-category,.quick-menu-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.quick-menu-all-category{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700}.quick-menu-all-category .all-text{font-size:20px;font-weight:700;letter-spacing:1px}.quick-menu-label{line-height:1.4;margin-top:8px;text-align:center;word-break:keep-all}.quick-menu-empty,.quick-menu-loading{color:#666;font-size:14px;padding:40px;text-align:center}@media (max-width:1200px){.quick-menu-container{padding:15px 0}}@media (max-width:768px){.quick-menu-container{grid-template-columns:repeat(4,1fr)!important}.quick-menu-label{font-size:12px}}@media (max-width:480px){.quick-menu-container{gap:12px!important;grid-template-columns:repeat(3,1fr)!important}.quick-menu-icon{height:60px!important;width:60px!important}}.quick-product-filter-component{padding:20px 0}.quick-menu-section{background-color:#fff;padding:20px 0}.quick-menu-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.quick-menu-container.horizontal{display:flex;justify-content:center}.quick-menu-container.vertical{display:block}.quick-menu-items{display:flex;gap:20px;min-width:-webkit-min-content;min-width:min-content;padding:10px 0}.quick-menu-container.vertical .quick-menu-items{align-items:flex-start;flex-direction:column}.quick-menu-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;min-width:80px;text-align:center;transition:all .3s ease}.quick-menu-item:hover{transform:translateY(-5px)}.quick-menu-item.active{opacity:1}.quick-menu-item.active .quick-menu-icon-wrapper{border-color:#4285f4;box-shadow:0 4px 12px #4285f44d}.quick-menu-item.active .quick-menu-label{color:#4285f4;font-weight:600}.quick-menu-icon-wrapper{align-items:center;background-color:#f8f9fa;border:2px solid #0000;border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:8px;overflow:hidden;transition:all .3s ease;width:60px}.quick-menu-icon{height:100%;object-fit:cover;width:100%}.quick-menu-icon-placeholder{color:#666;font-size:24px}.quick-menu-label{color:#333;font-size:14px;margin-top:5px;max-width:80px;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.product-list-section{padding:40px 0}.product-grid{margin:0 -10px}.gi-product-box{margin-bottom:20px;padding:0 10px}.gi-product-content{background:#fff;border:1px solid #f0f0f0;border-radius:8px;overflow:hidden;transition:all .3s ease}.gi-product-content:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-2px)}.gi-product-inner{position:relative}.gi-pro-image-outer{background-color:#f8f8f8;overflow:hidden;padding-top:100%;position:relative}.gi-pro-image{height:100%;left:0;position:absolute;top:0;width:100%}.gi-pro-image a{display:block;height:100%;position:relative;width:100%}.gi-pro-image img{height:100%;object-fit:cover}.gi-pro-image>div{height:100%;width:100%}.gi-pro-image .main-image{height:100%;object-fit:cover;width:100%}.flags{left:10px;position:absolute;top:10px;z-index:2}.flags .sale{background:#ff4757;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px}.product-action{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:10px;position:absolute;right:0;transform:translateY(100%);transition:all .3s ease}.gi-product-content:hover .product-action{opacity:1;transform:translateY(0)}.pro-same-action button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:18px;padding:8px 12px;transition:all .2s ease}.pro-same-action button:hover{transform:scale(1.2)}.gi-pro-content{padding:15px}.gi-pro-title{font-size:14px;font-weight:500;margin:0 0 10px}.gi-pro-title a{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;line-height:1.4;overflow:hidden;text-decoration:none;text-overflow:ellipsis}.gi-pro-title a:hover{color:#4285f4}.gi-pro-price{align-items:center;display:flex;gap:8px;margin-bottom:8px}.gi-pro-price .new-price{color:#333;font-size:16px;font-weight:600}.gi-pro-price .old-price{color:#999;font-size:14px;text-decoration:line-through}.gi-pro-stock{color:#666;font-size:12px}.stock-status.low-stock{color:#ff9800;font-weight:600}.product-pagination{margin-top:40px}.pagination{display:flex;gap:5px;justify-content:center;list-style:none;margin:0;padding:0}.pagination li{display:inline-block}.pagination li a{border:1px solid #ddd;border-radius:4px;color:#333;display:block;padding:8px 12px;text-decoration:none;transition:all .3s ease}.pagination li a:hover,.pagination li.active a{background:#4285f4;border-color:#4285f4;color:#fff}.pagination li.disabled a{color:#999;cursor:not-allowed;pointer-events:none}.load-more-btn{background:#4285f4;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 40px;transition:all .3s ease}.load-more-btn:hover{background:#3367d6;box-shadow:0 5px 15px #4285f44d;transform:translateY(-2px)}.no-products,.product-loading,.quick-product-filter-loading{color:#666;font-size:16px;padding:40px 20px;text-align:center}@media (max-width:991px){.quick-menu-items{gap:15px}.quick-menu-icon-wrapper{height:50px;width:50px}.quick-menu-label{font-size:13px}}@media (max-width:767px){.quick-menu-section{padding:15px 0}.quick-menu-container{padding:0 15px}.quick-menu-items{gap:10px;justify-content:flex-start}.quick-menu-item{min-width:65px}.quick-menu-icon-wrapper{height:45px;width:45px}.quick-menu-label{font-size:12px;max-width:65px}.product-list-section{padding:20px 0}.gi-product-box{margin-bottom:10px;padding:0 5px}.gi-pro-content{padding:10px}.gi-pro-title{font-size:13px}.gi-pro-price .new-price{font-size:14px}.gi-pro-price .old-price{font-size:12px}}.dual-banner-container{box-sizing:border-box;display:flex;overflow:hidden;position:relative;width:100%}.dual-banner-item{flex:1 1;overflow:hidden;position:relative;transition:transform .3s ease}.dual-banner-item:hover{transform:scale(1.02)}.dual-banner-image{display:block;height:100%;object-fit:cover;width:100%}.dual-banner-overlay{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.dual-banner-content{left:50%;max-width:600px;padding:20px;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1}.dual-banner-content h1,.dual-banner-content h2,.dual-banner-content h3,.dual-banner-content h4,.dual-banner-content h5,.dual-banner-content h6{font-weight:700;margin:0 0 10px}.dual-banner-content p{line-height:1.6;margin:0 0 10px}.dual-banner-content a{color:inherit;pointer-events:auto;text-decoration:underline}@media (max-width:768px){.dual-banner-container{flex-direction:column;height:auto!important}.dual-banner-item{height:300px}.dual-banner-content{font-size:.9em;padding:15px;width:85%}.dual-banner-content h1{font-size:1.5em}.dual-banner-content h2{font-size:1.3em}.dual-banner-content h3{font-size:1.1em}}@media (max-width:480px){.dual-banner-item{height:250px}.dual-banner-content{font-size:.8em;padding:10px;width:80%}.dual-banner-content h1{font-size:1.3em}.dual-banner-content h2{font-size:1.1em}.dual-banner-content h3{font-size:1em}}.search-bar-component{padding:15px 0;position:relative}.search-bar-component input::-webkit-search-cancel-button,.search-bar-component input::-webkit-search-decoration,.search-bar-component input::-webkit-search-results-button,.search-bar-component input::-webkit-search-results-decoration{display:none}.search-bar-component input::placeholder{color:#a0a0a0;opacity:1;transition:all .3s ease}.search-bar-component input:focus::placeholder{opacity:.7;transform:translateX(5px)}.search-bar-component input:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.search-bar-component button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.search-bar-component input{transition:all .3s cubic-bezier(.4,0,.2,1)}.search-bar-component input:focus{background-color:#fff;box-shadow:0 0 0 3px #007bff1a}.search-bar-component button{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-bar-component button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.search-bar-component button:hover:before{height:300px;width:300px}.search-bar-modern{padding:20px 0}.search-bar-modern input{font-size:16px;font-weight:400;line-height:1.5}.search-bar-modern button{font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.search-bar-component{padding:10px 15px}.search-bar-component input{font-size:14px}.search-bar-component button{font-size:14px;padding:0 20px!important}.search-bar-modern{padding:10px 15px}}.spinner-border{animation:spinner-border .75s linear infinite;border:.2em solid;border-radius:50%;border-right:.2em solid #0000;display:inline-block;height:1rem;vertical-align:text-bottom;width:1rem}.spinner-border-sm{border-width:.15em;height:.875rem;width:.875rem}@keyframes spinner-border{to{transform:rotate(1turn)}}.search-bar-component input:focus,.search-bar-modern input:focus{outline:none}.search-bar-component button:hover:not(:disabled){box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.search-bar-modern button:hover:not(:disabled){box-shadow:0 4px 12px #007bff40}.section-container{box-sizing:border-box;position:relative;transition:all .3s ease;width:100%}.section-container.section-editor{min-height:200px}.section-container.selected{outline:2px solid #4361ee;outline-offset:2px}.section-container.section-grid{display:grid}.section-container.section-flex-row{display:flex;flex-direction:row;flex-wrap:wrap}.section-container.section-flex-column{display:flex;flex-direction:column}.section-container.section-flex-gap{align-content:flex-start;align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap}.section-area{min-height:100px;position:relative;transition:all .2s ease}.section-area.drag-over{background-color:#4361ee0d!important;border-color:#4361ee!important}.section-area.drag-hover{transform:scale(1.01)}.area-placeholder{align-items:center;color:#999;display:flex;flex-direction:column;font-size:14px;height:100%;justify-content:center;min-height:80px;padding:20px;text-align:center}.area-label{color:#666;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.area-hint{color:#aaa;font-size:12px;margin-top:4px}.area-components{width:100%}.section-container.section-flex-column .area-components{display:flex;flex-direction:column;gap:10px}.section-container.section-flex-row .area-components{display:block;overflow:hidden;width:100%}.section-container.section-flex-row .area-components:after{clear:both;content:"";display:table}.section-container.section-flex-row .area-components>.placed-component{box-sizing:border-box;display:block!important;float:left!important;margin:0}.section-container.section-flex-gap .area-components{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.section-container.section-flex-gap .area-components>.placed-component{box-sizing:border-box;flex:1 1 auto;min-width:0}.section-container.section-flex-row .area-components>.placed-component[data-width="25"]{width:25%!important}.section-container.section-flex-row .area-components>.placed-component[data-width="33"]{width:33.33%!important}.section-container.section-flex-row .area-components>.placed-component[data-width="50"]{width:50%!important}.section-container.section-flex-row .area-components>.placed-component[data-width="66"]{width:66.66%!important}.section-container.section-flex-row .area-components>.placed-component[data-width="75"]{width:75%!important}.section-container.section-flex-row .area-components>.placed-component[data-width="100"],.section-container.section-flex-row .area-components>.placed-component[data-width=auto]{clear:both;width:100%!important}.flex-drop-area{transition:all .2s ease;width:100%}.flex-drop-area.drag-over{animation:dropPulse 1.5s infinite}.section-empty{align-items:center;border:2px dashed #e0e0e0;border-radius:8px;color:#999;display:flex;font-size:14px;justify-content:center;min-height:150px;padding:20px;text-align:center}.section-container.mobile-view{padding:10px}.section-container.mobile-view.section-grid{grid-template-columns:1fr!important}.section-container.tablet-view.section-grid{grid-template-columns:repeat(2,1fr)}.section-container.mobile-view.section-flex-gap{flex-direction:column;padding-left:10px;padding-right:10px}.section-container.mobile-view.section-flex-gap .area-components>.placed-component{flex:1 1 100%;width:100%}.section-container[data-template=sidebar]{grid-template-columns:1fr 3fr}.section-container[data-template=magazine]{grid-template-columns:2fr 1fr;grid-template-rows:repeat(3,minmax(150px,auto))}.section-container[data-template=two-columns]{grid-template-columns:repeat(2,1fr)}.section-container[data-template=three-columns]{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.section-container[data-template=magazine],.section-container[data-template=sidebar],.section-container[data-template=three-columns]{grid-template-columns:1fr!important;grid-template-rows:auto!important}.section-container[data-template=magazine] .section-area-main,.section-container[data-template=magazine] .section-area-sub-1,.section-container[data-template=magazine] .section-area-sub-2,.section-container[data-template=magazine] .section-area-sub-3{grid-area:auto!important}}@media (max-width:480px){.section-container[data-template=two-columns]{grid-template-columns:1fr!important}.section-area{min-height:80px}.area-placeholder{min-height:60px;padding:15px}}.section-editor .section-area{cursor:move}.section-editor .section-area:hover{background-color:#00000005}.section-area.drag-over{animation:dropPulse 1.5s infinite}.customer-service-container select:disabled{cursor:not-allowed;opacity:.6}.customer-service-container .form-element{transition:all .2s ease-in-out}.customer-service-container .form-element:focus{transform:translateY(-1px)}.customer-service-container .switch-button{transition:all .3s ease}.customer-service-container .switch-button .switch-thumb{transition:transform .3s ease}.qr-code-trigger-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:inline-flex!important;font-size:14px;font-weight:600;gap:6px;min-height:36px;min-width:60px;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.qr-code-trigger-button:hover{box-shadow:0 4px 16px #667eea66;transform:translateY(-2px)}.qr-code-trigger-button:active{transform:translateY(0)}.qr-code-trigger-button svg{height:20px;width:20px}.qr-button-small{font-size:12px;padding:6px 12px}.qr-button-small svg{height:16px;width:16px}.qr-button-medium{font-size:14px;padding:8px 16px}.qr-button-large{font-size:16px;padding:12px 24px}.qr-button-large svg{height:24px;width:24px}.qr-button-gradient{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.qr-button-solid{color:#fff}.qr-button-outline{background:#0000;border:2px solid #667eea;color:#667eea}.qr-button-ghost{background:#667eea1a;box-shadow:none;color:#667eea}.qr-button-ghost:hover{background:#667eea33}.qr-button-inline{position:relative}.qr-button-fixed-bottom-right{bottom:20px;position:fixed;right:20px;z-index:9999}.qr-button-fixed-bottom-left{bottom:20px;left:20px;position:fixed;z-index:9999}.qr-button-fixed-top-right{position:fixed;right:20px;top:20px;z-index:9999}.qr-button-fixed-top-left{left:20px;position:fixed;top:20px;z-index:9999}.qr-code-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.qr-code-modal{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);border-radius:24px;box-shadow:0 25px 50px #0000004d;max-width:450px;overflow:hidden;position:relative;width:90%}.qr-code-modal,.qr-modal-gradient{background:linear-gradient(135deg,#667eea,#764ba2)}.qr-modal-dark{background:linear-gradient(135deg,#2c2c2c,#1a1a1a)}.qr-modal-light{background:linear-gradient(135deg,#fff,#f5f5f5)}.qr-modal-light .qr-code-title{color:#333}.qr-modal-light .qr-code-url{background:#0000000d;border:1px solid #0000001a}.qr-modal-light .qr-code-url-text{color:#666}.qr-modal-light .qr-code-modal-close{background:#0000001a}.qr-modal-light .qr-code-modal-close:hover{background:#0003}.qr-modal-light .qr-code-modal-close svg{stroke:#333}.qr-code-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:36px;z-index:10}.qr-code-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.qr-code-modal-close svg{stroke:#fff;height:20px;width:20px}.qr-code-modal-content{align-items:center;display:flex;flex-direction:column;gap:24px;padding:40px 30px}.qr-code-title{color:#fff;font-size:24px;font-weight:700;margin:0;text-align:center;text-shadow:0 2px 4px #0000001a}.qr-code-image-wrapper{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0003;display:inline-block;padding:24px;position:relative}.qr-code-image{border-radius:8px;display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.qr-code-actions{gap:16px;width:100%}.qr-code-actions,.qr-code-button{display:flex;justify-content:center}.qr-code-button{align-items:center;border:none;border-radius:50px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;gap:8px;max-width:160px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.qr-code-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.qr-code-button:hover:before{height:300px;width:300px}.qr-code-button-icon{height:18px;position:relative;width:18px;z-index:1}.qr-code-button-share{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;color:#fff}.qr-code-button-share:hover{background:#ffffff4d;box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.qr-code-button-download{background:#ffffffe6;color:#667eea}.qr-code-button-download:hover{background:#fff;box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.qr-code-url{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;font-size:12px;padding:12px 20px;text-align:center;width:100%;word-break:break-all}.qr-code-url-text{color:#ffffffe6;font-family:Monaco,Courier New,monospace}.qr-code-loading{color:#ffffffe6;font-size:16px;padding:60px;text-align:center}.qr-code-error{padding:40px;text-align:center}.qr-code-error-message{background:#ff433633;border:1px solid #ff43364d;border-radius:8px;color:#fff;font-size:14px;padding:16px}@media (max-width:768px){.qr-code-modal{margin:20px;width:95%}.qr-code-modal-content{padding:30px 20px}.qr-code-title{font-size:20px}.qr-code-actions{flex-direction:column;gap:12px;width:100%}.qr-code-button{max-width:100%;width:100%}.qr-code-image-wrapper{padding:20px}.qr-code-trigger-button{font-size:13px;padding:6px 12px}}.wishlist-container{margin:0 auto;max-width:100%;min-height:100vh}.wishlist-header{background-color:initial}.wishlist-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.wishlist-loading{align-items:center;background-color:#fff;display:flex;justify-content:center;min-height:400px}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1rem}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#7c3aed;height:40px;width:40px}.wishlist-empty{background-color:#fff;border-radius:.5rem;margin:1rem;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.empty-message{color:#6b7280;font-size:1.125rem;margin-bottom:2rem}.empty-cta-button{background-color:#7c3aed;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:background-color .2s}.empty-cta-button:hover{background-color:#6d28d9}.wishlist-content{background-color:initial}.line-clamp-2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}input[type=checkbox]:checked{background-color:#7c3aed;border-color:#7c3aed}@media (max-width:768px){.wishlist-title{font-size:1.25rem}.wishlist-empty{margin:.5rem;padding:3rem 1rem}.empty-icon{font-size:3rem}.empty-message{font-size:1rem}.empty-cta-button{font-size:.875rem;padding:.625rem 1.5rem}}.wishlist-content li{transition:transform .2s,box-shadow .2s}.wishlist-content li:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.wishlist-content li:has(img){position:relative}.wishlist-content li img{transition:opacity .2s}.wishlist-content li:has(input[type=checkbox]:checked){background-color:#faf5ff;border-color:#7c3aed}button:disabled{cursor:not-allowed;opacity:.6}.wishlist-content .line-through{text-decoration:line-through}@media (max-width:1023px){.wishlist-header nav{box-shadow:0 2px 4px #0000001a}}.wishlist-content{scroll-behavior:smooth}button:focus,input:focus,select:focus{outline:2px solid #7c3aed;outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--accent-color:#640faf;--border-color:#e5e7eb;--description-color:#9ca3af}.review-component{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.text-accent{color:#640faf;color:var(--accent-color)}.bg-accent{background-color:#640faf;background-color:var(--accent-color)}.border-accent{border-color:#640faf;border-color:var(--accent-color)}.border-border{border-color:#e5e7eb;border-color:var(--border-color)}.bg-border\/25{background-color:#e5e7eb40}.text-description{color:#9ca3af;color:var(--description-color)}.bg-accent:hover{background-color:#560a93}@media (max-width:1024px){.lg\:pb-30{padding-bottom:7.5rem}.pb-15{padding-bottom:3.75rem}}@media (max-width:768px){.max-lg\:top-\[57px\]{top:57px}}.review-write-form-wrapper{background-color:#fff;border-radius:8px;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;width:100%;z-index:9999999}.review-write-form-container{margin:0 auto;max-width:800px;padding:0}.form-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:30px;padding:10px 10px 20px}.form-title{color:#1e293b;font-size:24px;font-weight:700;margin:0}.close-button{background-color:#f1f5f9;border-radius:50%;color:#64748b;height:40px;transition:all .2s ease;width:40px}.close-button:hover{background-color:#e2e8f0;color:#475569}.product-info-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin-bottom:30px;padding:20px}.product-info{align-items:flex-start;display:flex;gap:16px}.product-image{border-radius:8px;object-fit:cover}.product-image,.product-image-placeholder{border:1px solid #e2e8f0;height:80px;width:80px}.product-image-placeholder{align-items:center;background-color:#f1f5f9;border-radius:8px;color:#94a3b8;display:flex;font-size:24px;justify-content:center}.product-details{flex:1 1;min-width:0}.product-title{color:#1e293b;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 12px}.product-meta{color:#64748b;display:flex;flex-direction:column;font-size:14px;gap:4px}.product-meta span{display:block}.form-section{margin-bottom:30px}.section-label{color:#1e293b;font-size:16px;font-weight:600;gap:4px;margin-bottom:12px}.label-text,.section-label{align-items:center;display:flex}.required-mark{color:#dc2626;font-size:16px;margin-left:2px}.rating-input{display:flex;flex-direction:column;gap:8px}.star-rating{gap:4px}.star-button,.star-rating{align-items:center;display:flex}.star-button{background:none;border:none;border-radius:4px;cursor:pointer;justify-content:center;padding:8px;transition:all .2s ease}.star-button:hover{background-color:#f9fafb;transform:scale(1.1)}.star-button svg{transition:all .2s ease}.star-button:disabled{cursor:not-allowed;opacity:.5}.star-button:disabled:hover{background-color:initial;transform:none}.rating-text{color:#4b5563;font-size:16px;font-weight:500;margin-left:12px}.content-input{position:relative}.content-textarea{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.6;min-height:120px;padding:16px;resize:vertical;transition:border-color .2s ease;width:100%}.content-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.content-textarea:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.content-textarea::placeholder{color:#9ca3af}.character-count{color:#64748b;display:flex;font-size:12px;gap:2px;justify-content:flex-end;margin-top:8px}.character-count span:first-child{font-weight:500}.character-count .warning{color:#dc2626}.writing-guide{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:16px}.guide-title{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.guide-list{list-style:none;margin:0;padding:0}.guide-list li{color:#6b7280;font-size:13px;line-height:1.5;margin-bottom:6px;padding-left:16px;position:relative}.guide-list li:before{color:#9ca3af;content:"•";left:0;position:absolute}.guide-list li:last-child{margin-bottom:0}.error-section{margin-bottom:20px}.error-message{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:flex;gap:8px;padding:12px 16px}.error-icon{flex-shrink:0;font-size:16px}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding-top:30px}.cancel-button,.submit-button{align-items:center;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s ease}.cancel-button{background-color:#f1f5f9;border-color:#e2e8f0;color:#64748b}.cancel-button:hover{background-color:#e2e8f0;border-color:#cbd5e1;color:#475569}.submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.submit-button:disabled{background:#9ca3af;border-color:#9ca3af;box-shadow:none;color:#f9fafb;cursor:not-allowed;transform:none}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:14px;width:14px}.no-product-message{color:#64748b;padding:60px 40px;text-align:center}.no-product-icon{display:block;font-size:48px;margin-bottom:20px}.no-product-message h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 12px}.no-product-message p{font-size:14px;line-height:1.5;margin:0 0 24px}.go-back-button{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}.go-back-button:hover{background-color:#1d4ed8}.success-message{color:#059669;padding:60px 40px;text-align:center}.success-icon{display:block;font-size:60px;margin-bottom:20px}.success-message h3{color:#065f46;font-size:24px;font-weight:700;margin:0 0 16px}.success-message p{color:#047857;font-size:16px;line-height:1.5;margin:0 0 30px}.success-actions{display:flex;justify-content:center}.continue-button{background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .2s ease}.continue-button:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 4px 12px #0596694d;transform:translateY(-2px)}@media (max-width:768px){.product-info{flex-direction:column;gap:12px;text-align:center}.product-image,.product-image-placeholder{align-self:center;height:100px;width:100px}.form-actions{flex-direction:column}.cancel-button,.submit-button{min-width:auto}.star-button svg{height:28px;width:28px}}@media (max-width:480px){.review-write-form-container{padding:0 16px}.form-header{margin-bottom:20px}.form-title{font-size:20px}.product-info-section{padding:16px}.no-product-message,.success-message{padding:40px 20px}.no-product-icon,.success-icon{font-size:40px}.success-message h3{font-size:20px}.no-product-message h3{font-size:18px}}.pc-only{display:block}.mobile-only{display:none}@media (max-width:768px){.pc-only{display:none}.mobile-only{display:block}}.card-benefit-container{max-width:100%;overflow:hidden;width:100%}.card-benefit-title{margin:0;padding:0}.card-benefit-scroll-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.card-benefit-scroll-container::-webkit-scrollbar{display:none}.card-benefit-card{box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;scroll-snap-align:start;transition:transform .2s ease,box-shadow .2s ease}.card-benefit-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.card-benefit-card-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.card-benefit-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.card-benefit-logo{background-color:#fff;border-radius:8px;object-fit:contain;padding:4px}.card-benefit-card-name{flex:1 1;word-break:keep-all}.card-benefit-discount{display:flex;flex-direction:column}.card-benefit-percentage{line-height:1;margin-bottom:4px}.card-benefit-description{line-height:1.4;word-break:keep-all}@media (max-width:768px){.card-benefit-header{gap:10px;margin-bottom:16px}.card-benefit-card:active{transform:scale(.98)}}.card-benefit-card:focus{outline:2px solid #06c;outline-offset:2px}.card-benefit-card[style*="cursor: pointer"]:focus-visible{outline:3px solid #06c;outline-offset:3px}.category-ranking-container{width:100%}.poj2-home-section-title{margin-bottom:1.25rem}.poj2-home-section-title h2{font-size:1.25rem;font-weight:700}.poj2-category-slider{padding:.75rem 0;position:relative}.poj2-category-slider .swiper-slide{width:100%}.poj2-product-card{position:relative}.poj2-product-card a{color:inherit;display:block;text-decoration:none}.poj2-image-box,.poj2-product-card-thumb{overflow:hidden;position:relative}.poj2-image-box,.poj2-image-box img{height:100%;width:100%}.poj2-image-box img{object-fit:cover;transition:transform .3s ease-out}.poj2-image-box:hover img{transform:scale(1.03)}.poj2-product-card-info{padding-top:.5rem}.poj2-product-card-info p{line-height:1.2}.text-discount{color:#ef4444}.text-description{color:#6b7280}.fill-description{fill:#6b7280}.poj2-product-card-flags{padding-top:.25rem}.poj2-product-card-benefits,.poj2-product-card-reviews{padding-top:.375rem}@media (min-width:1024px){.poj2-home-section-title h2{font-size:1.5rem}.poj2-home-section-title{margin-bottom:1.5rem}.poj2-product-card-info{padding-top:.75rem}.poj2-product-card-flags{padding-top:.25rem}.poj2-product-card-benefits,.poj2-product-card-reviews{padding-top:.5rem}.pb-15{padding-bottom:3.75rem}.lg\:pb-30{padding-bottom:7.5rem}}.category-ranking-container[data-editor-mode=true]{cursor:pointer;outline:2px dashed #0000;transition:outline-color .2s}.category-ranking-container[data-editor-mode=true]:hover{outline-color:#3b82f6}.category-ranking-container .col-span-full{grid-column:1/-1}.swiper-initialized{overflow:visible}.swiper-wrapper{display:flex}.swiper-slide{flex-shrink:0}.swiper-backface-hidden{-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-horizontal{touch-action:pan-y}.hover\:fill-discount:hover{fill:#ef4444}.category-ranking-container button{transition:all .2s ease}.poj2-product-card:hover{transform:translateY(-2px);transition:transform .2s ease}.order-detail-container{background-color:#fff;width:100%}.order-detail-loading{align-items:center;display:flex;justify-content:center;min-height:400px;padding:40px}.loading-spinner{color:#666;font-size:16px}.order-detail-no-data{align-items:center;display:flex;justify-content:center;min-height:400px;padding:40px;text-align:center}.order-detail-no-data p{color:#666;font-size:16px}@media (max-width:1024px){.order-detail-container{padding:0}}.order-detail-container[data-editor-mode=true]{border:2px dashed #0000;cursor:pointer;transition:border-color .2s}.order-detail-container[data-editor-mode=true]:hover{border-color:#4a90e2}.order-detail-container[data-editor-selected=true]{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.component-navigation-container{background:#0000;padding:20px 0;width:100%}.component-navigation-inner{margin:0 auto;max-width:1200px;padding:0 15px}.component-navigation-header{margin-bottom:20px;text-align:center}.component-navigation-title{color:#333;font-size:24px;font-weight:700;line-height:1.4;margin:0 0 8px}.component-navigation-subtitle{color:#666;font-size:14px;line-height:1.5;margin:0}.component-navigation-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.component-navigation-button{align-items:center;background-color:#000;border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:45px;justify-content:center;outline:none;padding:0 30px;transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.component-navigation-button:hover:not(:disabled){box-shadow:0 4px 8px #00000026;opacity:.85;transform:translateY(-2px)}.component-navigation-button:active:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.component-navigation-button.active{background-color:#ff6b6b;box-shadow:0 4px 12px #ff6b6b4d}.component-navigation-button:disabled{cursor:default;opacity:1}.component-navigation-empty{background:#f5f5f5;border:2px dashed #ddd;border-radius:8px;color:#999;padding:40px 20px;text-align:center}.component-navigation-empty p{font-size:14px;margin:0}.editor-hint{background:#007bff1a;border-radius:4px;color:#007bff;font-size:12px;padding:2px 8px;pointer-events:none;position:absolute;right:5px;top:5px;z-index:10}@media (max-width:768px){.component-navigation-title{font-size:20px}.component-navigation-subtitle{font-size:13px}.component-navigation-buttons{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.component-navigation-buttons::-webkit-scrollbar{display:none}.component-navigation-button{flex-shrink:0;font-size:13px;height:40px;padding:0 20px}}@media (max-width:480px){.component-navigation-container{padding:15px 0}.component-navigation-header{margin-bottom:15px}.component-navigation-title{font-size:18px}.component-navigation-subtitle{font-size:12px}.component-navigation-button{font-size:12px;height:38px;padding:0 18px}}.page-wrapper{display:flex!important;flex-direction:column!important;min-height:100vh!important}main{flex:1 1 auto!important}.site-footer{background:#2c3e2c;display:block;flex-shrink:0;margin-top:auto;padding:80px 0 0;position:relative}.site-footer__inner{border-bottom:1px solid #ffffff1a;padding-bottom:40px}.footer-widget{margin-bottom:40px;padding:0 20px}.footer-widget__logo{display:inline-block;margin-bottom:20px}.footer-widget__title{color:#fff;font-size:22px;font-weight:700;margin-bottom:25px!important;padding-bottom:10px!important}.footer-widget__about h3{color:#fff;font-size:18px;margin-top:-10px}.footer-widget__contact-info{color:#fff;font-size:15px;line-height:2.2;margin-top:30px!important}.footer-widget__contact-info p{align-items:flex-start;color:#fff!important;display:flex}.footer-widget__contact-info span[class^=icon-]{color:#7fb069;display:inline-block;font-size:18px;margin-right:10px;margin-top:2px;min-width:20px}.footer-widget__contact-info a{color:#7fb069;text-decoration:none;transition:all .3s ease}.footer-widget__contact-info a:hover{color:#fff}.footer-widget__links-list{list-style:none;margin:0;margin-top:30px!important;padding:0;padding-top:10px!important}.footer-widget__links-list li{margin-bottom:20px!important;padding:5px 0!important}.footer-widget__links-list li a{color:#fff;display:inline-block;font-size:15px;padding-left:20px;position:relative;text-decoration:none;transition:all .3s ease}.footer-widget__links-list li a:before{color:#7fb069;content:"▶";font-size:10px;left:0;position:absolute;top:50%;transform:translateY(-50%)}.footer-widget__links-list li a:hover{color:#a8d893;transform:translateX(5px)}.site-footer_bottom{background:#1a2819;display:block;padding:20px 0;position:relative;text-align:center}.site-footer_bottom .container{align-items:center;display:flex;justify-content:center}.site-footer_bottom_copyright{color:#fff;font-size:14px}.site-footer_bottom_copyright p{color:#fff;margin:0}body,html{height:100%;margin:0;padding:0}body{flex-direction:column;min-height:100vh}#root,body{display:flex}#root{flex:1 1;flex-direction:column}@media (max-width:767px){.footer-widget{text-align:center}.footer-widget__contact-info p{justify-content:center}.footer-widget__links-list li a{display:inline-block}.site-footer_bottom .container{flex-direction:column}.site-footer_bottom_copyright{margin-bottom:10px}}.dynamic-layout-properties-skeleton{animation:skeleton-loading 1.5s infinite;min-height:300px}@keyframes skeleton-loading{0%{background-color:#f0f0f0}50%{background-color:#e0e0e0}to{background-color:#f0f0f0}}.property-group{min-height:60px;transition:min-height .2s ease}.property-group-title{display:flex!important;min-height:44px}.property-group-content{min-height:0;transition:min-height .2s ease}.control-group{min-height:60px}.number-slider-control{min-height:80px}.adaptive-mode-section{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px}.adaptive-mode-toggle .form-check-input{background-color:#ccc!important;background-image:none!important;border:none!important;height:24px!important;position:relative;transition:background-color .3s ease;width:44px!important}.adaptive-mode-toggle .form-check-input:checked{background-color:#0d6efd!important;background-image:none!important}.adaptive-mode-toggle .form-check-input:after{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .3s ease;width:18px}.adaptive-mode-toggle .form-check-input:checked:after{transform:translateX(20px)}.adaptive-mode-toggle .form-check-label{cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none}.adaptive-mode-info{background:#fff;border-left:3px solid #0d6efd;border-radius:4px;padding:10px}.device-mode-tabs .btn-group{border-radius:6px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.device-mode-tabs .btn{border:none;font-weight:500;padding:10px 20px;transition:all .3s ease}.device-mode-tabs .btn-outline-primary{background:#fff;color:#6c757d}.device-mode-tabs .btn-outline-primary:hover{background:#f8f9fa;color:#0d6efd}.device-mode-tabs .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 2px 8px #667eea66}.device-mode-tabs .btn i{font-size:16px}.layout-selection{margin-top:20px}.layout-selector h3{color:#495057;font-size:18px;font-weight:600;margin-bottom:20px}.layout-selector h4{border-bottom:1px solid #dee2e6;color:#6c757d;font-size:16px;font-weight:500;margin-bottom:15px;margin-top:30px;padding-bottom:10px}@media (max-width:768px){.device-mode-tabs .btn{font-size:14px;padding:8px 12px}.device-mode-tabs .btn i{font-size:14px}.adaptive-mode-section{padding:15px}}.rich-editor-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.rich-editor-modal{animation:modal-appear .2s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;height:95vh;max-height:calc(100vh - 40px);max-width:1400px;overflow:hidden;width:95vw}@keyframes modal-appear{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.rich-editor-modal-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:15px 20px}.rich-editor-modal-header h2{font-size:18px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;justify-content:center;line-height:1;padding:4px 8px;transition:all .2s}.close-button:hover{background-color:#f5f5f5;color:#333}.editor-mode-toggle{border-bottom:1px solid #eaeaea;display:flex;flex-shrink:0}.editor-mode-toggle button{background-color:#f8f9fa;border:none;border-right:1px solid #eaeaea;color:#666;cursor:pointer;font-weight:500;padding:12px 16px;transition:all .2s}.editor-mode-toggle button:hover{background-color:#e9ecef;color:#333}.editor-mode-toggle button.active{background-color:#fff;color:#4361ee;font-weight:600}.rich-editor-modal-body{padding:0;position:relative}.html-edit-container,.rich-editor-modal-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.html-edit-container{height:100%}.html-editor{background-color:#f8f9fa;border:none;color:#333;flex:1 1;font-family:Courier New,monospace;font-size:14px;height:100%;line-height:1.5;min-height:0;overflow-y:auto;padding:16px;resize:none;width:100%}.html-editor:focus{background-color:#fff;outline:none}.preview-container{background-color:#fff;flex:1 1;height:100%;overflow-y:auto}.preview-content{font-family:Noto Sans KR,sans-serif;line-height:1.6}.preview-content h1,.preview-content h2,.preview-content h3,.preview-content h4,.preview-content h5,.preview-content h6{line-height:1.3}.preview-content .DraftEditor-root img,.preview-content .public-DraftEditor-content img,.preview-content .ql-container img,.preview-content .ql-editor img,.preview-content .rich-editor-content img,.preview-content [data-yoopta-editor] img{height:auto;max-width:100%}.rich-editor-modal .preview-content ol,.rich-editor-modal .preview-content ul,.rich-editor-modal .ql-editor ol,.rich-editor-modal .ql-editor ul,.rich-editor-modal [data-yoopta-editor] ol,.rich-editor-modal [data-yoopta-editor] ul{margin:.5em 0}.preview-content blockquote{border-left:3px solid #e0e0e0;color:#666;margin-left:0;padding-left:1em}.rich-editor-modal-footer{display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:15px 20px}.rich-editor-modal-footer button{border-radius:4px;cursor:pointer;font-weight:500;padding:10px 16px;transition:all .2s}.cancel-button{background-color:#f2f2f2;border:1px solid #ddd;color:#333}.cancel-button:hover{background-color:#e6e6e6}.save-button{background-color:#4361ee;border:1px solid #3050e0;color:#fff}.save-button:hover{background-color:#3050e0}@media (max-width:768px){.rich-editor-modal{max-height:95vh;width:95vw}.html-editor,.preview-container{max-height:calc(95vh - 180px)}.editor-mode-toggle button{font-size:14px;padding:8px}}.quill-container{display:flex;flex-direction:column;height:100%;width:100%}.quill-container .quill{display:flex;flex:1 1;flex-direction:column;height:100%}.quill-container .ql-container{flex:1 1;overflow:auto}.editor-error{background-color:#fff0f0;border:1px solid #fdd;border-radius:4px;margin:20px;padding:20px;text-align:center}.editor-error p{color:#e53935;margin-bottom:15px}.switch-to-html-button{background-color:#4361ee;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .2s}.switch-to-html-button:hover{background-color:#3050e0}.custom-ckeditor-container{display:flex;flex-direction:column;height:100%;min-height:400px;width:100%}.rich-editor-modal-body .ck-editor__editable_inline{max-height:calc(90vh - 200px);min-height:350px;overflow-y:auto}.editor-error-message{background-color:#fff8f8;border:1px solid #ffdbdb;border-radius:4px;margin:20px;padding:20px;text-align:center}.editor-error-message h3{color:#e53935;margin-bottom:10px}.editor-error-message p{color:#666;margin-bottom:15px}.editor-loading{align-items:center;background-color:#f9f9f9;display:flex;justify-content:center;min-height:300px}.editor-loading p{color:#666;font-size:16px}.fallback-editor{border:1px solid #ddd;border-radius:4px;font-family:monospace;font-size:14px;line-height:1.5;min-height:300px;padding:15px;width:100%}.editor-toolbar-container{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:5px;z-index:10}.editor-toolbar-container .ck.ck-toolbar{background:#0000!important;border:none!important}.editor-toolbar-container .ck.ck-button{background:#0000;border:1px solid #0000;border-radius:4px;margin:2px;padding:6px;transition:all .2s}.editor-toolbar-container .ck.ck-button:hover{background-color:#f0f2f5!important;border-color:#e0e0e0}.editor-toolbar-container .ck.ck-button.ck-on{background-color:#ecf4ff!important;border-color:#b3d0ff}.custom-ckeditor-container .ck.ck-editor__editable{background-color:#fff;border:1px solid #e0e0e0!important;border-radius:4px;padding:15px}.ck-source-editing-area{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;color:#333;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:14px;line-height:1.5;max-height:calc(90vh - 235px);min-height:350px;overflow-y:auto;padding:10px;resize:none;width:100%}.ck-source-editing-area:focus{border-color:#4361ee;box-shadow:0 0 0 2px #4361ee1a;outline:none}.ck-source-editing-button .ck-on{background-color:#ecf4ff!important;border-color:#b3d0ff!important}.custom-ckeditor-container .ck.ck-editor{border-radius:4px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.custom-ckeditor-container .ck.ck-editor__main{border:1px solid #e0e0e0;border-top:none}.custom-ckeditor-container .ck.ck-toolbar{background-color:#f8f9fa!important;border:1px solid #e0e0e0!important;border-bottom:none!important;padding:5px}.custom-ckeditor-container .ck.ck-editor__editable{max-height:calc(90vh - 235px);min-height:350px;overflow-y:auto}.ckeditor-container{background-color:#fff;display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;overflow:hidden}.ckeditor-container .ckeditor-cloud-container{border:none;border-radius:0;display:flex;flex:1 1;flex-direction:column;min-height:100%}.ckeditor-container .ckeditor-cloud-editor{flex:1 1;min-height:100%}.ckeditor-container .ck-toolbar{background-color:#f8f9fa!important;border:none!important;border-bottom:1px solid #eaeaea!important;padding:8px!important}.ckeditor-container .ck-editor__editable{border:none!important;flex:1 1;height:100%!important;min-height:0!important;overflow-y:auto;padding:20px!important}.ckeditor-container .ckeditor-error,.ckeditor-container .ckeditor-loading{border:none;border-radius:0;margin:0;min-height:550px}.ckeditor-container .ck-source-editing-area{border:none!important;border-radius:0!important;flex:1 1!important;height:100%!important;margin:0}@media (max-width:768px){.ckeditor-container{max-height:calc(95vh - 180px)}.ckeditor-container .ck-editor__editable{max-height:calc(95vh - 230px)!important;padding:15px!important}.ckeditor-container .ck-source-editing-area{max-height:calc(95vh - 230px)!important;min-height:calc(95vh - 230px)!important}}.yoopta-editor-container{position:relative!important;width:100%!important}.rich-editor-modal-body .yoopta-editor-wrapper,.yoopta-editor-container{display:flex!important;flex:1 1!important;flex-direction:column!important;height:100%!important}.rich-editor-modal-body .yoopta-editor-wrapper{min-height:0!important}.rich-editor-modal-body .custom-yoopta-toolbar{flex-shrink:0!important;position:relative!important;top:auto!important}.rich-editor-modal-body .yoopta-editor-container{background-color:#fff;border:none;display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;overflow:hidden;position:relative}.rich-editor-modal-body .yoopta-editor-container .yoopta-editor{flex:1 1;height:100%;width:100%!important}.rich-editor-modal-body [data-yoopta-editor]{background-color:#fff;border:none;cursor:text;flex:1 1!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;height:auto!important;line-height:1.6;min-height:300px!important;outline:none;overflow-y:visible!important;position:relative}.rich-editor-modal-body .yoopta-editor-wrapper>div{display:flex!important;flex-direction:column!important;height:100%!important;min-height:300px!important;overflow:hidden!important}.rich-editor-modal-body [data-yoopta-editor]>div{max-height:100%!important;overflow-y:auto!important}.rich-editor-modal-body .yoopta-editor-container>div,.rich-editor-modal-body .yoopta-editor-wrapper{overflow:hidden!important}.rich-editor-modal-body .yoopta-editor-container>div:last-child{flex:1 1!important;height:0!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;position:relative!important}.rich-editor-modal-body .yoopta-editor-container>div:last-child::-webkit-scrollbar{width:8px}.rich-editor-modal-body .yoopta-editor-container>div:last-child::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.rich-editor-modal-body .yoopta-editor-container>div:last-child::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.rich-editor-modal-body .yoopta-editor-container>div:last-child::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.rich-editor-modal-body [data-yoopta-toolbar]{background-color:#f8f9fa;border:none;border-bottom:1px solid #eaeaea;border-radius:0;display:flex;flex-wrap:wrap;gap:4px;padding:8px}.rich-editor-modal-body [data-yoopta-toolbar] button{background-color:#fff;border:1px solid #ddd;border-radius:3px;cursor:pointer;font-size:14px;padding:6px 10px;transition:all .2s}.rich-editor-modal-body [data-yoopta-toolbar] button:hover{background-color:#e9ecef}.rich-editor-modal-body [data-yoopta-toolbar] button.active{background-color:#4361ee;border-color:#4361ee;color:#fff}.rich-editor-modal-body [data-yoopta-block]{margin-bottom:8px;padding:4px 0}.rich-editor-modal-body [data-yoopta-block]:hover{background-color:#00000005;border-radius:4px}.rich-editor-modal-body [data-yoopta-action-menu]{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001a;padding:8px;z-index:10001}.rich-editor-modal-body .yoopta-block-action-buttons{align-items:center;display:flex;gap:4px}.rich-editor-modal-body .yoopta-block-actions-plus{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.rich-editor-modal-body .yoopta-block-actions-plus:hover{background:#f5f5f5;border-color:#d0d0d0;color:#333}.rich-editor-modal-body .yoopta-block-actions-drag{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#999;cursor:grab;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.rich-editor-modal-body .yoopta-block-actions-drag:hover{background:#f5f5f5;border-color:#d0d0d0;color:#666}.rich-editor-modal-body .yoopta-block-actions-drag:active{cursor:grabbing}.rich-editor-modal-body [data-yoopta-action-menu] button{background:none;border:none;border-radius:4px;cursor:pointer;display:block;padding:8px 12px;text-align:left;transition:background-color .2s;width:100%}.rich-editor-modal-body [data-yoopta-action-menu] button:hover{background-color:#f1f3f4}@media (max-width:768px){.rich-editor-modal-body .yoopta-editor-container{max-height:calc(95vh - 180px)}.rich-editor-modal-body [data-yoopta-editor]{font-size:16px;height:100%;padding:15px 15px 15px 70px!important}.rich-editor-modal-body .yoopta-block-actions{margin-left:-60px!important;width:50px!important}.rich-editor-modal-body [data-yoopta-toolbar]{gap:2px;padding:6px}.rich-editor-modal-body [data-yoopta-toolbar] button{font-size:16px;padding:8px}}.rich-editor-modal-body .yoopta-editor-wrapper{position:relative!important}.rich-editor-modal-body [data-yoopta-editor]{padding:20px 20px 20px 90px!important}.rich-editor-modal .rich-editor-modal-body .yoopta-block-actions,.rich-editor-modal-body div[class*=yoopta-block-actions]{align-items:center!important;display:flex!important;gap:4px!important;justify-content:flex-end!important;left:auto!important;margin-left:-70px!important;position:fixed!important;transform:none!important;width:60px!important;z-index:100!important}.rich-editor-modal-body .yoopta-block-actions button,.rich-editor-modal-body .yoopta-block-actions-drag,.rich-editor-modal-body .yoopta-block-actions-plus{align-items:center!important;display:flex!important;font-size:14px!important;height:24px!important;justify-content:center!important;padding:0!important;width:24px!important}.rich-editor-modal-body [data-yoopta-block]:hover .yoopta-block-actions{opacity:1!important}.rich-editor-modal-body [data-yoopta-block]:not(:hover):not(:focus-within) .yoopta-block-actions{opacity:0!important;pointer-events:none!important;transition:opacity .2s ease!important}.rich-editor-modal-body [data-yoopta-block]:focus-within .yoopta-block-actions,.rich-editor-modal-body [data-yoopta-block][data-yoopta-selected=true] .yoopta-block-actions{opacity:1!important;pointer-events:auto!important}.category-selector-dropdown input[type=checkbox],.category-selector-dropdown input[type=radio],.product-selector-dropdown input[type=checkbox],.product-selector-dropdown input[type=radio],.sort-selector-dropdown input[type=checkbox],.sort-selector-dropdown input[type=radio]{cursor:pointer;flex-shrink:0;height:14px!important;margin-right:4px!important;width:14px!important}.category-selector-dropdown,.product-selector-dropdown,.sort-selector-dropdown{pointer-events:auto}body.selector-open{overflow:auto!important}.item-list-manager{margin-bottom:15px}.item-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.item-list-label{color:#333;font-size:14px;font-weight:500}.add-item-button:hover{background-color:#357abd!important}.items-container{width:100%}.item-card{transition:box-shadow .2s}.item-card:hover{box-shadow:0 2px 4px #0000001a}.item-header:hover{background-color:#ebebeb!important}.item-controls button:hover:not(:disabled){background-color:#f5f5f5!important}.field-wrapper{margin-bottom:0}.html-editor-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.html-editor-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;height:85vh;max-width:1200px;width:90%}.html-editor-modal-header{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:20px}.html-editor-modal-header h2{color:#333;font-size:20px;margin:0}.html-editor-modal-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;padding:0;transition:color .2s;width:30px}.html-editor-modal-close:hover{color:#333}.html-editor-modal-tabs{border-bottom:1px solid #e8e8e8;display:flex;gap:10px;padding:0 20px}.html-editor-modal-tabs .tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.html-editor-modal-tabs .tab:hover{color:#333}.html-editor-modal-tabs .tab.active{border-bottom-color:#1890ff;color:#1890ff}.html-editor-modal-templates{align-items:center;background:#f5f5f5;border-bottom:1px solid #e8e8e8;display:flex;gap:10px;padding:10px 20px}.html-editor-modal-templates span{color:#666;font-size:14px}.html-editor-modal-templates button{background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#333;cursor:pointer;font-size:13px;padding:5px 12px;transition:all .2s}.html-editor-modal-templates button:hover{background:#1890ff;border-color:#1890ff;color:#fff}.html-editor-modal-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:20px}.editor-combined{display:flex;flex-direction:column;height:100%}.editor-combined textarea{border:1px solid #d9d9d9;border-radius:4px;flex:1 1;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;min-height:300px;overflow-y:auto;padding:15px;resize:vertical;width:100%}.editor-separate{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);height:100%;min-height:0}.editor-section{display:flex;flex-direction:column;min-height:0}.editor-section h3{color:#333;flex-shrink:0;font-size:14px;font-weight:600;margin:0 0 10px}.editor-section textarea{border:1px solid #d9d9d9;border-radius:4px;flex:1 1;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.5;min-height:200px;overflow-y:auto;padding:12px;resize:vertical}.html-editor-modal-footer{border-top:1px solid #e8e8e8;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.html-editor-modal-footer button{border-radius:4px;cursor:pointer;font-size:14px;padding:8px 20px;transition:all .2s}.btn-cancel{background:#fff;border:1px solid #d9d9d9;color:#333}.btn-cancel:hover{border-color:#40a9ff;color:#40a9ff}.btn-save{background:#1890ff;border:1px solid #1890ff}.btn-save:hover{background:#40a9ff;border-color:#40a9ff}@media (max-width:768px){.html-editor-modal{height:90vh;width:95%}.editor-separate{grid-template-columns:1fr}.html-editor-modal-templates{flex-wrap:wrap}}.section-children-manager{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-bottom:16px}.section-children-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.section-children-label{color:#374151;font-size:14px;font-weight:600}.children-count{color:#6b7280;font-size:12px;font-weight:400}.children-container{display:flex;flex-direction:column;gap:8px}.no-children-message{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;padding:40px 20px;text-align:center}.no-children-message small{color:#9ca3af;font-size:12px}.child-item-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.child-item-card:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.child-item-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;-webkit-user-select:none;user-select:none}.child-item-info{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.child-type-badge{background:#3b82f6;border-radius:4px;color:#fff;display:inline-block;flex-shrink:0;font-size:11px;font-weight:500;padding:2px 8px}.child-id{color:#6b7280;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.child-item-controls{gap:4px}.child-item-controls,.move-btn{align-items:center;display:flex}.move-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;font-size:12px;height:24px;justify-content:center;transition:all .15s;width:24px}.move-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.move-btn:disabled{cursor:not-allowed;opacity:.4}.expand-icon{color:#6b7280;font-size:12px;margin-left:8px;transition:transform .2s}.child-item-details{background:#fafbfc;border-top:1px solid #f3f4f6;padding:16px}.detail-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.detail-row:last-child{margin-bottom:0}.detail-label{color:#6b7280;flex-shrink:0;font-size:12px;font-weight:500;min-width:80px}.detail-value{color:#374151;flex:1 1;font-size:12px;text-align:right;word-break:break-word}.section-children-help{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:12px;padding:8px 12px}.section-children-help small{color:#6b7280;font-size:11px;line-height:1.5}.custom-toggle-switch{display:inline-block;position:relative;vertical-align:middle}.custom-toggle-switch input{height:0;opacity:0;position:absolute;width:0}.toggle-switch-label{cursor:pointer;height:20px;margin:0;overflow:hidden;padding:0;transition:background-color .2s ease;width:40px}.toggle-switch-label,.toggle-track{border-radius:20px;display:block;position:relative}.toggle-track{background-color:#e2e8f0;height:100%;transition:all .3s ease;width:100%}.toggle-track:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px #0003;content:"";left:2px;position:absolute;top:2px;transition:all .3s ease;width:16px}input:checked+.toggle-switch-label .toggle-track{background-color:#3b82f6}input:checked+.toggle-switch-label .toggle-track:before{transform:translateX(20px)}input:focus+.toggle-switch-label .toggle-track{box-shadow:0 0 0 2px #3b82f633}.property-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding:8px 0}.property-row label{color:#64748b;flex:1 1;font-size:.85rem;font-weight:500;margin-right:10px}.faq-item-edit{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:12px;padding:12px}.faq-item-header{align-items:center;display:flex;font-weight:700;justify-content:space-between;margin-bottom:10px}.remove-faq-btn{background-color:#ff4d4f;border:none;border-radius:4px;color:#fff}.class-name-input-container{width:100%}.class-name-input{border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;font-size:.875rem;margin-bottom:8px;padding:8px 12px;width:100%}.class-name-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.class-name-tags{display:flex;flex-wrap:wrap;gap:6px;min-height:20px}.class-name-tag{align-items:center;background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:12px;color:#0369a1;display:inline-flex;font-size:.75rem;gap:4px;padding:4px 8px}.class-name-text{white-space:nowrap}.remove-tag-btn{align-items:center;background:none;border:none;border-radius:50%;color:#0369a1;cursor:pointer;display:flex;font-size:1rem;height:16px;justify-content:center;line-height:1;margin-left:4px;padding:0;transition:background-color .2s ease;width:16px}.remove-tag-btn:hover{background-color:#0369a11a}.inline-css-container{width:100%}.inline-css-input{border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.4;margin-bottom:8px;padding:8px 12px;resize:vertical;width:100%}.inline-css-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.clear-css-btn{background-color:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;margin-top:8px;padding:6px 12px;transition:background-color .2s ease;width:100%}.clear-css-btn:hover{background-color:#dc2626}.add-faq-btn{background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:6px 12px;width:100%}.property-control textarea{min-height:60px}.faq-title-input,.property-control textarea{border:1px solid #d9d9d9;border-radius:4px;margin-bottom:8px;padding:8px;width:100%}.faq-title-input{font-size:14px}.property-control-section{margin-top:15px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.section-header label{color:#333;font-weight:600}.add-item-btn{background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.add-item-btn:hover{background-color:#40a9ff}.history-item-edit{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:12px;padding:12px}.history-item-header{align-items:center;display:flex;font-weight:700;justify-content:space-between;margin-bottom:10px}.remove-history-btn{background-color:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:3px 8px}.remove-history-btn:hover{background-color:#ff7875}.history-subtitle-input,.history-title-input{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;margin-bottom:8px;padding:8px;width:100%}.history-subtitle-input{min-height:60px}.color-scheme-control{margin-bottom:15px}.color-scheme-control label{color:#64748b;display:block;font-weight:500;margin-bottom:5px}.color-scheme-control>div{box-sizing:border-box;width:100%!important}.image-url-input-container{margin-bottom:10px}.image-url-input-group{align-items:center;display:flex;position:relative}.image-url-input{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;margin-bottom:8px;padding:8px 30px 8px 8px;width:100%}.image-actions-container{display:flex;margin-bottom:8px}.upload-image-btn{background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:12px;padding:6px 12px;text-align:center}.upload-image-btn:hover{background-color:#40a9ff}.clear-image-btn{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;line-height:1;padding:0;position:absolute;right:5px;width:20px}.clear-image-btn:hover{background:#e6e6e6;color:#666}.image-preview{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;height:120px;margin-top:5px;overflow:hidden;position:relative;width:100%}.image-preview img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.image-preview img:hover{transform:scale(1.05)}.image-size-badge{background:#00000080;border-radius:3px;bottom:5px;color:#fff;font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:5px}.image-size-selector{display:flex;justify-content:space-between;margin-bottom:15px;margin-top:8px}.size-option{align-items:center;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;padding:8px;transition:all .2s ease}.size-option:hover{background-color:#f0f0f0}.size-option.selected{background-color:#e6f7ff;border:1px solid #1890ff}.size-preview{background-color:#ddd;border-radius:4px;margin-bottom:5px}.size-preview.small{height:40px;width:40px}.size-preview.medium{height:60px;width:60px}.size-preview.large{height:80px;width:80px}.size-option span{color:#666;font-size:12px}.size-option.selected span{color:#1890ff;font-weight:500}.preset-size-buttons{display:flex;flex-wrap:wrap;gap:5px;justify-content:space-between;margin-top:10px}.width-button-group{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);margin-top:5px}.width-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 8px;transition:all .2s}.width-btn:hover{background:#f0f4ff;border-color:#4361ee}.width-btn.active{background:#4361ee;border-color:#4361ee;color:#fff}.preset-size-btn{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;flex:1 1;font-size:12px;margin:0;min-width:calc(50% - 5px);padding:6px 10px;transition:all .2s}.preset-size-btn:hover{background-color:#e9e9e9}.input-with-unit{gap:5px}.input-with-unit input{text-align:right}.input-with-unit input,.input-with-unit select{border:1px solid #ddd;border-radius:4px;padding:5px;width:60px}.input-with-unit select{background-color:#f8f8f8}.input-with-unit .unit{min-width:20px;text-align:left}.style-property{align-items:center;display:flex;margin-bottom:10px}.style-property label{flex:0 0 30%;min-width:30%}.property-control{margin-bottom:12px}.property-control label{display:block;font-weight:500;margin-bottom:5px}.modal-content{border-radius:8px;box-shadow:0 5px 15px #0000001a;max-height:90vh;max-width:90%;overflow-y:auto}.form-group{margin-bottom:15px}.form-group label{font-weight:700;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:8px;width:100%}.form-group textarea{min-height:80px;resize:vertical}.banner-preview{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin-top:10px;padding:5px}.banner-list-item{align-items:center;border-bottom:1px solid #ddd;display:flex;padding:10px}.banner-list-item:last-child{border-bottom:none}.banner-list-item img{border-radius:4px;height:60px;margin-right:10px;object-fit:cover;width:100px}.banner-list-item .banner-info{flex:1 1}.banner-list-item .banner-title{font-weight:700;margin-bottom:3px}.banner-list-item .banner-url{color:#666;font-size:12px}.banner-list-item .banner-actions{display:flex;gap:5px}.banner-button{border:none;border-radius:4px;cursor:pointer;padding:5px 8px}.banner-button.edit{background-color:#4a90e2;color:#fff}.banner-button.delete{background-color:#ff5252;color:#fff}.banner-button.down,.banner-button.up{background-color:#f0f0f0}.add-banner-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:8px 12px;width:100%}.unit-input-container{align-items:center;display:flex;position:relative;width:100%}.unit-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px 30px 6px 8px;width:100%}.unit-label{color:#666;font-size:12px;pointer-events:none;position:absolute;right:8px}.padding-controls{display:flex;flex-direction:column;padding:10px 0}.padding-control{align-items:center;justify-content:space-between}.html-editor-textarea{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#333;font-family:Courier New,monospace;font-size:14px;line-height:1.5;min-height:150px;padding:12px;resize:vertical;width:100%}.html-editor-textarea:focus{border-color:#4361ee;box-shadow:0 0 0 2px #4361ee1a;outline:none}.html-editor-button{background-color:#4361ee;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;margin:8px 8px 8px 0;padding:8px 12px;transition:background-color .2s ease}.html-editor-button:hover{background-color:#3a54d6}.html-editor-button:focus{box-shadow:0 0 0 2px #4361ee4d;outline:none}.html-editor-button:active{transform:translateY(1px)}.html-content-preview{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;font-family:Noto Sans KR,sans-serif;line-height:1.5;margin-bottom:10px;max-height:150px;min-height:100px;overflow-y:auto;padding:12px;width:100%}.empty-content{align-items:center;color:#999;display:flex;font-style:italic;height:100px;justify-content:center}.editor-open-button{background-color:#4361ee;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:14px;font-weight:500;margin-bottom:8px;padding:10px 12px;transition:background-color .2s ease;width:100%}.editor-open-button:hover{background-color:#3a54d6}.html-content-preview h1,.html-content-preview h2,.html-content-preview h3,.html-content-preview h4,.html-content-preview h5,.html-content-preview h6{line-height:1.3;margin:.5em 0}.html-content-preview img{height:auto;margin:8px 0;max-width:100%}.html-content-preview ol,.html-content-preview ul{margin:.5em 0;padding-left:2em}.html-content-preview blockquote{border-left:3px solid #e0e0e0;color:#666;margin-left:0;padding-left:1em}.device-tabs{background-color:#f0f2f5;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:center;margin-bottom:15px;overflow:hidden;padding:4px}.device-tab{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;margin:0 2px;overflow:hidden;padding:10px 16px;position:relative;text-align:center;transition:all .25s ease}.device-tab:hover{background-color:#e2e8f0;color:#334155;transform:translateY(-1px)}.device-tab.active{background-color:#3b82f6;box-shadow:0 2px 5px #3b82f64d;color:#fff}.quick-menu-items-grid{margin-top:20px}.quick-menu-items-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:12px}.quick-menu-item-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;transition:all .2s ease}.quick-menu-item-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.quick-menu-item-image-wrapper{background:#fff;overflow:hidden;padding-bottom:100%;position:relative;width:100%}.quick-menu-item-image{object-fit:cover}.quick-menu-item-image,.quick-menu-item-placeholder{height:100%;left:0;position:absolute;top:0;width:100%}.quick-menu-item-placeholder{background:#f1f3f5;color:#adb5bd;font-size:24px}.quick-menu-item-overlay,.quick-menu-item-placeholder{align-items:center;display:flex;justify-content:center}.quick-menu-item-overlay{background:#000000b3;gap:8px;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .2s ease;width:100%}.quick-menu-item-image-wrapper:hover .quick-menu-item-overlay{opacity:1;pointer-events:auto}.quick-menu-overlay-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#495057;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:relative;transition:all .2s ease;width:32px;z-index:10}.quick-menu-overlay-btn:hover{background:#fff;transform:scale(1.1)}.quick-menu-overlay-btn:active{transform:scale(.95)}.quick-menu-item-info{background:#fff;padding:10px}.quick-menu-item-name{color:#212529;display:block;font-size:12px;font-weight:600;margin-bottom:6px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.quick-menu-item-actions{align-items:center;display:flex;gap:4px;justify-content:space-between}.quick-menu-visibility-toggle{align-items:center;cursor:pointer;display:flex;pointer-events:auto;position:relative;z-index:5}.quick-menu-visibility-toggle input{display:none}.quick-menu-visibility-icon{color:#6c757d;font-size:14px;transition:color .2s ease}.quick-menu-visibility-toggle input:checked+.quick-menu-visibility-icon{color:#28a745}.quick-menu-remove-btn{background:none;border:none;color:#dc3545;cursor:pointer;font-size:14px;opacity:.7;padding:4px;pointer-events:auto;position:relative;transition:opacity .2s ease;z-index:5}.quick-menu-remove-btn:hover{opacity:1}.category-add-button{align-items:center;background:#fff;border:2px dashed #4361ee;border-radius:6px;color:#4361ee;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 16px;transition:all .2s ease;width:100%}.category-add-button:hover{background:#f0f4ff;border-style:solid}.category-add-button i{font-size:16px}.category-add-count{color:#6c757d;font-size:12px;margin-left:auto}.category-picker-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.category-picker-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}.category-picker-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.category-picker-header h4{color:#212529;font-size:16px;font-weight:600;margin:0}.category-picker-close{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.category-picker-close:hover{background:#f8f9fa;color:#495057}.category-picker-search{border-bottom:1px solid #e9ecef;padding:16px 20px}.category-picker-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:16px 20px}.category-picker-info{align-items:center;color:#495057;display:flex;font-size:13px;justify-content:space-between;margin-bottom:12px}.category-chip-grid-modal{align-content:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:8px;overflow-y:auto;padding:4px}.category-chip-grid-modal::-webkit-scrollbar{width:6px}.category-chip-grid-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.category-chip-grid-modal::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.category-chip-grid-modal::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.category-picker-footer{border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;padding:16px 20px}.category-picker-done{background:#4361ee;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 24px;transition:all .2s ease}.category-picker-done:hover{background:#3a54d6}.category-search-wrapper{align-items:center;display:flex;position:relative}.category-search-icon{color:#6c757d;font-size:14px;left:12px;pointer-events:none;position:absolute}.category-search-input{border:1px solid #e0e0e0;border-radius:6px;font-size:13px;padding:8px 32px 8px 36px;transition:all .2s ease;width:100%}.category-search-input:focus{border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a;outline:none}.category-search-clear{background:none;border:none;color:#6c757d;cursor:pointer;font-size:12px;padding:4px;position:absolute;right:8px;transition:color .2s ease}.category-search-clear:hover{color:#495057}.category-count{color:#6c757d;font-size:12px;font-weight:400;margin-left:4px}.category-chip-grid{background:#fafafa;border:1px solid #f0f0f0;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;max-height:200px;overflow-y:auto;padding:8px}.category-chip-grid::-webkit-scrollbar{width:6px}.category-chip-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.category-chip-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.category-chip-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.category-chip{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:16px;color:#495057;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.category-chip:hover{background:#f8f9fa;border-color:#adb5bd}.category-chip.selected{background:#4361ee;border-color:#4361ee;color:#fff}.category-chip.selected:hover{background:#3a54d6}.category-chip-check{font-size:10px}.category-no-results{color:#6c757d;font-size:13px;padding:20px;text-align:center}.selected-category-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.selected-category-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:8px}.selected-category-content{align-items:center;display:flex;gap:10px}.selected-category-image{background:#fff;border:1px solid #dee2e6;border-radius:4px;flex-shrink:0;height:40px;overflow:hidden;width:40px}.selected-category-image img{height:100%;object-fit:cover;width:100%}.selected-category-placeholder{align-items:center;color:#adb5bd;display:flex;font-size:16px;height:100%;justify-content:center;width:100%}.selected-category-info{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:space-between}.selected-category-name{color:#212529;flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-category-controls{align-items:center;display:flex;gap:4px}.selected-category-remove,.selected-category-toggle,.selected-category-upload{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.selected-category-remove:hover,.selected-category-toggle:hover,.selected-category-upload:hover{background:#f8f9fa;border-color:#adb5bd}.selected-category-toggle.visible{color:#28a745}.selected-category-toggle.hidden{color:#6c757d}.selected-category-remove{color:#dc3545}.selected-category-remove:hover{background:#fff5f5;border-color:#dc3545}.upload-progress{color:#007bff;font-size:11px;margin-top:4px;text-align:center}@media (max-width:380px){.quick-menu-items-container{grid-template-columns:repeat(2,1fr)}}.device-property-tabs{background-color:#f0f2f5;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:15px;padding:4px}.device-property-tab,.device-property-tabs{display:flex;justify-content:center;overflow:hidden}.device-property-tab{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;flex:1 1;flex-direction:row;font-size:.85rem;font-weight:600;gap:8px;margin:0 2px;padding:10px 12px;position:relative;text-align:center;transition:all .25s ease;white-space:nowrap}.device-property-tab:before{font-family:FontAwesome;font-size:1rem}.device-property-tab:first-child:before,.device-property-tab[data-type=layout]:before{content:"\f0db"}.device-property-tab:nth-child(2):before,.device-property-tab[data-type=component]:before{content:"\f1b2"}.device-property-tab:hover{background-color:#e2e8f0;color:#334155;transform:translateY(-1px)}.device-property-tab.active{background-color:#3b82f6;box-shadow:0 2px 5px #3b82f64d;color:#fff}.panel-tab{align-items:center;background:none;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;box-sizing:border-box;display:flex;flex:1 1;flex-direction:row;font-weight:600;gap:6px;height:36px;justify-content:center;margin:0 2px;min-width:110px;overflow:visible;padding:8px 12px;text-align:center;white-space:nowrap}.panel-tab:before{display:inline-block;flex-shrink:0;font-family:FontAwesome;font-size:.9rem;text-align:center;width:16px}.panel-tab:hover{background-color:#e2e8f0;color:#334155;transform:translateY(-1px)}.panel-tab.active{background-color:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 5px #3b82f64d;color:#fff!important; /* !important 추가하여 우선순위 높임 */text-shadow:0 1px 1px #0003;transform:none}.panel-tabs{background-color:#f0f2f5;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;height:44px;justify-content:center;margin-bottom:15px;overflow:visible;padding:4px;width:100%}.component-properties{padding:0}.property-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:15px}.property-section-title{color:#334155;margin:0 0 15px}.property-item{margin-bottom:12px}.property-item:last-child{margin-bottom:0}.property-label{color:#64748b;font-size:12px;font-weight:500;margin-bottom:6px}.property-input{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#334155;padding:8px 12px;transition:all .2s}.property-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.property-help{color:#94a3b8;font-size:11px;line-height:1.4;margin-top:4px}.add-menu-item-btn{background-color:#3b82f6;font-size:12px;padding:6px 12px;transition:background-color .2s}.add-menu-item-btn:hover{background-color:#2563eb}.empty-menu-items{background-color:#f8fafc;border:2px dashed #e2e8f0;padding:20px}.empty-menu-items p{color:#64748b;font-size:13px;margin:0}.menu-items-list{display:flex;flex-direction:column;gap:12px}.menu-item-config{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:15px}.menu-item-header{margin-bottom:12px}.menu-item-number{color:#334155;font-size:14px;font-weight:600}.remove-menu-item-btn{background-color:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 8px;transition:background-color .2s}.remove-menu-item-btn:hover{background-color:#dc2626}.menu-item-fields{display:flex;flex-direction:column;gap:12px}.loading-message{color:#64748b;font-size:12px}.routing-path-input{gap:4px}.toggle-option{gap:12px}.toggle-slider{background-color:#cbd5e1}.toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-label-text{color:#475569;font-weight:500}.color-picker-container{display:inline-block}.color-picker-container input[type=color]{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;height:37px;padding:2px;width:37px}.color-picker-container input[type=color]:hover{border-color:#3b82f6}.color-picker-container input[type=color]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.property-section{border-bottom:1px solid #e8e8e8;margin-bottom:20px;padding-bottom:20px}.property-section:last-child{border-bottom:none}.property-section-title{color:#333;font-size:14px;font-weight:600;margin-bottom:15px}.property-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.add-menu-item-btn{background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:5px 15px;transition:all .2s}.add-menu-item-btn:hover{background-color:#40a9ff;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.empty-menu-items{background:#f9f9f9;border:1px dashed #e0e0e0;border-radius:8px;color:#999;font-size:13px;padding:40px 20px;text-align:center}.menu-items-list{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;min-height:80px;padding:16px;position:relative}.menu-item-wrapper{margin-bottom:4px}.menu-item-config{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:move;padding:8px 12px;position:relative;transition:all .2s;-webkit-user-select:none;user-select:none}.menu-item-config:hover{background-color:#f5f5f5;border-color:#1890ff}.menu-item-config.dragging{opacity:.4}.menu-item-config.over{background-color:#e6f7ff;border-color:#1890ff}.menu-item-config.drop-before:before{top:-2px}.menu-item-config.drop-after:after,.menu-item-config.drop-before:before{background-color:#1890ff;content:"";height:2px;left:0;position:absolute;right:0}.menu-item-config.drop-after:after{bottom:-2px}.menu-item-config.drop-child{background-color:#f0f8ff;border-style:dashed}.menu-item-header{align-items:center;display:flex;justify-content:space-between;position:relative}.menu-item-title{align-items:center;color:#333;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px}.menu-item-expand{background:none;border:none;color:#666;cursor:pointer;font-size:10px;line-height:1;padding:2px;transition:transform .2s}.menu-item-expand:hover{color:#1890ff}.menu-item-remove{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:1;opacity:0;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .2s,color .2s;width:20px}.menu-item-config:hover .menu-item-remove{opacity:1}.menu-item-remove:hover{background-color:#ff4d4f1a;border-radius:2px;color:#ff4d4f}.menu-item-children{margin-left:20px;margin-top:4px}.menu-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.menu-modal{background:#fff;border-radius:8px;max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.menu-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.menu-modal-title{color:#333;font-size:18px;font-weight:600}.menu-modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px;line-height:1}.menu-modal-close:hover{color:#666}.menu-modal-content{display:flex;flex-direction:column;gap:16px}.menu-modal-actions{border-top:1px solid #e8e8e8;display:flex;gap:8px;justify-content:flex-end;margin-top:24px;padding-top:20px}.menu-modal-cancel,.menu-modal-save{border-radius:4px;cursor:pointer;font-size:14px;padding:6px 16px;transition:all .2s}.menu-modal-cancel{background:#fff;border:1px solid #d9d9d9;color:#666}.menu-modal-cancel:hover{border-color:#40a9ff;color:#40a9ff}.menu-modal-save{background:#1890ff;border:none;color:#fff}.menu-modal-save:hover{background:#40a9ff}.routing-path-input{align-items:center;border:1px solid #d9d9d9;border-radius:4px;display:flex;overflow:hidden}.routing-prefix{background:#f0f0f0;border-right:1px solid #d9d9d9;color:#666;font-size:13px;padding:5px 10px}.routing-suffix{border:none;border-radius:0;flex:1 1;margin:0}.routing-suffix:focus{border:none;box-shadow:none}.loading-message{color:#666;font-size:13px;font-style:italic;padding:8px}.property-item{margin-bottom:15px}.property-label{color:#666;display:block;font-size:13px;margin-bottom:5px}.property-label input[type=checkbox]{margin-right:8px}.property-input{border:1px solid #d9d9d9;border-radius:4px;font-size:13px;padding:5px 10px;width:100%}.property-input:focus{border-color:#1890ff;outline:none}.property-help{color:#999;display:block;font-size:12px;margin-top:3px}.toggle-switch{display:inline-block;height:24px;margin-right:10px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}input:checked+.toggle-slider{background-color:#1890ff}input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-option{align-items:center;display:flex;margin-bottom:12px}.toggle-label-text{color:#666;font-size:13px}.drop-placeholder{color:#1890ff;padding:20px}.empty-drop-area{align-items:center;color:#999;display:flex;font-size:13px;height:80px;justify-content:center}.routing-path-display{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;margin-top:5px;padding:8px 12px}.routing-full-path{color:#333;font-family:Monaco,Consolas,Courier New,monospace;font-size:13px;word-break:break-all}.all-category-image-section{align-items:flex-start;background-color:#fafafa;border:1px solid #e5e5e5;border-radius:8px;display:flex;gap:15px;padding:10px}.all-category-image-preview{flex-shrink:0}.all-category-image-controls{display:flex;flex:1 1;flex-direction:column;gap:8px}.all-category-upload-button{align-items:center;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;gap:8px;padding:8px 12px;transition:background-color .2s}.all-category-upload-button:hover{background-color:#0056b3}.all-category-remove-button{align-items:center;background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;gap:8px;padding:8px 12px;transition:background-color .2s}.all-category-remove-button:hover{background-color:#c82333}:root{--primary-color:#181b42;--secondary-color:#313ab9;--tertiary-color:#ff2058;--font-default-color:#3e3e3e;--font-filled-color:#fff;--font-guide-color:#bdbdbd;--font-placeholder-color:#aaa;--font-warning-color:#f31d00}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-y:auto}body.device-mobile,body.mobile-view-active{height:auto!important;overflow-y:visible!important;position:relative!important}.component-wrapper.inline-mode{display:block!important;flex-shrink:0!important}.btn-primary{border-color:#3b82f6}.btn-primary:hover{border-color:#2563eb}.header-actions button.primary{background-color:#3b82f6;color:#fff}.header-actions button.primary:hover{background-color:#2563eb;box-shadow:0 2px 4px #3b82f633}.app-header h1{color:#3b82f6;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0}.nav-button.active{box-shadow:0 2px 4px #3b82f633;color:#fff}*{box-sizing:border-box}.app-container{display:flex;flex-direction:column;height:100vh;width:100%}.app-header{background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;justify-content:space-between;padding:12px 24px}.app-header,.header-logo{align-items:center;display:flex}.header-logo{gap:10px}.header-actions{align-items:center;display:flex;gap:10px}.header-actions button{align-items:center;background-color:#f1f5f9;border:none;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#475569;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:8px 14px;transition:all .2s ease}.header-actions button:hover{background-color:#e2e8f0;box-shadow:0 2px 4px #0000000d}.header-actions button svg{font-size:16px;margin-right:8px}.app-main{display:flex;height:calc(100vh - 60px);isolation:isolate;overflow:hidden;position:relative}.component-library{background:linear-gradient(135deg,#fff,#f8fafc);border-right:1px solid #e2e8f0;box-shadow:0 2px 4px #00000005;overflow-y:auto;padding:16px 12px;transition:all .3s ease;width:280px}.component-library h3{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.9rem;font-weight:600;margin-bottom:16px;margin-top:0;padding-bottom:8px}.nav-buttons{background-color:#f0f2f5;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;height:44px;margin-bottom:15px;padding:4px;width:100%}.nav-button,.nav-buttons{box-sizing:border-box;display:flex;justify-content:center;overflow:visible}.nav-button{align-items:center;background:none;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#64748b;cursor:pointer;flex:1 1;flex-direction:row;font-size:.85rem;font-weight:600;gap:6px;height:36px;margin:0 2px;min-width:110px;padding:8px 12px;position:relative;text-align:center;transition:all .2s ease;white-space:nowrap}.nav-button:before{display:inline-block;flex-shrink:0;font-family:FontAwesome;font-size:.9rem;text-align:center;width:16px}.nav-button:hover{background-color:#e2e8f0;color:#334155;transform:translateY(-1px)}.nav-button.active{background-color:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 5px #3b82f64d;color:#fff!important;font-weight:600;text-shadow:0 1px 1px #0003;transform:none}.nav-icon{font-size:inherit;font-style:normal;line-height:1}.components-list{display:flex;flex-direction:column;gap:15px}.components-category{margin-bottom:15px}.components-category-title{color:#64748b;font-size:.85rem;font-weight:600;margin-bottom:10px;padding-left:4px}.draggable-component{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;cursor:move;display:flex;gap:10px;overflow:hidden;padding:2px;position:relative;transition:all .2s ease}.draggable-component:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.component-icon{align-items:center;background:#fff;border-radius:6px;color:#64748b;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.component-label{color:#1e293b;flex:1 1;font-size:13px;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-canvas{align-items:center;background-color:#f0f4f8;contain:layout style;display:flex;flex:1 1;flex-direction:column;isolation:isolate;overflow-y:auto;padding:0;position:relative}.editor-canvas.drop-active{background-color:#e9f2fe;border:2px dashed #93c5fd}.property-panel{background-color:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding:20px 15px;transition:all .3s ease;width:320px}.property-panel h3{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.9rem;font-weight:600;margin-bottom:16px;margin-top:0;padding-bottom:8px}.no-component-selected{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;padding:40px;text-align:center}.no-component-selected img{height:100px;margin-bottom:15px;opacity:.6;width:100px}.no-component-selected p{font-size:.9rem;line-height:1.5}.property-group{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;margin-bottom:16px;padding:5px}.property-group-title{align-items:center;background:#0000!important;color:#475569;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;margin-bottom:12px}.property-group-title svg{margin-right:8px}.property-group label{color:#64748b;display:block;font-size:.8rem;font-weight:500;margin-bottom:6px}.property-group input,.property-group select,.property-group textarea{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;padding:8px 10px;transition:all .2s ease;width:100%}.property-group input:focus,.property-group select:focus,.property-group textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 2px #3b82f61a;outline:none}.property-field{margin-bottom:12px}.add-button,.remove-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.add-button{background-color:#3b82f6;color:#fff}.add-button:hover{background-color:#2563eb}.remove-button{background-color:#ef4444;color:#fff}.remove-button:hover{background-color:#dc2626}.delete-button{align-items:center;background-color:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;justify-content:center;margin-top:8px;padding:8px 12px;transition:all .2s ease}.delete-button:hover{background-color:#fecaca}.placed-component{box-shadow:0 0 0 0 #0000;box-sizing:border-box;cursor:pointer;outline:none;position:relative;transform:translateZ(0);transition:all .3s ease;will-change:transform}.placed-component.selected{border:3px dashed blue!important;box-shadow:0 0 0 2px #3b82f6;z-index:10}.resize-handle{background-color:#3b82f6;border-radius:50%;cursor:nwse-resize;height:10px;position:absolute;width:10px;z-index:1000}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:10px 16px;transition:all .2s ease}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#f1f5f9;color:#475569}.btn-secondary:hover{background-color:#e2e8f0}.btn-danger{background-color:#fee2e2;color:#dc2626}.btn-danger:hover{background-color:#fecaca}.btn-icon{border-radius:6px;padding:8px}.btn-sm{font-size:.75rem;padding:6px 12px}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a,0 10px 15px -3px #0000001a;max-width:600px;padding:20px;width:100%}.modal-header{margin-bottom:20px}.modal-header h3{font-size:1.2rem}.modal-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:1.5rem}.modal-close:hover{color:#475569}.modal-footer{gap:10px;margin-top:20px}.project-manager{margin-top:20px;max-height:400px;overflow-y:auto}.project-list{grid-gap:10px;display:grid;gap:10px}.project-item{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.project-item:hover{background-color:#f1f5f9}.project-item-name{font-weight:500}.project-item-actions{display:flex;gap:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1200px){.property-panel{width:280px}}@media (max-width:992px){.component-library{width:240px}}@media (max-width:768px){.app-main{flex-direction:column;height:auto}.component-library,.property-panel{border:none;width:100%}.editor-canvas{min-height:500px}}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.rounded{border-radius:8px}.panel-tabs{border-bottom:1px solid #e2e8f0;display:flex;margin-bottom:16px}.panel-tab{color:#64748b;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 14px;position:relative;transition:all .2s ease}.panel-tab:hover{color:#475569}.panel-tab.active{color:#3b82f6;font-weight:600}.panel-tab.active:after{border-radius:1px;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.menu-management-tab{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;height:100%;overflow-y:auto}.section-title{color:#1a202c;font-size:20px;font-weight:700;margin-bottom:6px}.section-description{font-size:13px;line-height:1.4}.menu-section{margin-bottom:20px}.menu-section-header{margin-bottom:12px}.menu-type-title{color:#2d3748;font-size:16px;margin-bottom:3px}.menu-type-description{font-size:12px;line-height:1.3}.menu-section-divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000)}.menu-tree{margin-bottom:16px}.menu-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:12px;padding:10px 14px}.menu-header h3{color:#1a202c;font-size:14px;font-weight:600;margin:0}.menu-header button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:5px;box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.menu-header button:hover{box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.menu-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;justify-content:space-between;margin:4px 0;padding:12px 16px}.menu-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.menu-item.selected{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.menu-name{color:#1a202c;font-size:14px;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item.selected .menu-name{color:#1e40af;font-weight:600}.menu-path{display:none}.menu-actions{display:flex;gap:6px;opacity:0;transform:translateX(8px);transition:all .2s ease}.menu-item:hover .menu-actions{opacity:1;transform:translateX(0)}.menu-action-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:4px;box-shadow:0 2px 4px #ef444433;color:#fff;cursor:pointer;font-size:12px;line-height:1;padding:6px 8px;transition:all .2s ease}.menu-action-btn:hover{box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.menu-list{min-height:20px;position:relative}.menu-drop-indicator{animation:pulse 1s infinite;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:2px;box-shadow:0 0 8px #3b82f699;height:3px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.menu-root-drop-area{background:linear-gradient(135deg,#fafbfc,#f8fafc);border:2px dashed #e2e8f0;border-radius:8px;min-height:80px;padding:12px;position:relative;transition:all .3s ease}.menu-root-drop-area:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1}.drop-placeholder{animation:dropPulse 2s infinite;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px dashed #3b82f6;border-radius:6px;color:#3b82f6;font-size:13px;font-style:italic;font-weight:500;padding:16px 12px;text-align:center}@keyframes dropPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.empty-menu-message{color:#94a3b8;font-size:13px;line-height:1.5;padding:20px 12px}.menu-list .menu-item{position:relative}.menu-list .menu-item:before{height:1px;top:50%;transform:translateY(-50%);width:12px}.menu-list .menu-item:after,.menu-list .menu-item:before{background-color:#cbd5e1;content:"";left:-20px;position:absolute}.menu-list .menu-item:after{bottom:50%;top:0;width:1px}.menu-list .menu-item:last-child:after{display:none}.menu-property-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);margin-top:16px;padding:12px}.menu-property-title{color:#1a202c;font-size:15px;margin-bottom:8px}.menu-property-panel{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 3px #00000005;padding:12px}.no-menu-selected{color:#94a3b8;font-size:13px;font-style:italic;padding:16px 8px;text-align:center}.property-title{color:#374151;font-size:13px;font-weight:600;margin-bottom:8px}.selected-menu-info{margin-bottom:12px}.selected-menu-info p{color:#4b5563;font-size:12px;line-height:1.3;margin:4px 0}.selected-menu-info strong{color:#1f2937;display:inline-block;font-weight:500;min-width:50px}.edit-instruction{background:#f9fafb;border:1px solid #f3f4f6;border-radius:4px;font-size:11px;margin-top:8px;padding:6px 8px}.component-tree{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:10px}.component-tree-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin-bottom:2px;padding:6px 8px}.component-tree-item:hover{background-color:#f1f5f9}.component-tree-item.selected{background-color:#e9f2fe;color:#3b82f6}.component-tree-icon{align-items:center;background-color:#f1f5f9;border-radius:4px;color:#64748b;display:flex;height:24px;justify-content:center;margin-right:8px;width:24px}.component-tree-name{flex-grow:1;font-size:.85rem}.import-button{overflow:hidden;position:relative}.import-button input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.load-button{overflow:hidden;position:relative}.load-button input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.padding-controls{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);margin-bottom:12px}.padding-control{display:flex;flex-direction:column}.padding-control label{color:#64748b;font-size:.75rem;margin-bottom:4px}.input-with-unit{align-items:center;display:flex;position:relative}.input-with-unit input{padding-right:30px}.input-with-unit .unit{color:#94a3b8;font-size:.75rem;position:absolute;right:10px}.draggable-component{-webkit-user-select:none;user-select:none}.property-panel input[type=number]{-moz-appearance:textfield}.property-panel input[type=number]::-webkit-inner-spin-button,.property-panel input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.property-panel textarea{min-height:80px;resize:vertical}.editor-canvas-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:center;padding:12px 0;text-align:center;width:100%}.view-mode-selector{background-color:#edf2f7;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:inline-flex;gap:8px;padding:4px}.view-mode-button{align-items:center;background-color:initial;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.view-mode-button:hover{background-color:#e2e8f0;color:#334155}.view-mode-button.active{background-color:#fff;box-shadow:0 1px 3px #0000001a;color:#4361ee}.component-library-header{border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;margin-bottom:12px;padding-bottom:12px}.component-library-header h3{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:12px}.component-library-header h3:before{content:"🧩";font-size:18px}.component-library-content{flex-grow:1;overflow-y:auto;padding-right:4px}.component-library-content::-webkit-scrollbar{width:6px}.component-library-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.component-library-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.component-library-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.component-search input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#1e293b;font-size:13px;padding:10px 12px;transition:all .2s ease;width:100%}.component-search input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.component-search input::placeholder{color:#94a3b8;font-style:italic}.header-nav{display:flex;flex:1 1;justify-content:center;position:relative}.navigation-menu{align-items:center}.nav-menu-list{gap:8px}.nav-menu-link{color:#4a5568;display:block;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.sub-nav-menu-list{border-radius:4px;box-shadow:0 4px 6px #0000001a;opacity:0;padding:8px;transform:translateY(10px);transition:all .3s ease;visibility:hidden;width:200px}.nav-menu-item:hover>.sub-nav-menu-list{opacity:1;transform:translateY(0);visibility:visible}.sub-nav-menu-link{border-radius:4px;color:#4a5568;font-size:.85rem;transition:all .2s ease}.editor-toolbar{justify-content:space-between;padding:0 16px;width:100%}.current-path,.editor-toolbar{align-items:center;display:flex}.current-path{font-size:.85rem;gap:8px}.path-label{color:#64748b}.path-value{background-color:#eff6ff;border-radius:4px;color:#3b82f6;font-weight:500;padding:4px 8px}.empty-menu-content{align-items:center;box-sizing:border-box;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center;width:100%}.empty-menu-content p{margin:4px 0}.empty-menu-content p:first-child{font-weight:500}.device-mobile .empty-menu-content{height:744px!important;min-height:744px!important}.device-tablet .empty-menu-content{height:1130px!important;min-height:1130px!important}.menu-drop-indicator{background-color:#4361ee;height:2px;left:0;pointer-events:none;position:absolute;right:0;transition:all .15s ease;z-index:10}.menu-item{align-items:center;cursor:pointer;display:flex;padding:8px 10px;position:relative;transition:all .2s ease}.menu-item.drop-before:before{top:-2px;transform:translateY(-50%)}.menu-item.drop-after:after,.menu-item.drop-before:before{background-color:#4361ee;content:"";height:2px;left:0;position:absolute;right:0;z-index:2}.menu-item.drop-after:after{bottom:-2px;transform:translateY(50%)}.menu-item.drop-child{background-color:#4361ee1a;box-shadow:inset 0 0 0 2px #4361ee80}.loading-error{align-items:center;background-color:#f8d7da;color:#721c24;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.loading-error h3{font-size:24px;margin-bottom:15px}.loading-error button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-top:20px;padding:8px 16px}.loading-error button:hover{background-color:#c82333}.component-error{margin:10px 0;padding:10px}.component-error,.error-component{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24}.error-component{font-weight:700;margin:10px;padding:15px;text-align:center}.unknown-component-type{background-color:#fff7ed;border:1px solid #fed7aa;border-radius:4px;color:#9a3412;margin:10px 0;padding:15px}.unknown-component-type p{font-weight:600;margin:0 0 10px}.unknown-component-type pre{background-color:#fff;border-radius:4px;font-size:12px;max-height:200px;overflow-x:auto;padding:10px}.preview-container{display:flex;flex-direction:column;min-height:100vh;overflow:visible!important}body:has(#header.sticky.top-0.bg-white){overflow:visible!important}body:has(#header.sticky.top-0.bg-white) .preview-container{overflow:visible!important}body:has(#header.sticky.top-0.bg-white) .preview-content{overflow:visible!important}.preview-content{background-color:#fff;flex:1 1;overflow:visible!important}.component-wrapper.preview-mode{box-sizing:border-box;clear:both;flex:0 0 auto!important;height:auto!important;min-height:auto!important;overflow:visible!important;position:relative;width:100%}.component-wrapper.preview-mode .component-content{height:auto!important;min-height:0!important}.component-wrapper.preview-mode.mobile-view{clear:both;overflow:visible!important}.component-wrapper.preview-mode.component-type-main_banner,.component-wrapper.preview-mode.mobile-view{flex:0 0 auto!important;height:auto!important;min-height:auto!important;position:relative;width:100%}.preview-content>.section-container{clear:both;flex:0 0 auto!important;position:relative;width:100%}.preview-content{align-items:stretch!important;display:flex!important;flex-direction:column!important;gap:0!important}.preview-mode .poj2-main-slider{height:auto!important}.preview-mode .poj2-main-slider .swiper{height:auto}.preview-mode .poj2-main-slider-controller{display:flex!important;position:relative;visibility:visible!important}@media (max-width:990px){.preview-mode .component-wrapper.component-type-mainbanner{display:block;height:auto!important;min-height:auto!important}.preview-mode .component-wrapper.component-type-mainbanner .component-content,.preview-mode .component-wrapper.component-type-mainbanner .external-skin-wrapper{display:block}.preview-mode .component-wrapper.component-type-section{clear:both;position:relative}}.preview-content>*{clear:both;flex-shrink:0!important;position:relative}.banner-edit-modal{align-items:center!important;background-color:#00000080!important;bottom:0!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.banner-edit-modal,.banner-edit-modal .modal-content{pointer-events:auto!important;z-index:9999999!important}.banner-edit-modal .modal-content{background-color:#fff!important;border-radius:8px!important;max-height:90vh!important;max-width:600px!important;overflow-y:auto!important;padding:20px!important;position:relative!important;width:90%!important}.preview-footer{background-color:#fff;border-top:1px solid #f1f5f9;color:#94a3b8;font-size:12px;margin-top:auto;padding:15px 0;text-align:center}.component-content{height:100%;overflow:visible!important;width:100%}.preview-page{background-color:#fff;min-height:100vh;width:100%}.preview-error{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.preview-error h3{color:#dc3545;margin-bottom:20px}.preview-error button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.preview-error button:hover{background-color:#5a6268}.preview-loading{font-size:18px}.preview-empty,.preview-loading{align-items:center;color:#666;display:flex;height:100vh;justify-content:center}.preview-empty{flex-direction:column;padding:20px;text-align:center}.preview-empty p{margin:5px 0}.password-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.password-modal{background-color:#fff;border-radius:8px;box-shadow:0 8px 20px #0003;max-width:90%;padding:30px;width:400px}.password-modal h2{color:#333;font-size:1.5rem;margin-bottom:10px;margin-top:0}.password-modal p{color:#666;margin-bottom:20px}.password-input-container{display:flex;gap:10px;margin-bottom:10px}.password-input-container input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:1rem;padding:10px}.password-input-container input.error{border-color:#f44336}.password-input-container button{background-color:#4361ee;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px}.password-input-container button:hover{background-color:#3050e0}.password-modal .error-message{color:#f44336;font-size:.875rem;margin:10px 0 0}.loading-overlay{align-items:center;background-color:#ffffffe6;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#4361ee;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-overlay p{color:#333;font-size:16px;margin:0}.gi-single-product{padding:40px 0}.single-pro-block{margin-bottom:30px}.single-pro-inner{border:1px solid #e9e9e9;border-radius:5px;padding:20px}.single-pro-img{margin-bottom:30px}.single-pro-img,.single-product-scroll{position:relative}.single-product-cover{margin-bottom:10px}.single-product-cover .single-slide img{border-radius:5px;cursor:pointer;height:auto;width:100%}.single-nav-thumb{margin:0 -5px}.single-nav-thumb .single-slide{cursor:pointer;padding:0 5px}.single-nav-thumb .single-slide img{border:1px solid #e9e9e9;border-radius:5px;height:auto;transition:all .3s ease;width:100%}.single-nav-thumb .single-slide img:hover{border-color:#007bff}.single-pro-desc{padding-left:20px}.gi-single-title{color:#333;font-size:24px;font-weight:600;margin-bottom:15px}.gi-single-rating-wrap{align-items:center;display:flex;margin-bottom:15px}.gi-single-rating{display:flex}.gi-single-rating i{color:#ffc107;margin-right:2px}.gi-single-rating i.gi-star-o{color:#ccc}.gi-read-review{font-size:14px;margin-left:10px}.gi-read-review a{color:#007bff;text-decoration:none}.gi-single-price-stoke{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.gi-single-price{display:flex;flex-direction:column}.gi-single-price .final-price{color:#222;font-size:20px;font-weight:700}.price-des{color:#28a745;display:inline-block;font-size:14px;margin-left:8px}.mrp{color:#666;font-size:14px;margin-top:5px}.mrp span{text-decoration:line-through}.gi-single-stoke{text-align:right}.gi-single-sku{color:#666;display:block;font-size:14px;margin-bottom:5px}.gi-single-ps-title{color:#28a745;display:block;font-weight:700}.gi-single-desc{color:#666;line-height:1.6}.gi-single-desc,.gi-single-list{margin-bottom:20px}.gi-single-list ul{list-style:none;margin:0;padding:0}.gi-single-list ul li{color:#666;margin-bottom:8px}.gi-single-list ul li strong{color:#333;margin-right:5px}.gi-pro-variation{margin-bottom:20px}.gi-pro-variation-inner{margin-bottom:15px}.gi-pro-variation-inner span{color:#333;display:block;font-weight:600;margin-bottom:10px}.gi-pro-variation-content ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.gi-pro-variation-content ul li{cursor:pointer;margin-bottom:10px;margin-right:10px}.gi-pro-variation-content ul li span{border:1px solid #e9e9e9;border-radius:3px;display:block;font-size:14px;font-weight:400;padding:5px 15px;transition:all .3s ease}.gi-pro-variation-content ul li.active span,.gi-pro-variation-content ul li:hover span{background-color:#007bff;border-color:#007bff;color:#fff}.gi-single-qty{align-items:center;display:flex;flex-wrap:wrap}.qty-plus-minus{flex-shrink:0;width:auto}.quantity-selector{align-items:center;border:1px solid #e9e9e9;border-radius:3px;display:flex;height:40px;overflow:hidden;width:120px}.quantity-selector .qty-down,.quantity-selector .qty-up{background-color:#f8f9fa;border:none;cursor:pointer;font-size:16px;height:100%;transition:all .3s ease;width:40px}.quantity-selector .qty-down:hover,.quantity-selector .qty-up:hover{background-color:#e9ecef}.quantity-selector .qty-input{border:none;font-size:14px;font-weight:600;height:100%;padding:0;text-align:center;width:40px}.gi-single-cart{margin-bottom:15px;margin-right:15px}.gi-btn-1{font-weight:600;padding:10px 20px;transition:all .3s ease}.gi-single-quickview,.gi-single-wishlist{margin-bottom:15px;margin-right:15px}.gi-btn-group{align-items:center;border:1px solid #e9e9e9;border-radius:3px;color:#666;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.gi-btn-group:hover{background-color:#007bff;border-color:#007bff;color:#fff}.single-add-more{margin:30px 0}.add-more-item{border:1px solid #e9e9e9;border-radius:5px;margin-bottom:20px;padding:15px;position:relative;transition:all .3s ease}.add-more-item:hover{box-shadow:0 5px 15px #0000001a}.gi-btn-2{align-items:center;background-color:#007bff;border-radius:50%;color:#fff;display:flex;font-size:16px;height:25px;justify-content:center;position:absolute;right:10px;text-decoration:none;top:10px;width:25px;z-index:1}.add-more-img{margin-bottom:10px}.add-more-img img{border-radius:5px;height:auto;width:100%}.add-more-info h5{color:#333;font-size:14px;font-weight:600;margin-bottom:5px}.gi-pro-rating{display:flex;margin-bottom:5px}.gi-pro-rating i{color:#ffc107;font-size:12px;margin-right:2px}.gi-price{align-items:center;display:flex}.new-price{color:#333;font-weight:600;margin-right:8px}.old-price{color:#999;font-size:12px;text-decoration:line-through}.gi-pro-tab{margin-bottom:30px}.gi-pro-tab-nav{border-bottom:1px solid #e9e9e9;margin-bottom:20px}.gi-pro-tab-nav .nav-item{margin-right:5px}.gi-pro-tab-nav .nav-link{background-color:#f8f9fa;border:1px solid #0000;border-bottom:0;border-radius:5px 5px 0 0;color:#666;font-weight:600;padding:10px 20px}.gi-pro-tab-nav .nav-link.active{background-color:#fff;border-color:#e9e9e9 #e9e9e9 #fff;color:#333;position:relative;top:1px}.gi-pro-tab-content{border:1px solid #e9e9e9;border-radius:0 0 5px 5px;border-top:0;padding:20px}.gi-description-block p{color:#666;line-height:1.6;margin-bottom:15px}.gi-reviews-title{color:#333;font-size:18px;font-weight:600;margin-bottom:20px}.gi-review{border-bottom:1px solid #e9e9e9;display:flex;margin-bottom:20px;padding-bottom:20px}.gi-review-image{margin-right:15px;width:50px}.gi-review-image img{border-radius:50%;height:auto;width:100%}.gi-review-content{flex:1 1}.gi-review-top{align-items:center;display:flex;margin-bottom:10px}.gi-review-name{color:#333;font-weight:600;margin-right:15px}.gi-rating-star{display:flex;margin-right:15px}.gi-review-date{color:#999;font-size:12px}.gi-review-bottom p{color:#666;margin:0}.gi-review-form{margin-top:30px}.gi-review-form h4{color:#333;font-size:18px;font-weight:600;margin-bottom:20px}.gi-form-group{margin-bottom:20px}.gi-form-group label{color:#333;display:block;font-weight:600;margin-bottom:8px}.rating-selection{margin-bottom:10px}.gi-specification-box h3{color:#333;font-size:18px;font-weight:600;margin-bottom:20px}.gi-specification-table{border-collapse:collapse;width:100%}.gi-specification-table td{border:1px solid #e9e9e9;padding:10px 15px}.gi-specification-table td:first-child{background-color:#f8f9fa;font-weight:600;width:30%}.gi-sidebar-wrapper{border:1px solid #e9e9e9;border-radius:5px;overflow:hidden}.gi-sidebar-block{border-bottom:1px solid #e9e9e9;margin-bottom:0;padding:20px}.gi-sidebar-block:last-child{border-bottom:0}.gi-sidebar-title{margin-bottom:15px}.gi-sidebar-title h3{color:#333;font-size:18px;font-weight:600;margin:0}.gi-category-list{list-style:none;margin:0;padding:0}.gi-category-list li{margin-bottom:10px}.gi-category-list li:last-child{margin-bottom:0}.gi-category-list li a{color:#666;text-decoration:none;transition:all .3s ease}.gi-category-list li a:hover{color:#007bff}.gi-popular-product{list-style:none;margin:0;padding:0}.gi-popular-product li{border-bottom:1px solid #e9e9e9;display:flex;margin-bottom:15px;padding-bottom:15px}.gi-popular-product li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.gi-pro-image{margin-right:15px}.gi-pro-image img{border-radius:5px;height:auto;width:100%}.gi-pro-content{flex:1 1}.gi-pro-content h5{color:#333;font-size:14px;font-weight:600;margin-bottom:5px}@media (max-width:991px){.m-t-991{margin-top:30px}.single-pro-desc{padding-left:0}}@media (max-width:767px){.gi-single-qty{align-items:flex-start;flex-direction:column}.gi-single-title{font-size:20px}.gi-single-price-stoke{align-items:flex-start;flex-direction:column}.gi-single-stoke{margin-top:10px;text-align:left}}.gicon{display:inline-block;font-style:normal;height:1em;width:1em}.gicon.gi-star:before{content:"★"}.gicon.gi-star-o:before{content:"☆"}.fi-rr-heart:before{content:"♥"}.fi-rr-eye:before{content:"👁"}.admin-check-section{border-top:1px solid #eee;margin-top:20px;padding-top:15px;text-align:center}.admin-check-section p{color:#666;font-size:14px;margin-bottom:10px}.check-admin-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.check-admin-button:hover{background-color:#e0e0e0}.error-message{color:#e53935;font-size:14px;margin-top:10px}.state-stop-container{align-items:center;background-color:#f8f9fa;display:flex;height:100vh;justify-content:center}.state-stop-content{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:500px;padding:2rem;text-align:center;width:90%}.state-stop-content h1{color:#e74c3c;margin-bottom:1rem}.state-stop-content p{color:#333;line-height:1.6;margin-bottom:2rem}.go-home-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s}.go-home-button:hover{background-color:#2980b9}.cart-component-wrapper{background-color:#f9f9f9;padding:40px 0}.cart-page-title{border-bottom:1px solid #e1e1e1;font-size:24px;font-weight:600;margin-bottom:30px;padding-bottom:15px}.cart-items-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:20px;overflow:hidden}.cart-item{border-bottom:1px solid #eee;padding:0}.cart-item:last-child{border-bottom:none}.cart-item-inner{display:flex;gap:15px;padding:20px}.cart-item-image{border-radius:4px;flex-shrink:0;height:100px;overflow:hidden;width:100px}.cart-item-image img{height:100%;object-fit:cover;width:100%}.no-image{align-items:center;background-color:#f5f5f5;border-radius:4px;color:#999;display:flex;font-size:12px;height:100px;justify-content:center;width:100px}.cart-item-details{flex:1 1;min-width:0}.cart-item-title{margin-bottom:8px}.cart-item-title a{color:#333;display:block;font-size:16px;font-weight:500;margin-bottom:4px;text-decoration:none}.cart-item-variant{color:#888;font-size:14px}.cart-item-price{color:#333;font-size:15px}.cart-item-quantity{flex-shrink:0;width:100px}.cart-quantity-control{align-items:center;border:1px solid #ddd;border-radius:4px;display:flex;gap:8px;justify-content:center;padding:2px}.cart-quantity-control button{background:#f5f5f5;border:none;border-radius:2px;cursor:pointer;font-size:16px;height:28px;width:28px}.cart-quantity-control button:disabled{cursor:not-allowed;opacity:.5}.cart-quantity-control span{font-size:15px;min-width:30px;text-align:center}.cart-item-total{color:#333;flex-shrink:0;font-size:16px;font-weight:600;text-align:right;width:120px}.cart-item-remove{flex-shrink:0;width:40px}.cart-item-remove button{background:none;border:none;color:#888;cursor:pointer;font-size:16px;padding:5px}.cart-item-remove button:hover{color:red}.cart-summary{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;position:-webkit-sticky;position:sticky;top:20px}.cart-summary-inner{padding:25px}.summary-title{border-bottom:1px solid #e1e1e1;margin-bottom:20px;padding-bottom:15px}.summary-title h3{font-size:20px;font-weight:600;margin:0}.summary-item{display:flex;justify-content:space-between;margin-bottom:15px}.item-label{color:#666;font-size:15px}.item-value{font-size:15px;font-weight:500}.summary-total{border-top:1px solid #e1e1e1;display:flex;justify-content:space-between;margin-bottom:25px;margin-top:20px;padding-top:15px}.total-label{font-size:17px;font-weight:600}.total-value{color:#f50057;font-size:22px;font-weight:700}.summary-action{margin-top:15px}.checkout-button{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;padding:15px;text-align:center;text-decoration:none;width:100%}.checkout-button:hover{background-color:#333}.cart-empty{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;padding:60px 20px;text-align:center}.cart-empty h2{margin-bottom:20px}.cart-empty p{color:#666;margin-bottom:30px}.continue-shopping-button{background-color:#000;border-radius:4px;color:#fff;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none}.cart-error,.cart-loading,.cart-login-required{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;padding:60px 20px;text-align:center}.login-button,.retry-button{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;margin-top:20px;padding:12px 24px;text-decoration:none}@media (max-width:991px){.cart-summary{margin-top:30px}}@media (max-width:767px){.cart-item-inner{flex-wrap:wrap;gap:10px}.cart-item-image{height:80px;width:80px}.cart-item-details{width:calc(100% - 100px)}.cart-item-quantity{width:auto}.cart-item-total{flex-grow:1;text-align:right;width:auto}}.property-field.login-options{border-top:1px solid #eee;margin-top:20px;padding-top:15px}.checkbox-label{color:#555;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.checkbox-group{gap:8px}.checkbox-item{cursor:pointer}.checkbox-item input[type=checkbox]{cursor:pointer;margin-right:8px}.checkbox-item label{font-size:13px;font-weight:400;margin-bottom:0}.login-info{color:#6c757d;font-size:12px;font-style:italic;margin-top:8px}.components-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.component-category{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 4px #00000005;margin-bottom:20px;overflow:hidden;padding:16px;position:relative}.component-category:before{background:linear-gradient(135deg,#3b82f6,#2563eb);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.component-category h4{align-items:center;border-bottom:1px solid #f1f5f9;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px;margin-top:0;padding-bottom:8px;word-break:keep-all}.component-category h4:before{border-radius:50%;content:"";flex-shrink:0;height:8px;width:8px}.component-category h4:before,.component-category:nth-child(2) h4:before,.component-category:nth-child(2):before{background:linear-gradient(135deg,#3b82f6,#2563eb)}.component-category:nth-child(3) h4:before,.component-category:nth-child(3):before{background:linear-gradient(135deg,#10b981,#059669)}.component-category:nth-child(4) h4:before,.component-category:nth-child(4):before{background:linear-gradient(135deg,#f59e0b,#d97706)}.component-category:nth-child(5) h4:before,.component-category:nth-child(5):before{background:linear-gradient(135deg,#ef4444,#dc2626)}.component-category:nth-child(6) h4:before,.component-category:nth-child(6):before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.component-category:nth-child(7) h4:before,.component-category:nth-child(7):before{background:linear-gradient(135deg,#06b6d4,#0891b2)}.device-mobile,body.device-mobile{--viewport-width:375px}.device-tablet,body.device-tablet{--viewport-width:768px}.device-pc,body.device-pc{--viewport-width:1200px}.device-pc .responsive-header .nav-menu{display:flex;visibility:visible}.device-pc .offcanvas-mobile-menu,.device-pc .responsive-header .mobile-menu,.device-pc .responsive-header .mobile-menu-button{display:none!important}.device-tablet .responsive-header .nav-menu{font-size:14px;gap:10px}.device-tablet .responsive-header .header-top{display:none}.device-mobile .responsive-header .nav-menu{display:none!important}.device-mobile .responsive-header .mobile-menu-button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex!important;font-size:24px;height:40px;justify-content:center;width:40px}.device-mobile .responsive-header .header-top{display:none}.device-mobile .sticky-bar .col-lg-8{display:none!important}.device-mobile .sticky-bar .mobile-aside-button{display:block!important}.device-mobile .header-area .sticky-bar{display:flex;justify-content:space-between}.device-mobile .header-area .col-lg-2,.device-mobile .header-area .col-lg-8,.device-mobile .header-area .col-xl-2,.device-mobile .header-area .col-xl-8{width:auto}.device-mobile .header-area .col-lg-8,.device-mobile .header-area .col-xl-8{display:none}.device-mobile .header-area .col-xl-2.col-lg-2.col-md-6.col-8{display:flex;flex:0 0 auto;justify-content:flex-end;max-width:none;width:auto}.device-mobile .mobile-menu-button,.device-mobile .mobile-off-canvas .mobile-aside-button,.device-mobile button.mobile-aside-button{display:block!important}.device-mobile .d-none.d-lg-block{display:none!important}.device-mobile .d-block.d-lg-none{display:block!important}.offcanvas-mobile-menu{background-color:#fff;box-shadow:0 0 15px 0 #0000001a;height:100vh;overflow-y:auto;padding:50px 0 30px;position:fixed;right:-350px;top:0;transition:all .4s ease-out;width:320px;z-index:9999}.offcanvas-mobile-menu.active{opacity:1;right:0;visibility:visible}.offcanvas-navigation{padding:0 20px;width:100%}.offcanvas-navigation>ul{margin-bottom:0;padding-left:0}.offcanvas-navigation ul li{border-bottom:1px solid #f2f2f2}.offcanvas-navigation ul li:last-child{border-bottom:0}.offcanvas-navigation ul li a:hover{color:#a749ff}.offcanvas-navigation ul.sub-menu{display:none;margin-bottom:10px;margin-left:15px;padding-left:0;width:100%}.offcanvas-navigation ul li a{padding:13px 0}.offcanvas-navigation ul li span.toggle-btn{align-items:center;background:#f7f7f7;border-radius:50%;cursor:pointer;display:inline-flex;height:28px;justify-content:center;line-height:28px;position:absolute;right:15px;text-align:center;top:50%;transform:translateY(-50%);transition:none;width:28px;z-index:10}.offcanvas-navigation ul li span.toggle-btn span{align-items:center;display:inline-flex;font-family:Arial,sans-serif;font-size:20px;height:20px;justify-content:center;line-height:1;text-align:center;width:20px}.offcanvas-navigation ul.sub-menu.active{display:block}.offcanvas-navigation ul li{display:block;min-height:44px;position:relative;width:100%}.offcanvas-navigation ul li a{color:#333;display:block;font-size:15px;font-weight:500;line-height:1.5;padding:13px 40px 13px 0;position:relative;text-transform:capitalize;white-space:normal;width:100%;word-break:break-word}.offcanvas-navigation>ul{margin:0;padding:0;width:100%}.offcanvas-menu-close{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s;width:40px;z-index:10}.offcanvas-menu-close:hover{background:#333;color:#fff;transform:rotate(90deg)}.offcanvas-wrapper{padding:70px 30px 30px}.mobile-navigation{margin-bottom:30px}.mobile-navigation ul{list-style:none;margin:0;padding:0}.mobile-navigation ul li{border-bottom:1px solid #f0f0f0;padding:12px 0;position:relative}.mobile-navigation ul li a{color:#333;display:block;font-size:16px;font-weight:500;padding:5px 0;text-decoration:none;transition:all .3s}.mobile-navigation ul li a:hover{color:#007bff;padding-left:5px}.mobile-navigation ul li .sub-menu{max-height:0;overflow:hidden;padding-left:15px;transition:max-height .5s ease}.mobile-navigation ul li.active .sub-menu{margin-top:10px;max-height:500px}.mobile-navigation ul li.has-submenu>a:after{content:"\f107";font-family:Font Awesome\ 5 Free,sans-serif;font-weight:900;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s}.mobile-navigation ul li.has-submenu.active>a:after{transform:translateY(-50%) rotate(180deg)}.mobile-menu-button{background:none;border:none;border-radius:50%;color:#333;cursor:pointer;display:none;font-size:24px;padding:10px;transition:all .3s}.mobile-menu-button:hover{background:#0000000d}.device-mobile .mobile-menu-button{display:block!important}.responsive-footer{background-color:#f8f9fa;border-top:1px solid #eee;padding:40px 20px}.device-pc .responsive-footer{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.device-tablet .responsive-footer{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.device-mobile .responsive-footer{display:flex;flex-direction:column;gap:20px}.responsive-grid{grid-gap:30px;display:grid;gap:30px}.device-pc .responsive-grid{grid-template-columns:repeat(4,1fr)}.device-tablet .responsive-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.device-mobile .responsive-grid{gap:15px;grid-template-columns:1fr}.device-pc .responsive-title{font-size:32px}.device-tablet .responsive-title{font-size:28px}.device-mobile .responsive-title{font-size:24px}.device-pc .responsive-text{font-size:16px}.device-tablet .responsive-text{font-size:15px}.device-mobile .responsive-text{font-size:14px}.device-pc .responsive-container{padding:40px}.device-tablet .responsive-container{padding:30px 20px}.device-mobile .responsive-container{padding:20px 15px}.device-pc .responsive-button{font-size:16px;padding:12px 24px}.device-tablet .responsive-button{font-size:15px;padding:10px 20px}.device-mobile .responsive-button{font-size:14px;padding:8px 16px;width:100%}.device-mobile .responsive-table{display:block;overflow-x:auto;width:100%}.hamburger-menu{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:24px;justify-content:space-between;padding:0;position:relative;transition:all .3s ease;width:30px;z-index:100}.hamburger-menu span{background-color:#333;border-radius:4px;box-shadow:0 1px 2px #0000001a;height:3px;transition:all .4s cubic-bezier(.68,-.6,.32,1.6);width:100%}.hamburger-menu span:first-child{align-self:flex-end;width:50%}.hamburger-menu span:nth-child(3){align-self:flex-end;width:75%}.hamburger-menu:hover span:first-child,.hamburger-menu:hover span:nth-child(3){width:100%}.hamburger-menu.active span:first-child{transform:rotate(45deg) translate(5px,7px);width:100%}.hamburger-menu.active span:nth-child(2){opacity:0;transform:translateX(-20px)}.hamburger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-7px);width:100%}.device-mobile .hamburger-menu{display:flex}.device-mobile .responsive-column,.device-pc .responsive-column,.device-tablet .responsive-column{transition:all .3s}.device-tablet .responsive-column{flex:0 0 50%!important;max-width:50%!important}.device-tablet .responsive-layout{flex-wrap:wrap!important}.device-mobile .responsive-column{flex:0 0 100%!important}.mobile-view-active{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;overflow-y:visible;width:100%!important}.mobile-view-active .header-area{max-width:100%;overflow-x:hidden;width:100%}.mobile-view-active *{word-wrap:break-word;box-sizing:border-box;max-width:100%;overflow-wrap:break-word}.mobile-view-active img{height:auto;max-width:100%}.mobile-view-active .mobile-aside-button{display:block!important}.mobile-view-active .flone-navigation.desktop-menu{display:none!important}.mobile-view-active #offcanvas-mobile-menu{overflow-y:auto}.mobile-view-active #offcanvas-mobile-menu.active{opacity:1;right:0;visibility:visible}.device-mobile{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.device-mobile a,.device-mobile h1,.device-mobile h2,.device-mobile h3,.device-mobile h4,.device-mobile h5,.device-mobile h6,.device-mobile p,.device-mobile span{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;overflow-wrap:break-word;word-break:break-word}.device-mobile .text-container{box-sizing:border-box;padding-left:8px;padding-right:8px;width:100%}.device-mobile .layout-container{max-width:100%!important;overflow-x:hidden;transform:translateZ(0);will-change:transform}.device-mobile .layout-main-content{max-width:100%!important;padding-left:8px!important;padding-right:8px!important;width:100%!important}.device-mobile .component-renderer{max-width:100%;overflow-x:hidden;width:100%}.device-mobile .placed-component{box-sizing:border-box;max-width:100%}@media screen and (max-width:430px){.device-mobile{font-size:14px}.device-mobile h1{font-size:24px;line-height:1.3}.device-mobile h2{font-size:20px;line-height:1.3}.device-mobile h3{font-size:18px;line-height:1.3}.device-mobile p{line-height:1.5}.device-mobile .btn{font-size:14px;padding:8px 14px}}.mobile-header .header-right{align-items:center;display:flex;justify-content:flex-end}.mobile-header .logo{height:auto;max-width:70%}.mobile-header .header-area{padding-left:10px!important;padding-right:10px!important}.mobile-header .container,.mobile-header .container-fluid{padding-left:15px!important;padding-right:15px!important;width:100%!important}.mobile-header .row{align-items:center;display:flex;margin-left:-10px!important;margin-right:-10px!important}.mobile-header [class^=col-]{padding-left:10px!important;padding-right:10px!important}.device-mobile .footer-area{overflow-x:hidden;text-align:center}.device-mobile .footer-area .row{margin-left:-10px!important;margin-right:-10px!important}.device-mobile .footer-area [class^=col-]{margin-bottom:20px;padding-left:10px!important;padding-right:10px!important;width:100%}.editor-canvas.device-mobile{min-height:900px!important}.editor-canvas.device-mobile,.editor-canvas.device-tablet{overflow-x:hidden!important;overflow-y:auto!important;padding-bottom:50px!important}.editor-canvas.device-tablet{min-height:1230px!important}.editor-canvas.device-mobile .layout-container,.editor-canvas.device-tablet .layout-container{height:auto!important;overflow-x:hidden!important;overflow-y:hidden!important}.editor-canvas.device-mobile .layout-container{max-height:844px!important;min-height:844px!important}.editor-canvas.device-tablet .layout-container{max-height:1180px!important;min-height:1180px!important}.editor-canvas.device-mobile .layout-main-content,.editor-canvas.device-tablet .layout-main-content{height:764px!important;overflow-x:hidden!important;overflow-y:auto!important}.editor-canvas.device-tablet .layout-main-content{height:1148px!important}.device-mobile .responsive-button{text-align:center!important;white-space:normal!important}.device-mobile .responsive-button,.device-mobile .responsive-container{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.device-mobile .responsive-container{padding:10px!important}.device-mobile .responsive-column{padding:5px!important}.device-mobile .responsive-column,.device-mobile .responsive-layout{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.device-mobile .responsive-layout{flex-direction:column!important}.editor-canvas.device-mobile{overflow:visible!important}.device-mobile .main-banner-component{max-width:100%!important;overflow:hidden!important;width:100%!important}.device-mobile .main-banner-component img{height:auto!important;object-fit:cover!important;width:100%!important}.device-mobile .main-banner-component .slick-slider{margin:0 auto!important;width:100%!important}.device-mobile .main-banner-component .slick-slide{transform:none!important;width:100%!important}.device-mobile .main-banner-component .slick-dots{bottom:5px!important}.device-mobile .product-list-component{max-width:100%!important;overflow:visible!important;width:100%!important}.device-mobile .product-list-component .product-grid{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:1fr!important;width:100%!important}.device-mobile .product-list-component .product-item{box-sizing:border-box!important;margin:0 0 15px!important;width:100%!important}.device-mobile .product-list-component .product-item img{height:auto!important;object-fit:contain!important;width:100%!important}.device-mobile .product-list-component .product-info{padding:10px!important}.device-mobile .product-list-component .product-title{font-size:14px!important;white-space:normal!important;word-break:break-word!important}.device-mobile .product-list-component .product-price{font-size:14px!important}.device-mobile .faq-component{max-width:100%!important;width:100%!important}.device-mobile .faq-component .faq-item{margin-bottom:10px!important}.device-mobile .faq-component .faq-question{font-size:14px!important}.device-mobile .faq-component .faq-answer,.device-mobile .faq-component .faq-question{box-sizing:border-box!important;padding:10px!important;width:100%!important;word-break:break-word!important}.device-mobile .faq-component .faq-answer{font-size:13px!important}.device-mobile .company-history-component{max-width:100%!important;padding:10px!important;width:100%!important}.device-mobile .company-history-component .history-title{font-size:18px!important;margin-bottom:10px!important}.device-mobile .company-history-component .history-subtitle{font-size:14px!important;margin-bottom:20px!important}.device-mobile .company-history-component .history-item{margin-bottom:15px!important}.device-mobile .company-history-component .history-year{font-size:16px!important;font-weight:700!important}.device-mobile .company-history-component .history-content{font-size:13px!important;line-height:1.4!important;margin-left:15px!important}.device-mobile .company-history-component img{height:auto!important;max-width:100px!important}.device-mobile .mileage-history-wrapper,.device-mobile .order-history-wrapper{max-width:100%!important;padding:10px!important;width:100%!important}.device-mobile .mileage-history-wrapper table,.device-mobile .order-history-wrapper table{display:block!important;overflow-x:auto!important;width:100%!important}.device-mobile .mileage-history-wrapper td,.device-mobile .mileage-history-wrapper th,.device-mobile .order-history-wrapper td,.device-mobile .order-history-wrapper th{font-size:12px!important;padding:8px 5px!important;white-space:nowrap!important}.device-mobile .gi-single-product{box-sizing:border-box!important;max-width:100%!important;overflow:visible!important;width:100%!important}.device-mobile .gi-single-product .row{margin-left:-5px!important;margin-right:-5px!important}.device-mobile .gi-single-product .col-lg-12,.device-mobile .gi-single-product .col-lg-6{flex:0 0 100%!important;max-width:100%!important;padding-left:5px!important;padding-right:5px!important;width:100%!important}.device-mobile .gi-single-product .single-product-cover img{height:auto!important;width:100%!important}.device-mobile .gi-single-title{font-size:18px!important;margin-bottom:10px!important;word-break:break-word!important}.device-mobile .gi-single-price .final-price{font-size:16px!important}.device-mobile .gi-pro-tab-nav .nav-link{font-size:13px!important;padding:8px 12px!important}.device-mobile .gi-description-block{font-size:13px!important;line-height:1.4!important;word-break:break-word!important}.device-mobile .cart-component-wrapper{max-width:100%!important;padding:10px!important;width:100%!important}.device-mobile .cart-page-title{font-size:18px!important;margin-bottom:15px!important}.device-mobile .cart-item-inner{align-items:flex-start!important;display:flex!important;flex-wrap:nowrap!important;padding:10px!important}.device-mobile .cart-item-image{flex-shrink:0!important;height:80px!important;width:80px!important}.device-mobile .cart-item-details{display:flex!important;flex:1 1!important;flex-direction:column!important;padding-left:10px!important;width:calc(100% - 90px)!important}.device-mobile .cart-item-title{margin-bottom:12px!important}.device-mobile .cart-item-title a{font-size:14px!important;max-width:100%!important;word-break:normal!important}.device-mobile .cart-item-title a,.device-mobile .cart-item-variant{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.device-mobile .cart-item-variant{font-size:13px!important}.device-mobile .cart-item-actions{align-items:center!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;margin-top:5px!important;width:100%!important}.device-mobile .cart-item-quantity{flex-shrink:0!important;margin-top:0!important;width:auto!important}.device-mobile .cart-quantity-control{transform:scale(.9)!important}.device-mobile .cart-item-total{flex-shrink:0!important;font-size:14px!important;margin-top:0!important;text-align:center!important;width:auto!important}.device-mobile .cart-item-remove{margin-left:5px!important;margin-top:0!important;width:auto!important}.device-mobile .cart-item-remove button{background:none;border:none;color:#888;cursor:pointer;font-size:16px;padding:5px}.device-mobile .cart-item-remove button:hover{color:red}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.menu-edit-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 32px}.modal-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.modal-close-btn:hover{background-color:#f1f5f9;color:#334155}.modal-body{flex:1 1;overflow-y:auto;padding:32px}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.form-input,.form-select{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:.875rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a;outline:none}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input:disabled,.form-select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.error-text{color:#ef4444}.error-text,.help-text{font-size:.75rem;margin-bottom:0;margin-top:4px}.help-text{color:#6b7280;line-height:1.4}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-item{align-items:center;display:flex;gap:8px}.checkbox-item input[type=checkbox]{accent-color:#4361ee;height:16px;width:16px}.checkbox-item label{color:#374151;cursor:pointer;font-size:.875rem;margin:0}.modal-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.btn-cancel{background-color:#fff;border:1px solid #d1d5db;color:#374151}.btn-cancel:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-save{background-color:#4361ee;color:#fff}.btn-save:hover:not(:disabled){background-color:#3c5bd6;box-shadow:0 4px 12px #4361ee4d;transform:translateY(-1px)}.btn-save:disabled{background-color:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.selected-menu-info{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:16px}.selected-menu-info p{font-size:.875rem;margin:8px 0}.selected-menu-info strong{color:#374151}.edit-instruction{color:#6b7280;font-size:.875rem;font-style:italic;text-align:center}.navigation-menu{display:flex;flex-direction:row;gap:12px}.nav-menu-list{display:flex;gap:15px;list-style:none;margin:0;padding:0}.menu-divider{background-color:#e2e8f0;height:1px;margin:5px 0}.nav-menu-item{position:relative}.nav-menu-link{border-radius:4px;color:#475569;display:inline-block;font-size:.875rem;font-weight:500;padding:6px 10px;text-decoration:none;transition:all .2s}.nav-menu-link:hover{background-color:#f1f5f9;color:#3b82f6}.sub-nav-menu-list{background-color:#fff;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:none;left:0;list-style:none;min-width:150px;padding:8px 0;position:absolute;top:100%;z-index:100}.nav-menu-item:hover>.sub-nav-menu-list{display:block}.sub-nav-menu-item{position:relative}.sub-nav-menu-link{color:#475569;display:block;font-size:.875rem;padding:8px 16px;text-decoration:none;transition:all .2s;white-space:nowrap}.sub-nav-menu-link:hover{background-color:#f1f5f9;color:#3b82f6}.sub-nav-menu-item>.sub-nav-menu-list{left:100%;top:0}.section-title{color:#334155;font-size:1.2rem;font-weight:600;margin-bottom:8px}.section-description{color:#64748b;font-size:.875rem;line-height:1.5;margin-bottom:16px}.menu-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:16px}.menu-section-header{margin-bottom:16px}.menu-type-title{align-items:center;color:#0f172a;display:flex;font-size:1.1rem;font-weight:600;margin-bottom:6px}.menu-type-title:before{background-color:#3b82f6;border-radius:2px;content:"";display:inline-block;height:18px;margin-right:8px;width:4px}.menu-type-description{color:#64748b;font-size:.85rem;line-height:1.4;margin-bottom:10px}.menu-section-divider{background-color:#e2e8f0;border:none;height:1px;margin:20px 0}.menu-property-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:24px;padding:16px}.menu-property-title{border-bottom:1px solid #e2e8f0;color:#0f172a;font-size:1.1rem;font-weight:600;margin-bottom:16px;padding-bottom:8px}.menu-tree{margin-bottom:8px}.menu-tree .menu-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.menu-tree .menu-header h3{color:#475569;font-size:1rem;font-weight:500;margin:0}.menu-tree .menu-header button{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:6px 12px;transition:background-color .2s}.menu-tree .menu-header button:hover{background-color:#2563eb}.menu-item{border-radius:4px;margin-bottom:4px;padding:1px 12px;transition:all .2s}.menu-item:hover{background-color:#f1f5f9}.menu-item.selected{background-color:#3b82f61a;border-left:2px solid #3b82f6}.menu-item .menu-name{font-weight:500}.menu-type-selector{display:flex;gap:10px;margin-bottom:16px;margin-left:150px;padding-bottom:10px}.menu-type-option{align-items:center;background-color:#f1f5f9;border-radius:6px;cursor:pointer;display:flex;gap:6px;padding:8px 16px;transition:all .2s}.menu-type-option:hover{background-color:#e2e8f0}.menu-type-option.active{background-color:#3b82f6;color:#fff}.menu-type-icon{font-size:1.2rem}.menu-type-label{font-size:.875rem;font-weight:500}.nav-menu-list.selected-type-menu{background-color:#f8fafc;border-radius:6px;min-width:200px;padding:8px}.empty-menu-message{color:#64748b;font-size:.875rem;font-style:italic;padding:8px 12px;text-align:center}.menu-display-area{display:flex;flex-direction:column;gap:12px;margin-top:12px}.menu-section-label{color:#64748b;font-size:.8rem;font-weight:600;margin-bottom:4px}.menu-section{margin-bottom:12px}.nav-menu-link.active-type{color:#3b82f6;font-weight:600}.component-manager-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.component-manager-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:80vh;max-width:1200px;width:90%}.cm-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.cm-header h2{color:#111827;font-size:24px;font-weight:600;margin:0}.cm-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.cm-close-btn:hover{background-color:#f3f4f6;color:#111827}.cm-tabs{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:4px;padding:0 24px}.cm-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;position:relative;top:1px;transition:all .2s}.cm-tab:hover{color:#111827}.cm-tab.active{background-color:#fff;border-bottom-color:#3b82f6;color:#3b82f6}.cm-toolbar{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 24px}.cm-toolbar-left{display:flex;flex:1 1;gap:12px}.cm-toolbar-right{display:flex;gap:8px}.cm-search{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:14px;max-width:300px;outline:none;padding:8px 12px;transition:all .2s}.cm-search:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cm-filter{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;outline:none;padding:8px 12px;transition:all .2s}.cm-filter:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cm-delete-btn,.cm-select-all-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.cm-select-all-btn:hover{background-color:#f3f4f6}.cm-delete-btn{background-color:#ef4444;border-color:#ef4444;color:#fff}.cm-delete-btn:hover:not(:disabled){background-color:#dc2626}.cm-delete-btn:disabled{cursor:not-allowed;opacity:.5}.cm-content{background-color:#f9fafb;flex:1 1;overflow-y:auto;padding:24px}.cm-component-list,.cm-page-list{grid-gap:12px;display:grid;gap:12px}.cm-empty{color:#6b7280;font-size:16px;padding:48px;text-align:center}.cm-item{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s}.cm-item:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.cm-item.selected{background-color:#eff6ff;border-color:#3b82f6}.cm-checkbox{cursor:pointer;height:20px;width:20px}.cm-icon{font-size:24px;text-align:center;width:32px}.cm-item-info{flex:1 1}.cm-item-name{align-items:center;color:#111827;display:flex;font-size:16px;font-weight:500;gap:8px;margin-bottom:4px}.cm-menu-type{border-radius:4px;font-size:11px;font-weight:600;padding:2px 6px;text-transform:uppercase}.cm-menu-type-original{background-color:#e5e7eb;color:#6b7280}.cm-menu-type-pc{background-color:#dbeafe;color:#1e40af}.cm-menu-type-mobile{background-color:#fce7f3;color:#9f1239}.cm-item-meta{color:#6b7280;display:flex;font-size:13px;gap:16px}.cm-item-id{font-family:Courier New,monospace}.cm-item-page,.cm-item-path{color:#059669}.cm-item-count{color:#3b82f6}.cm-item-delete,.cm-item-view{background:none;border:none;border-radius:4px;cursor:pointer;font-size:20px;padding:8px;transition:all .2s}.cm-item-delete:hover{background-color:#fee2e2}.cm-item-view:hover{background-color:#e0f2fe}.cm-footer{align-items:center;background-color:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 24px}.cm-stats{color:#6b7280;font-size:14px}.cm-shortcut{background-color:#f3f4f6;border-radius:4px;color:#9ca3af;font-family:Courier New,monospace;font-size:12px;padding:4px 8px}@media (max-width:768px){.component-manager-modal{border-radius:0;height:100vh;max-width:none;width:100%}.cm-toolbar{flex-direction:column;gap:12px}.cm-toolbar-left,.cm-toolbar-right{width:100%}.cm-search{max-width:none}.cm-item-meta{flex-direction:column;gap:4px}}.component-order-manager-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.component-order-manager-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-height:85vh;max-width:700px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.com-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.com-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.com-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;line-height:1;padding:4px 8px;transition:color .2s}.com-close-btn:hover{color:#1f2937}.com-menu-selector{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 24px}.com-menu-selector label{color:#374151;font-size:14px;font-weight:500;min-width:80px}.com-menu-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;padding:8px 12px;transition:border-color .15s}.com-menu-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.com-menu-select:hover{border-color:#9ca3af}.com-menu-info{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;padding:12px 24px}.com-menu-name{color:#1f2937;font-size:14px;font-weight:600}.com-component-count{color:#6b7280;font-size:13px}.com-content{flex:1 1;overflow-y:auto;padding:16px 24px}.com-empty{color:#6b7280;font-size:14px;padding:60px 20px;text-align:center}.com-empty small{color:#9ca3af;font-size:12px}.com-component-list{display:flex;flex-direction:column;gap:8px}.com-item-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.com-item-card:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.com-item-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;-webkit-user-select:none;user-select:none}.com-item-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.com-type-badge{background:#3b82f6;border-radius:4px;color:#fff;display:inline-block;flex-shrink:0;font-size:12px;font-weight:500;padding:4px 10px}.com-id{color:#6b7280;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.com-item-controls{align-items:center;display:flex;gap:6px}.com-move-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;transition:all .15s;width:28px}.com-move-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;color:#374151}.com-move-btn:disabled{cursor:not-allowed;opacity:.3}.com-expand-icon{color:#6b7280;font-size:12px;margin-left:4px;transition:transform .2s}.com-item-details{animation:slideDown .2s ease-out;background:#fafbfc;border-top:1px solid #f3f4f6;padding:16px}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.com-detail-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.com-detail-row:last-child{margin-bottom:0}.com-detail-label{color:#6b7280;flex-shrink:0;font-size:12px;font-weight:500;min-width:100px}.com-detail-value{color:#374151;flex:1 1;font-size:12px;text-align:right;word-break:break-word}.com-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 24px}.com-help small{color:#6b7280;font-size:12px;line-height:1.5}.com-shortcut{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#9ca3af;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:12px;padding:4px 8px}.com-content::-webkit-scrollbar{width:8px}.com-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.com-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.com-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}