:root{--color-primary-50: #EFF6FF;--color-primary-100: #DBEAFE;--color-primary-200: #BFDBFE;--color-primary-300: #93C5FD;--color-primary-400: #60A5FA;--color-primary-500: #3B82F6;--color-primary-600: #2563EB;--color-primary-700: #1D4ED8;--color-primary-800: #1E40AF;--color-primary-900: #1E3A8A;--color-primary: var(--color-primary-600);--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-tertiary: var(--color-gray-400);--bg-primary: #FFFFFF;--bg-secondary: var(--color-gray-50);--bg-tertiary: var(--color-gray-100);--border-color: var(--color-gray-200);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;--transition-fast: .2s ease}*,:before,:after{--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: rgb(59 130 246 / .5);--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: rgb(59 130 246 / .5);--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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}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,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-left-20{left:-5rem}.-left-4{left:-1rem}.-right-20{right:-5rem}.-right-4{right:-1rem}.bottom-1\/3{bottom:33.333333%}.bottom-8{bottom:2rem}.left-0{left:0}.right-20{right:5rem}.top-0{top:0}.top-1\/4{top:25%}.top-20{top:5rem}.top-40{top:10rem}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-\[100\]{z-index:100}.order-1{order:1}.order-2{order:2}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-6{margin-right:1.5rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-3{height:.75rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-96{height:24rem}.h-\[520px\]{height:520px}.h-\[600px\]{height:600px}.h-auto{height:auto}.min-h-0{min-height:0px}.min-h-\[150px\]{min-height:150px}.min-h-\[500px\]{min-height:500px}.min-h-\[600px\]{min-height:600px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-3{width:.75rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-96{width:24rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-7xl{max-width:80rem}.max-w-\[500px\]{max-width:500px}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-24{gap:6rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.space-x-1\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.375rem * var(--tw-space-x-reverse));margin-left:calc(.375rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[24px\]{border-radius:24px}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-bl-2xl{border-bottom-left-radius:1rem}.rounded-br-2xl{border-bottom-right-radius:1rem}.rounded-tl-2xl{border-top-left-radius:1rem}.rounded-tr-2xl{border-top-right-radius:1rem}.border{border-width:1px}.border-2{border-width:2px}.border-8{border-width:8px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-blue-100{--tw-border-opacity: 1;border-color:rgb(219 234 254 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-\[\#0064FF\]{--tw-bg-opacity: 1;background-color:rgb(0 100 255 / var(--tw-bg-opacity, 1))}.bg-\[\#191F28\]{--tw-bg-opacity: 1;background-color:rgb(25 31 40 / var(--tw-bg-opacity, 1))}.bg-\[\#E8F3FF\]{--tw-bg-opacity: 1;background-color:rgb(232 243 255 / var(--tw-bg-opacity, 1))}.bg-\[\#F2F4F6\]{--tw-bg-opacity: 1;background-color:rgb(242 244 246 / var(--tw-bg-opacity, 1))}.bg-\[\#F9FAFB\]{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/90{background-color:#ffffffe6}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-4{padding-bottom:1rem}.pl-1{padding-left:.25rem}.pl-3{padding-left:.75rem}.pl-5{padding-left:1.25rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.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-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.text-\[\#0064FF\]{--tw-text-opacity: 1;color:rgb(0 100 255 / var(--tw-text-opacity, 1))}.text-\[\#191F28\]{--tw-text-opacity: 1;color:rgb(25 31 40 / var(--tw-text-opacity, 1))}.text-\[\#4E5968\]{--tw-text-opacity: 1;color:rgb(78 89 104 / var(--tw-text-opacity, 1))}.text-\[\#6B7684\]{--tw-text-opacity: 1;color:rgb(107 118 132 / var(--tw-text-opacity, 1))}.text-blue-200{--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.mix-blend-multiply{mix-blend-mode:multiply}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);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 rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);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)}.blur-3xl{--tw-blur: blur(64px);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)}.invert{--tw-invert: invert(100%);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)}.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-blur-md{--tw-backdrop-blur: blur(12px);-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)}.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-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:inherit}html,body,#root{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif!important;font-size:13px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-gray-50);color:var(--color-gray-900);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}input,textarea,select{font-family:inherit;font-size:14px}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.text-primary{color:var(--color-primary-600)}.text-secondary{color:var(--color-gray-500)}.font-bold{font-weight:700}.font-medium{font-weight:500}.flex-center{display:flex;align-items:center;justify-content:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.ql-container,.ql-editor,.ql-toolbar{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif!important}.ql-editor,.ql-editor *{font-size:14px!important;line-height:1.6!important}.ql-editor p{margin:0 0 8px}.ql-editor p:last-child{margin:0}.last\:mb-0:last-child{margin-bottom:0}.hover\:rotate-0:hover{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-blue-200:hover{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}@media(min-width:768px){.md\:order-1{order:1}.md\:order-2{order:2}.md\:block{display:block}.md\:flex{display:flex}.md\:w-1\/2{width:50%}.md\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:justify-start{justify-content:flex-start}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:pl-24{padding-left:6rem}.md\:pr-12{padding-right:3rem}.md\:text-left{text-align:left}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}.sidebar{width:280px;background-color:#fff;border-right:1px solid #F2F4F6;display:flex;flex-direction:column;padding:24px 16px;overflow-y:auto}.sidebar-section{margin-bottom:28px}.sidebar-title{font-size:11px;font-weight:700;color:#8b95a1;margin-bottom:10px;padding-left:12px;text-transform:uppercase;letter-spacing:.5px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-header .sidebar-title{margin-bottom:0}.manage-btn{background:none;border:none;cursor:pointer;font-size:14px;color:#8b95a1;padding:6px 8px;border-radius:6px;transition:all .2s}.manage-btn:hover{color:#3182f6;background-color:#eff6ff}.sidebar .group-list{display:flex;flex-direction:column;gap:4px;width:100%}.sidebar-item{display:flex;align-items:center;width:100%;padding:12px 14px;border:none;background:none;border-radius:10px;cursor:pointer;text-align:left;color:#4e5968;font-size:14px;font-weight:500;transition:all .2s;margin-bottom:4px}.sidebar-item:hover{background-color:#f8f9fa;color:#191f28}.sidebar-item.active{background:linear-gradient(135deg,#eff6ff,#e8f3ff);color:#3182f6;font-weight:600}.sidebar-item .icon{margin-right:12px;font-size:18px;opacity:.9}.sidebar-item .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.empty-groups{padding:16px;text-align:center;color:#8b95a1;font-size:13px;background:#f9fafb;border-radius:10px;border:1px dashed #E5E8EB;width:90%;max-width:220px;margin:0 auto}.empty-groups p{font-size:12px!important;font-weight:500;line-height:1.4;margin:0}.text-btn{background:none;border:none;color:#3182f6;font-size:13px;font-weight:600;cursor:pointer;margin-top:8px;padding:0;transition:color .2s}.text-btn:hover{color:#1b64da;text-decoration:underline}@media(max-width:768px){.sidebar{display:none}}.confirm-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;animation:cm-fadeIn .15s ease-out}.confirm-modal-container{background:#fff;border-radius:10px;width:400px;box-shadow:0 10px 30px #00000026;overflow:hidden;animation:cm-scaleUp .15s ease-out;font-family:var(--font-family);letter-spacing:-.2px;-webkit-font-smoothing:antialiased}.confirm-modal-header{padding:20px 24px 16px;display:flex;justify-content:space-between;align-items:center}.confirm-modal-title{font-size:15px;font-weight:600;color:#333d4b;margin:0;line-height:1.4}.confirm-modal-close-btn{background:none;border:none;font-size:16px;color:#8b95a1;cursor:pointer;padding:4px;line-height:1;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-right:-8px}.confirm-modal-close-btn:hover{background-color:#f2f4f6;color:#4e5968}.confirm-modal-body{padding:0 24px 24px;color:#4e5968;font-size:14px;line-height:1.5}.confirm-modal-body *{font-size:14px!important;line-height:1.5!important}.confirm-modal-body p{margin:0}.confirm-modal-input-wrapper{margin-top:16px}.confirm-modal-input-label{margin-bottom:6px;font-weight:500;color:#4e5968;font-size:13px!important;background:none;padding:0;text-align:left}.confirm-modal-input{width:100%;padding:10px 12px;border:1px solid #D1D6DB;border-radius:6px;background-color:#fff;font-size:14px!important;box-sizing:border-box;font-family:inherit;transition:all .2s;outline:none;color:#191f28}.confirm-modal-input:focus{border-color:#3182f6;box-shadow:0 0 0 2px #3182f61a}.confirm-modal-footer{padding:0 24px 24px;background-color:transparent;display:flex;justify-content:flex-end;gap:8px}.confirm-modal-btn{padding:8px 16px;border-radius:6px;font-size:13px!important;font-weight:500;cursor:pointer;border:none;transition:all .2s;min-width:64px}.confirm-modal-btn:disabled{opacity:.5;cursor:not-allowed}.confirm-modal-btn.cancel{background:#fff;border:1px solid #D1D6DB;color:#4e5968}.confirm-modal-btn.cancel:hover:not(:disabled){background:#f9fafb;border-color:#b0b8c1;color:#333d4b}.confirm-modal-btn.primary{background:#3182f6;color:#fff;border:1px solid transparent}.confirm-modal-btn.primary:hover:not(:disabled){background:#1b64da}.confirm-modal-btn.danger{background:#e24646;color:#fff;border:1px solid transparent}.confirm-modal-btn.danger:hover:not(:disabled){background:#c92a2a}.confirm-modal-btn.secondary{background:transparent;color:#6b7684;border:1px solid #E5E8EB}@keyframes cm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cm-scaleUp{0%{transform:scale(.98);opacity:0}to{transform:scale(1);opacity:1}}.home-dashboard{min-height:100vh;background:#f9fafb;display:flex;flex-direction:column}.dashboard-header{background:#fff;border-bottom:1px solid #F2F4F6;padding:16px 32px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #00000005}.logo-icon{width:24px;height:24px;-o-object-fit:contain;object-fit:contain}.logo-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.header-left .logo{font-size:20px;font-weight:700;color:#191f28;margin:0;letter-spacing:-.3px}.user-name{font-size:14px;color:#4e5968}.workspace-btn{padding:8px 16px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#4e5968;cursor:pointer;transition:all .2s}.workspace-btn:hover{background:#f3f4f6;color:#3182f6}.logout-btn{padding:8px 16px;background:transparent;border:1px solid #E5E8EB;border-radius:8px;font-size:14px;color:#6b7280;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#f3f4f6}.dashboard-body{display:flex;flex:1;overflow:visible;background-color:#fff}.dashboard-main-content{flex:1;padding:32px 40px;overflow:visible;background-color:#f9fafb}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.content-header h2{font-size:24px;font-weight:700;color:#191f28}.stats-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:20px;padding:24px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;border:1px solid #F2F4F6;transition:all .2s ease;height:100px;box-sizing:border-box}.stat-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.stat-icon{font-size:24px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:14px;flex-shrink:0}.stat-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}.stat-value{font-size:32px;font-weight:700;color:#191f28;line-height:1;margin-bottom:6px}.stat-label{font-size:14px;color:#8b95a1;font-weight:500}.create-buttons{display:flex;gap:8px}.create-btn{padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.create-btn.primary{background:#3182f6;color:#fff;border:none}.create-btn.primary:hover{background:#1b64da}.create-btn.secondary{background:#fff;color:#3182f6;border:1px solid #E5E8EB}.create-btn.secondary:hover{background:#f8f9fa;border-color:#3182f6}.dashboard-main{display:none}.create-btn{padding:12px 24px;background:#3182f6;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.create-btn:hover{background:#1b64da}.tab-bar{display:flex;gap:8px;margin-bottom:20px;padding:4px;background:#f3f4f6;border-radius:12px;width:-moz-fit-content;width:fit-content}.tab-btn{padding:10px 20px;background:transparent;border:none;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-radius:8px;transition:all .2s}.tab-btn:hover{color:#4e5968}.tab-btn.active{background:#fff;color:#3182f6;font-weight:600;box-shadow:0 2px 4px #0000000d}.tab-btn.active:after{display:none}.create-option-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;padding:32px 20px;border:1px solid #e5e8eb;border-radius:16px;background:#fff;cursor:pointer;transition:all .2s;text-align:center}.create-option-btn:hover{background-color:#f9fafb;border-color:#3182f6;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.option-icon-wrapper{width:56px;height:56px;background-color:#f2f4f6;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-text{display:flex;flex-direction:column;align-items:center}.option-title{font-size:17px;font-weight:700;color:#191f28;margin-bottom:4px;display:block}.option-desc{font-size:13px;color:#8b95a1;line-height:1.4;display:block}.survey-table-container{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;border:1px solid #F2F4F6;overflow:visible}.survey-table{width:100%;border-collapse:collapse}.survey-table thead{background:#f9fafb;border-bottom:1px solid #E5E8EB}.survey-table th{padding:14px 20px;text-align:left;font-size:13px;font-weight:600;color:#6b7280}.survey-table tbody tr{border-bottom:1px solid #F2F4F6;transition:background-color .2s}.survey-table tbody tr:last-child{border-bottom:none}.survey-table tbody tr:hover{background-color:#fafbfc}.survey-table td{padding:20px;vertical-align:middle}.col-title{width:40%;min-width:200px}.col-status{width:15%;min-width:120px}.col-status td,td.col-status{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.col-responses{width:18%;min-width:140px}.col-period{width:20%;min-width:160px;font-size:14px;color:#4e5968}.col-actions{width:7%;min-width:60px;text-align:center}.title-cell{display:flex;flex-direction:column;gap:4px}.survey-table .survey-title{font-size:15px;font-weight:600;color:#191f28;cursor:pointer;transition:color .2s}.survey-table .survey-title:hover{color:#3182f6}.reward-info{font-size:13px;color:#8b95a1}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;white-space:nowrap}.status-badge.draft{background-color:#f2f4f6;color:#6b7280}.status-badge.ongoing{background-color:#e8f5e9;color:#2e7d32}.status-badge.closed{background-color:#f5f5f5;color:#9e9e9e}.status-badge.public{background-color:#eff6ff;color:#3182f6}.status-badge.private{background-color:#f3f4f6;color:#6b7280}.responses-cell{display:flex;align-items:center;gap:12px}.response-count{font-size:15px;font-weight:600;color:#191f28;min-width:50px}.response-bar{flex:1;max-width:80px;height:6px;background:#e5e8eb;border-radius:3px;overflow:hidden}.response-bar-fill{height:100%;background:linear-gradient(90deg,#3182f6,#1b64da);border-radius:3px;transition:width .3s ease}.kebab-menu-wrapper{position:relative;display:flex;justify-content:center}.kebab-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;font-size:18px;color:#8b95a1;cursor:pointer;transition:all .2s}.kebab-btn:hover{background:#f3f4f6;color:#4e5968}.kebab-backdrop{position:fixed;inset:0;z-index:999}.kebab-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:140px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:1000;overflow:hidden;animation:dropdownFadeIn .15s ease}.kebab-dropdown button{display:block;width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:14px;font-weight:500;color:#191f28;cursor:pointer;transition:background-color .2s}.kebab-dropdown button:hover{background-color:#f8f9fa}.kebab-dropdown button.danger{color:#dc2626}.kebab-dropdown button.danger:hover{background-color:#fef2f2}.action-btn{padding:10px 18px;background:#fff;border:1px solid #E5E8EB;border-radius:10px;font-size:13px;font-weight:600;color:#4e5968;cursor:pointer;transition:all .2s}.action-btn:hover{background:#f8f9fa;border-color:#d1d6db}.action-btn.primary{background:#3182f6;border-color:#3182f6;color:#fff}.action-btn.primary:hover{background:#1b64da;border-color:#1b64da}.action-btn.danger{color:#dc2626;border-color:#fee2e2}.action-btn.danger:hover{background:#fee2e2;border-color:#fecaca}.survey-table-container .loading-state,.survey-table-container .error-state,.survey-table-container .empty-state{margin:0;border-radius:0}.loading-state,.error-state,.empty-state{text-align:center;padding:80px 20px;color:#8b95a1;background:#fafbfc;border-radius:16px;margin:8px}.loading-state p,.empty-state p{font-size:15px;margin-top:16px;color:#6b7280}.error-state button{margin-top:16px;padding:12px 24px;background:#fff;border:1px solid #E5E8EB;border-radius:10px;font-size:14px;font-weight:600;color:#4e5968;cursor:pointer;transition:all .2s}.error-state button:hover{background:#f3f4f6;border-color:#d1d6db}.spinner{width:40px;height:40px;border:3px solid #E5E8EB;border-top-color:#3182f6;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.empty-icon-wrapper{width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:20px}.empty-icon{font-size:48px;display:block;margin-bottom:16px}.create-btn-secondary{margin-top:20px;padding:14px 28px;background:linear-gradient(135deg,#3182f6,#1b64da);border:none;border-radius:12px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #3182f64d}.create-btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3182f666}@media(max-width:1024px){.stats-cards{grid-template-columns:repeat(2,1fr)}.content-header{flex-direction:column;align-items:flex-start;gap:16px}.create-buttons{width:100%}.create-btn{flex:1}}@media(max-width:768px){.stats-cards{grid-template-columns:1fr}.stat-card{padding:16px 20px}.stat-value{font-size:24px}.survey-table-container{overflow-x:auto}.survey-table{min-width:700px}.survey-table th,.survey-table td{padding:14px 12px}.col-title{min-width:150px}.col-status{min-width:100px}.col-responses{min-width:120px}.col-period{min-width:140px;font-size:13px}.tab-bar{width:100%;overflow-x:auto}.tab-btn{padding:10px 16px;font-size:13px;white-space:nowrap}}.create-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.create-modal-content{background:#fff;border-radius:20px;padding:28px;max-width:480px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 24px 48px #00000026;animation:slideUp .3s ease}.create-modal-content h2{font-size:22px;font-weight:700;color:#191f28;margin:0 0 24px;text-align:center}.create-modal-close-btn{display:block;width:100%;margin-top:20px;padding:14px;background:#f3f4f6;border:none;border-radius:12px;font-size:15px;font-weight:600;color:#4e5968;cursor:pointer;transition:all .2s}.create-modal-close-btn:hover{background:#e5e8eb}.create-options{display:flex;flex-direction:column;gap:12px}.create-option-btn{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 24px;background:#f9fafb;border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all .2s}.create-option-btn:hover{border-color:#3182f6;background:#eff6ff;transform:translateY(-2px)}.option-icon{font-size:36px}.option-title{font-size:17px;font-weight:700;color:#191f28}.option-desc{font-size:13px;color:#6b7280;text-align:center;line-height:1.4}.duplicate-list-modal{max-width:560px}.duplicate-survey-list{max-height:400px;overflow-y:auto;padding:4px}.survey-section{margin-bottom:20px}.section-title{font-size:12px;font-weight:700;color:#8b95a1;margin:0 0 10px;padding:0 8px;text-transform:uppercase;letter-spacing:.3px}.duplicate-item{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#f9fafb;border-radius:12px;margin-bottom:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}.duplicate-item:hover{background:#eff6ff;border-color:#3182f6;transform:translate(4px)}.item-title{font-size:15px;font-weight:600;color:#191f28;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.item-group{font-size:11px;color:#4e5968;background:#e5e8eb;padding:3px 8px;border-radius:4px;font-weight:500;white-space:nowrap;flex-shrink:0;align-self:center}.empty-message{text-align:center;color:#8b95a1;padding:48px 0;font-size:15px}.settings-wrapper{position:relative}.settings-btn{padding:8px;background:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.settings-btn:hover{background:#f3f4f6;color:#3182f6}.settings-backdrop{position:fixed;inset:0;z-index:99}.settings-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000001f;z-index:100;overflow:hidden;animation:dropdownFadeIn .2s ease}.settings-header{padding:16px 20px;font-size:16px;font-weight:700;color:#191f28;border-bottom:1px solid #F2F4F6}.settings-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 20px;background:none;border:none;font-size:15px;color:#191f28;cursor:pointer;transition:background-color .2s;text-align:left}.settings-item:hover{background-color:#f8f9fa}.settings-item .chevron{color:#8b95a1;font-size:18px}.settings-item.toggle-item{cursor:default}.settings-item.toggle-item:hover{background-color:transparent}.toggle-switch{position:relative;display:inline-block;width:48px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e8eb;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0000001a}.toggle-switch input:checked+.toggle-slider{background-color:#3182f6}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.my-info-section{padding:16px 20px}.my-info-header{font-size:13px;font-weight:600;color:#8b95a1;margin-bottom:12px}.my-info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0}.my-info-row .info-label{font-size:14px;color:#4e5968;min-width:70px}.my-info-row .info-value{font-size:14px;color:#191f28;text-align:right}.my-info-row .info-value.no-email{color:#8b95a1}.my-info-row.email-row{flex-direction:column;gap:8px}.my-info-row.email-row .info-label{margin-bottom:4px}.email-list{display:flex;flex-direction:column;gap:6px;width:100%}.email-item{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;padding:8px 12px;border-radius:8px;font-size:13px;color:#191f28}.email-delete-btn{background:none;border:none;color:#8b95a1;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.email-delete-btn:hover{color:#dc2626}.add-email-btn{background:none;border:1px dashed #D1D6DB;border-radius:8px;padding:8px 12px;font-size:13px;color:#3182f6;cursor:pointer;transition:all .2s}.add-email-btn:hover{background:#eff6ff;border-color:#3182f6}.settings-divider{height:1px;background:#f2f4f6;margin:8px 0}.email-modal{max-width:400px}.email-modal-desc{text-align:center;color:#4e5968;font-size:14px;margin-bottom:20px;line-height:1.5}.email-input{width:100%;padding:14px 16px;border:1px solid #E5E8EB;border-radius:12px;font-size:15px;margin-bottom:12px;box-sizing:border-box;transition:border-color .2s}.email-error{color:#dc2626;font-size:13px;margin-bottom:12px;text-align:center}.email-submit-btn{width:100%;padding:14px;background:#3182f6;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.email-submit-btn:hover:not(:disabled){background:#1b64da}.email-submit-btn:disabled{background:#e5e8eb;color:#8b95a1;cursor:not-allowed}.email-resend-btn{width:100%;padding:12px;background:none;border:none;font-size:14px;color:#3182f6;cursor:pointer;margin-top:8px}.email-resend-btn:hover{text-decoration:underline}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;-o-tab-size:4;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.input-wrapper{display:flex;flex-direction:column;gap:6px}.input-full{width:100%}.input-label{font-size:13px;font-weight:500;color:var(--color-gray-600);letter-spacing:-.01em}.input-required{color:#ef4444;margin-left:2px}.input{padding:10px 14px;border:1.5px solid var(--color-gray-200);border-radius:8px;font-size:14px;color:var(--text-primary);background:#fff;transition:all .15s ease;outline:none}.input:hover{border-color:var(--color-gray-300)}.input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.input::-moz-placeholder{color:var(--color-gray-400)}.input::placeholder{color:var(--color-gray-400)}.input.input-error{border-color:#ef4444}.input.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.textarea{min-height:88px;resize:vertical;line-height:1.5}.input-error-text{font-size:12px;color:#ef4444}.input-helper{font-size:12px;color:var(--color-gray-400)}.switch-wrapper{display:inline-flex;align-items:center;gap:10px;cursor:pointer;position:relative}.switch-wrapper.switch-disabled{opacity:.4;cursor:not-allowed}.switch-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.switch-track{display:inline-block;position:relative;width:44px;height:24px;background-color:#e5e7eb;border-radius:12px;transition:background-color .2s ease;flex-shrink:0}.switch-input:checked+.switch-track{background-color:#3b82f6}.switch-input:focus-visible+.switch-track{box-shadow:0 0 0 3px #3b82f64d}.switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;transition:transform .2s ease}.switch-input:checked+.switch-track .switch-thumb{transform:translate(20px)}.switch-label{font-size:14px;color:#111827;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switch-wrapper.switch-small{gap:8px}.switch-small .switch-track{width:36px;height:20px;border-radius:10px}.switch-small .switch-thumb{width:16px;height:16px}.switch-small .switch-input:checked+.switch-track .switch-thumb{transform:translate(16px)}.switch-small .switch-label{font-size:13px}.custom-dropdown .dropdown-trigger{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--color-gray-100);border:none;border-radius:20px;font-size:14px;font-weight:500;color:var(--color-gray-700);cursor:pointer;transition:all .15s}.custom-dropdown .dropdown-trigger:hover{background:var(--color-gray-200)}.custom-dropdown.disabled .dropdown-trigger{cursor:not-allowed;opacity:.6}.custom-dropdown.disabled .dropdown-trigger:hover{background:var(--color-gray-100)}.custom-dropdown .dropdown-arrow{transition:transform .2s;color:var(--color-gray-500)}.custom-dropdown .dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu,.dropdown-menu-portal{position:absolute;top:calc(100% + 8px);left:0;min-width:180px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001f;padding:8px 0;z-index:100;animation:dropdownFadeIn .15s ease;max-height:264px;overflow-y:auto}.custom-dropdown .dropdown-item{display:block;width:100%;padding:10px 16px;text-align:left;background:transparent;border:none;font-size:14px;color:var(--color-gray-700);cursor:pointer;transition:background .1s}.custom-dropdown .dropdown-item:hover{background:var(--color-gray-50)}.custom-dropdown .dropdown-item.active{background:var(--color-primary-50);color:var(--color-primary-600);font-weight:500}.custom-dropdown.full-width{display:block;width:100%}.custom-dropdown.full-width .dropdown-trigger{width:100%;justify-content:space-between;background:#fff;border:1px solid var(--color-gray-200);border-radius:8px;padding:12px 14px}.custom-dropdown.full-width .dropdown-trigger:hover{border-color:var(--color-gray-300);background:#fff}.custom-dropdown.full-width .dropdown-menu{width:100%;left:0;right:0}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:1000;background:#1b1d1f;color:#fff;padding:10px 14px;border-radius:8px;font-size:13px;line-height:1.5;white-space:pre-line;box-shadow:0 4px 12px #00000026;animation:tooltipFadeIn .15s ease-out;min-width:200px;max-width:280px;text-align:center}.tooltip-content{word-break:keep-all}.tooltip-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #1B1D1F}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.question-block{background:#fff;border-radius:var(--radius-lg);border:1px solid transparent;margin-bottom:24px;position:relative;transition:all .2s cubic-bezier(.25,.8,.25,1)}.question-block:hover{border-color:var(--color-gray-200)}.question-block.selected{background:#fff;box-shadow:0 4px 20px #00000014;border:1px solid var(--color-primary-200);z-index:10}.question-content-wrapper{padding:24px 24px 24px 40px}.question-header-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.question-title-wrapper{flex:1;min-width:0}.question-title-wrapper.content-type{flex:1}.question-title-wrapper .content-helper-text{font-size:14px;color:var(--color-gray-500);margin:0;line-height:1.5}.type-dropdown{flex-shrink:0}.type-dropdown .dropdown-trigger{min-width:100px;justify-content:space-between}.question-index{font-weight:700;color:#3b82f6;font-size:14px;min-width:24px}.custom-dropdown{position:relative;display:inline-block}.dropdown-trigger{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.dropdown-trigger:hover{background:#f3f4f6;border-color:#d1d5db}.dropdown-trigger:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dropdown-arrow{color:#9ca3af;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:160px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;box-shadow:0 10px 40px #0000001f;z-index:100;padding:6px;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:block;width:100%;padding:10px 12px;border:none;background:transparent;text-align:left;font-size:14px;font-weight:500;color:#374151;border-radius:6px;cursor:pointer;transition:background .1s ease}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.active{background:#eff6ff;color:#3b82f6}.toolbar-spacer{flex:1}.tool-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-gray-400);cursor:pointer;border-radius:4px;transition:all .2s}.tool-btn:hover{color:var(--color-gray-700);background:var(--color-gray-100)}.tool-btn.delete-btn:hover{color:var(--color-error);background:#fef2f2}.question-main{display:flex;flex-direction:column;gap:12px}.question-title-input input{font-size:18px;font-weight:600;border:none;padding:8px 0;background:transparent;border-bottom:1px solid transparent;border-radius:0;transition:border-bottom .2s;letter-spacing:-.01em;color:var(--color-gray-900)}.question-title-input input:focus{border-bottom-color:var(--color-primary-400);box-shadow:none}.question-title-input input::-moz-placeholder{color:var(--color-gray-300)}.question-title-input input::placeholder{color:var(--color-gray-300)}.question-desc-input input{font-size:14px;color:var(--color-gray-500);padding:4px 0;border:none;border-bottom:1px solid transparent;border-radius:0;background:transparent}.question-desc-input input:focus{border-bottom-color:var(--color-gray-300);box-shadow:none}.options-area{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-left:4px}.option-row{display:flex;align-items:center;gap:12px}.option-marker{font-size:14px;color:var(--color-gray-400);min-width:20px;text-align:center}.option-input{flex:1;border:none;border-bottom:1px solid var(--color-gray-200);padding:6px 0;font-size:14px;color:var(--color-gray-800);transition:border-color .2s}.option-input:focus{outline:none;border-bottom-color:var(--color-primary-400)}.option-del-btn{background:transparent;border:none;color:var(--color-gray-300);font-size:18px;cursor:pointer;padding:0 4px}.option-del-btn:hover{color:var(--color-error)}.jump-dropdown{flex-shrink:0;margin-left:8px}.jump-dropdown .dropdown-trigger{font-size:12px;padding:4px 8px;min-width:100px}.add-option-btn{align-self:flex-start;margin-left:32px;margin-top:4px;background:transparent;border:none;color:var(--color-primary-600);font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px}.add-option-btn:hover{background:var(--color-primary-50)}.type-toggle-row{margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed var(--color-gray-200)}.option-row-with-image{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.option-main{display:flex;align-items:center;gap:12px}.option-image-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:transparent;cursor:pointer;transition:all .15s;font-size:14px}.option-image-btn:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.option-image-preview{position:relative;margin-left:32px;width:80px;height:60px;border-radius:8px;overflow:hidden;border:1px solid var(--color-gray-200)}.option-image-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.option-image-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border:none;background:#0009;color:#fff;font-size:12px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.option-image-remove:hover{background:#000c}.question-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-gray-100)}.footer-left{display:flex;align-items:center;gap:20px}.footer-right{display:flex;align-items:center;gap:4px}.footer-divider{width:1px;height:20px;background:var(--color-gray-200);margin-right:8px}.footer-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;color:#9ca3af;cursor:pointer;border-radius:6px;transition:color .2s}.footer-btn:hover{color:#6b7280;background:transparent!important}.footer-btn.delete-btn,.footer-btn.delete-btn:hover{color:#9ca3af;border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important}.footer-btn.delete-btn:hover{color:#6b7280}.footer-btn.active{background:#eff6ff!important;border-radius:8px}.footer-btn.active svg{stroke:#3b82f6!important}.question-footer-settings{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px dashed var(--color-gray-200)}.setting-tag-group{display:flex;gap:16px}.content-type-header{margin-bottom:12px}.content-helper-text{font-size:14px;color:var(--color-gray-500);margin:0;line-height:1.5}.content-body .quill{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:8px;display:flex;flex-direction:column-reverse;position:relative;transition:all .2s ease;overflow:visible!important}.content-body .quill:not(:focus-within):has(.ql-editor.ql-blank){background:transparent;border-color:transparent}.content-body .quill:not(:focus-within):has(.ql-editor.ql-blank):hover{border-bottom:1px solid var(--color-gray-300);border-radius:0}.content-body .quill:focus-within{background:#fff;border-color:var(--color-primary-400);box-shadow:0 0 0 3px #3b82f61a}.content-body .ql-toolbar{border:none!important;border-top:1px solid var(--color-gray-200)!important;background:transparent;padding:8px 0!important;margin-top:0;opacity:0;height:0;overflow:hidden;transition:all .3s ease}.content-body:focus-within .ql-toolbar{opacity:1;height:auto;overflow:visible;padding:8px 12px!important}.content-body .ql-toolbar button{width:28px!important;height:28px!important;border-radius:4px!important;margin:0 4px!important;transition:all .15s ease}.content-body .ql-toolbar button:hover{background-color:var(--color-gray-200)!important}.content-body .ql-toolbar button.ql-active{background-color:var(--color-primary-50)!important;color:var(--color-primary-600)!important}.content-body .ql-toolbar button.ql-active .ql-stroke{stroke:var(--color-primary-600)!important}.content-body .ql-toolbar button.ql-active .ql-fill{fill:var(--color-primary-600)!important}.content-body .ql-container{border:none!important;font-size:15px;font-family:inherit;overflow:visible!important;padding:0}.content-body .ql-editor{min-height:40px;padding:12px 16px;line-height:1.6;color:var(--color-gray-900)}.content-body .ql-editor.ql-blank:before{left:16px;color:var(--color-gray-400);font-style:normal}.content-body .ql-editor.ql-blank:focus:before{display:none}.quill-client-wrapper:after{display:none}.content-body .quill:after{display:none}.content-body .ql-editor p{margin-bottom:.5em}.content-body .ql-editor img{max-width:100%;height:auto;border-radius:8px;margin:8px 0;display:block}.content-body .ql-editor.ql-blank:before{color:var(--color-gray-400);font-style:normal;font-size:15px;left:19px}.quill-client-wrapper{position:relative}.content-body .ql-tooltip{z-index:100;white-space:nowrap;background-color:#fff;border:1px solid var(--color-gray-200);box-shadow:0 8px 24px #0000001f;border-radius:12px;padding:12px 16px;font-size:14px;left:0!important;transform:translateY(8px)}.content-body .ql-tooltip input[type=text]{border:1px solid var(--color-gray-200);border-radius:8px;padding:8px 12px;font-size:14px;width:220px;outline:none;transition:border-color .2s,box-shadow .2s}.content-body .ql-tooltip input[type=text]:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #3b82f61a}.content-body .ql-tooltip a{color:var(--color-primary-600);font-weight:500;text-decoration:none;margin-left:8px;transition:color .15s}.content-body .ql-tooltip a:hover{color:var(--color-primary-700)}.content-body .ql-tooltip a.ql-preview{max-width:180px;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}.content-body .ql-tooltip:not(.ql-editing) a.ql-action:after{content:"수정"!important}.content-body .ql-tooltip:not(.ql-editing) a.ql-remove:before{content:"삭제"!important}.content-body .ql-tooltip:not(.ql-editing):before{content:"링크:"!important;color:var(--color-gray-600);font-weight:500}.content-body .ql-tooltip.ql-editing a.ql-action:after{content:"확인"!important}.content-body .ql-tooltip.ql-editing:before{content:"링크 URL:"!important;color:var(--color-gray-600);font-weight:500}.privacy-body{background:var(--color-gray-50);padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:12px}.settings-btn{color:#6b7280}.settings-btn:hover{color:#374151;background:#f3f4f6}.hidden-icon{margin-left:4px}.other-preview{opacity:.5}.other-text{font-style:italic;color:#9ca3af}.image-settings{padding:16px 0}.image-count-selector{display:flex;flex-direction:column;gap:12px}.count-buttons{display:flex;gap:8px}.count-btn{flex:1;padding:10px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#374151;cursor:pointer;transition:all .15s}.count-btn:hover{border-color:#93c5fd}.count-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.settings-inline-panel{background:#f9fafb;border-top:1px solid #E5E7EB;padding:20px 24px;animation:expandDown .2s ease}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.settings-inline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.settings-inline-header h4{font-size:14px;font-weight:700;color:#374151;margin:0}.settings-inline-content{display:flex;flex-direction:column;gap:16px}.setting-group-row{display:flex;gap:12px}.setting-group.half{flex:1}.setting-select{width:100%;padding:10px 12px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#374151;background:#fff;cursor:pointer}.setting-select:focus{outline:none;border-color:#3b82f6}.setting-section-divider{padding-top:16px;border-top:1px solid #E5E7EB;display:flex;flex-direction:column;gap:12px}.condition-settings-inline{background:#fff;padding:12px;border-radius:8px;border:1px solid #E5E7EB;display:flex;flex-direction:column;gap:12px}.condition-options-inline{display:flex;flex-direction:column;gap:8px}.checkbox-inline{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f9fafb;border-radius:6px;cursor:pointer;font-size:13px;color:#374151}.checkbox-inline input[type=checkbox]{width:16px;height:16px;accent-color:#3B82F6}.settings-btn.active{color:#3b82f6;background:#eff6ff}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #F3F4F6}.settings-header h3{font-size:18px;font-weight:700;color:#111827;margin:0}.settings-close-btn{width:36px;height:36px;border:none;background:transparent;color:#6b7280;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.settings-close-btn:hover{background:#f3f4f6;color:#374151}.settings-content{padding:24px;overflow-y:auto;max-height:calc(80vh - 80px);display:flex;flex-direction:column;gap:24px}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-label{font-size:14px;font-weight:600;color:#111827}.setting-input{width:100%;padding:12px 16px;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;background:#f9fafb;transition:all .15s}.setting-input:focus{outline:none;border-color:#3b82f6;background:#fff}.setting-input::-moz-placeholder{color:#9ca3af}.setting-input::placeholder{color:#9ca3af}.setting-hint{font-size:12px;color:#9ca3af}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.setting-info{display:flex;flex-direction:column;gap:2px}.setting-title{font-size:14px;font-weight:600;color:#111827}.setting-title-group{display:flex;flex-direction:column;gap:2px}.setting-section{padding-top:16px;border-top:1px solid #F3F4F6}.counter-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.counter-buttons{display:flex;align-items:center;gap:8px}.counter-buttons button{width:32px;height:32px;border:none;background:#f3f4f6;border-radius:50%;font-size:18px;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.counter-buttons button:hover{background:#e5e7eb}.counter-buttons span{width:32px;text-align:center;font-weight:700;font-size:16px}.condition-settings{background:#f9fafb;border-radius:12px;padding:16px;margin-top:16px;display:flex;flex-direction:column;gap:16px}.condition-title{font-size:13px;font-weight:600;color:#374151}.condition-dropdown{display:flex;flex-direction:column;gap:8px;position:relative}.condition-dropdown label{font-size:12px;color:#6b7280}.condition-trigger{width:100%;padding:12px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:14px;color:#374151;transition:all .15s}.condition-trigger:hover{border-color:#93c5fd}.condition-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;box-shadow:0 10px 40px #0000001f;z-index:10;max-height:200px;overflow-y:auto}.condition-option{width:100%;padding:12px 16px;text-align:left;border:none;background:transparent;font-size:14px;color:#374151;cursor:pointer;border-bottom:1px solid #F3F4F6;transition:background .15s}.condition-option:last-child{border-bottom:none}.condition-option:hover{background:#f9fafb}.condition-option.active{background:#eff6ff;color:#3b82f6;font-weight:500}.condition-options{display:flex;flex-direction:column;gap:8px}.condition-options label{font-size:12px;color:#6b7280}.option-checkboxes{display:flex;flex-direction:column;gap:8px}.checkbox-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;transition:all .15s}.checkbox-item:hover{border-color:#93c5fd}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:#3B82F6}.checkbox-item span{font-size:14px;color:#374151}.slider-settings{margin-top:16px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #E5E7EB}.slider-mode-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.slider-mode-row .setting-label{font-size:14px;color:#6b7280;min-width:80px}.slider-values-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.slider-input-group{display:flex;flex-direction:column;gap:4px}.slider-input-group label{font-size:12px;color:#6b7280}.slider-input-group input{padding:8px 12px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;background:#fff;transition:all .15s}.slider-input-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.slider-input-group input:disabled{background:#f3f4f6;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:-.01em}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:2px}.btn-small{padding:8px 14px;font-size:13px;height:32px}.btn-medium{padding:10px 20px;font-size:14px;height:40px}.btn-large{padding:14px 28px;font-size:15px;height:48px}.btn-primary{background:#3182f6;color:#fff}.btn-primary:hover:not(:disabled){background:#1b64da;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-gray-100);color:var(--color-gray-700)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-200)}.btn-outline{background:transparent;color:var(--color-primary-600);border:1.5px solid var(--color-gray-200)}.btn-outline:hover:not(:disabled){border-color:var(--color-primary-400);background:var(--color-primary-50)}.btn-ghost{background:transparent;color:var(--color-gray-500)}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-gray-700)}.btn-danger{background:#ef4444;color:#fff}.btn-full{width:100%}.btn-spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.preview-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:40px}.preview-container{position:relative}.preview-close-btn{position:absolute;top:10px;right:-60px;width:44px;height:44px;border:none;background:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#374151;box-shadow:0 4px 12px #00000026;transition:all .2s ease}.preview-close-btn:hover{background:#f3f4f6}.mobile-frame{width:375px;height:812px;background:#000;border-radius:40px;padding:12px;box-shadow:0 25px 80px #0006;position:relative}.mobile-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:150px;height:30px;background:#000;border-radius:0 0 20px 20px;z-index:10}.mobile-screen{width:100%;height:100%;background:#f9fafb;border-radius:32px;overflow:hidden;display:flex;flex-direction:column}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:56px 16px 16px;background:#fff;border-bottom:1px solid #F3F4F6}.preview-title{font-size:16px;font-weight:700;color:#111827}.preview-questions{flex:1;overflow-y:auto;padding:16px}.preview-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 1px 2px #0000000d;margin-bottom:16px;border:1px solid #F3F4F6}.preview-q-header{margin-bottom:16px}.preview-q-title{font-size:17px;font-weight:700;color:#111827;margin-bottom:4px;line-height:1.4}.preview-q-desc{font-size:14px;color:#6b7280;margin-top:4px;line-height:1.5;padding-left:26px}.preview-content-text img{max-width:100%;height:auto;border-radius:8px;margin:8px 0;display:block}.preview-q-prefix{color:#3182f6;font-weight:700;margin-right:8px}.preview-required{color:#ef4444;margin-left:2px}.preview-input-box{background-color:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;padding:14px;width:100%;font-size:15px;color:#111827;transition:border-color .2s}.preview-input-box:focus{outline:none;border-color:#3b82f6;background-color:#fff}.preview-textarea-box{background-color:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;padding:14px;width:100%;font-size:15px;color:#111827;min-height:120px;resize:none;transition:border-color .2s}.preview-textarea-box:focus{outline:none;border-color:#3b82f6;background-color:#fff}.preview-list-row{display:flex;align-items:center;padding:14px 4px;cursor:pointer}.preview-list-row:active{background-color:#f3f4f6;border-radius:8px;margin:0 -8px;padding:14px 12px}.preview-radio-circle{width:24px;height:24px;border-radius:50%;border:2px solid #D1D5DB;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;transition:all .2s;background:#fff;position:relative}.preview-radio-circle:before{content:"";width:10px;height:6px;border-left:2.5px solid #D1D5DB;border-bottom:2.5px solid #D1D5DB;transform:rotate(-45deg) translate(1px,-1px)}.preview-radio-circle.checked{border-color:#3b82f6;background-color:#3b82f6}.preview-radio-circle.checked:before{border-left-color:#fff;border-bottom-color:#fff}.preview-checkbox-square{width:24px;height:24px;border-radius:6px;border:2px solid #D1D5DB;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;transition:all .2s;background:#fff;position:relative}.preview-checkbox-square:before{content:"";width:10px;height:6px;border-left:2.5px solid #D1D5DB;border-bottom:2.5px solid #D1D5DB;transform:rotate(-45deg) translate(1px,-1px)}.preview-checkbox-square.checked{border-color:#3b82f6;background-color:#3b82f6}.preview-checkbox-square.checked:before{border-left-color:#fff;border-bottom-color:#fff}.preview-option-text{font-size:16px;color:#111827}.preview-option-text.selected{color:#3b82f6;font-weight:600}.preview-page-info{background:#f3f4f6;padding:20px 24px;border-radius:16px;margin:16px 16px 0}.preview-page-title{font-size:20px;font-weight:700;color:#111827;margin-bottom:6px}.preview-page-desc{font-size:14px;color:#6b7280;line-height:1.5}.preview-page-desc img{max-width:100%;height:auto;border-radius:8px;margin:8px 0}.preview-rating{display:flex;gap:8px}.preview-star{font-size:28px;background:none;border:none;cursor:pointer;color:#d1d5db;transition:all .15s ease;padding:4px;line-height:1}.preview-star:hover{transform:scale(1.1)}.preview-star:active{transform:scale(.95)}.preview-star.active{color:#fbbf24}.preview-bottom-bar{padding:16px;background:#fff;border-top:1px solid #F3F4F6;display:flex;gap:12px}.preview-btn-primary{flex:1;background-color:#3b82f6;color:#fff;font-size:16px;font-weight:600;padding:16px;border-radius:14px;border:none;cursor:pointer;transition:background-color .2s}.preview-btn-primary:active{background-color:#2563eb;transform:scale(.98)}.preview-btn-secondary{flex:1;background-color:#fff;color:#4b5563;font-size:16px;font-weight:600;padding:16px;border-radius:14px;border:1px solid #D1D5DB;cursor:pointer}.preview-btn-secondary:active{background-color:#f9fafb;transform:scale(.98)}@media(max-height:900px){.mobile-frame{height:700px;transform:scale(.9)}}.preview-text-input{display:flex;flex-direction:column;gap:4px}.preview-input{width:100%;padding:12px;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;font-family:inherit}.preview-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.preview-char-count{text-align:right;font-size:12px;color:#9ca3af}.preview-option.other{flex-wrap:wrap}.preview-other-input{width:100%;margin-top:8px;padding:10px 12px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;font-family:inherit}.preview-other-input:focus{outline:none;border-color:#3b82f6}.preview-select-limit{font-size:12px;color:#6b7280;padding:8px 0}.preview-dropdown{position:relative}.preview-dropdown-trigger{width:100%;padding:14px 16px;border:1px solid #E5E7EB;border-radius:12px;background:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:14px;font-family:inherit;text-align:left;transition:border-color .15s}.preview-dropdown-trigger:hover{border-color:#d1d5db}.preview-dropdown-trigger .placeholder{color:#9ca3af}.preview-dropdown-trigger svg{transition:transform .2s}.preview-dropdown-trigger svg.rotate{transform:rotate(180deg)}.preview-dropdown-menu{margin-top:8px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014}.preview-dropdown-item{width:100%;padding:14px 16px;background:transparent;border:none;border-bottom:1px solid #F3F4F6;text-align:left;font-size:14px;font-family:inherit;color:#374151;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .1s}.preview-dropdown-item:last-child{border-bottom:none}.preview-dropdown-item:hover{background:#f9fafb}.preview-dropdown-item.selected{color:#3b82f6;font-weight:500}.preview-alert-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s ease-out}.preview-alert-box{background:#fff;width:300px;max-width:85%;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000026;animation:scaleIn .2s ease-out;display:flex;flex-direction:column}.preview-alert-title{font-size:18px;font-weight:700;color:#191f28;margin-bottom:8px}.preview-alert-message{font-size:15px;color:#4e5968;line-height:1.5;margin-bottom:24px;white-space:pre-wrap}.preview-alert-button{text-align:right;align-self:flex-end}.preview-alert-confirm{background:none;border:none;color:#3182f6;font-size:16px;font-weight:600;cursor:pointer;padding:8px;margin-right:-8px;margin-bottom:-8px}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.preview-page-image{width:100%;border-radius:12px;margin-bottom:20px;-o-object-fit:cover;object-fit:cover;max-height:300px}.preview-image-option-card{width:100%;border-radius:12px;border:2px solid #E5E7EB;overflow:hidden;background:#fff;text-align:left;transition:all .2s;cursor:pointer;margin-bottom:12px;position:relative}.preview-image-option-card:hover{border-color:#d1d5db}.preview-image-option-card:active{transform:scale(.99)}.preview-image-option-card.selected{border-color:#3b82f6;background-color:#eff6ff}.preview-option-image-container{width:100%;position:relative}.preview-option-image{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover}.preview-image-option-content{padding:12px;display:flex;align-items:center;gap:12px}.preview-disclaimer{margin-top:20px;color:#fffc;font-size:14px;text-align:center;font-weight:500}.preview-page-info-card{background:#fff;padding:24px;border-radius:20px;margin-bottom:24px;border:1px solid #F3F4F6}.privacy-card-preview{border:2px solid #BFDBFE!important;cursor:pointer}.privacy-card-preview .preview-q-title{font-size:15px;font-weight:600;margin-bottom:2px}.privacy-details{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#4b5563}.privacy-row{display:flex;gap:4px;line-height:1.4}.privacy-label{font-weight:600;color:#374151;white-space:nowrap}.privacy-value{color:#6b7280;word-break:keep-all}.privacy-notice{margin-top:6px;font-size:11px;color:#9ca3af;line-height:1.4}.preview-privacy-container{display:flex;align-items:flex-start;gap:0}.preview-privacy-content{flex:1;display:flex;flex-direction:column}.preview-privacy-container .preview-checkbox-square{margin-top:3px;margin-right:6px}.preview-required-star{color:#ef4444;font-weight:700;margin-left:2px}.setting-row-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.setting-action-btn{padding:6px 12px;border:none;background:#f0f7ff;color:#3182f6;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600}.setting-action-btn:hover{background:#e6f3ff}.setting-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.setting-tag{padding:4px 10px;border-radius:14px;background:#e6f3ff;color:#3182f6;font-size:12px;border:none;cursor:pointer}.setting-toggle-group{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.setting-pill{padding:6px 12px;border-radius:14px;border:1px solid #e5e8eb;background:#fff;color:#666;font-size:12px;cursor:pointer}.setting-pill.active{background:#e6f3ff;border-color:#3182f6;color:#3182f6;font-weight:600}.setting-hyphen{color:#999;font-weight:600}.create-survey-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--color-gray-50)}.top-nav{height:56px;background:#fff;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;align-items:center;padding:0 16px;position:sticky;top:0;z-index:100}.back-btn{border:none;background:transparent;color:var(--color-gray-600);font-size:14px;font-weight:500;cursor:pointer;padding:8px 0;white-space:nowrap}.back-btn:hover{color:var(--color-gray-900)}.draft-status{font-size:14px;color:var(--color-gray-500);font-weight:500}.nav-left{display:flex;align-items:center;gap:12px}.header-workspace-selector{width:200px;flex-shrink:1}@media(max-width:600px){.header-workspace-selector{width:140px}.header-workspace-selector .dropdown-trigger span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.nav-right{display:flex;gap:12px}.main-container{flex:1;display:flex}.survey-outline{width:280px;background:#fff;border-right:1px solid var(--color-gray-200);flex-shrink:0;position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;display:flex;flex-direction:column}.outline-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 12px;font-size:13px;font-weight:600;color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-100)}.add-page-btn{padding:6px 12px;border:none;background:var(--color-primary-500);color:#fff;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.add-page-btn:hover{background:var(--color-primary-600)}.outline-content{flex:1;overflow-y:auto;padding:8px}.outline-page{margin-bottom:8px;border-radius:8px;border:1px solid var(--color-gray-200);overflow:hidden}.outline-page.active{border-color:var(--color-primary-400)}.outline-page-header{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:var(--color-gray-50);cursor:pointer;transition:background .2s;touch-action:none}.outline-page.active .outline-page-header{background:var(--color-primary-50)}.outline-page-header:hover{background:var(--color-gray-100)}.outline-page.active .outline-page-header:hover{background:var(--color-primary-100)}.page-info{display:flex;flex-direction:column;gap:2px;flex:1;text-align:center;min-width:0}.page-label{font-size:13px;font-weight:600;color:var(--color-primary-600)}.page-title{font-size:12px;color:var(--color-gray-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outline-del-btn{background:transparent;border:none;color:var(--color-gray-400);cursor:pointer;font-size:16px;padding:2px 4px;line-height:1}.outline-del-btn:hover{color:var(--color-red-500);background:var(--color-red-50);border-radius:4px}.outline-drag-handle{cursor:grab;color:var(--color-gray-400);font-size:14px;padding:0 8px 0 4px;display:flex;align-items:center;touch-action:none}.outline-drag-handle:active{cursor:grabbing;color:var(--color-gray-600)}.drag-handle-page{cursor:grab;color:var(--color-gray-400);padding:4px;display:flex;align-items:center;touch-action:none;flex-shrink:0}.drag-handle-page:hover{color:var(--color-gray-600)}.drag-handle-page:active{cursor:grabbing}.drag-handle-question{cursor:grab;color:var(--color-gray-300);padding:2px 6px 2px 0;display:flex;align-items:center;touch-action:none}.drag-handle-question:hover{color:var(--color-gray-500)}.drag-handle-question:active{cursor:grabbing}.question-content{display:flex;align-items:center;gap:6px;flex:1;cursor:pointer}.outline-questions{padding:4px 8px 8px}.outline-question{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background .15s;font-size:13px;touch-action:none;overflow:hidden;min-width:0}.outline-question:hover{background:var(--color-gray-100)}.outline-question.selected{background:var(--color-primary-100);border:1px solid var(--color-primary-300)}.outline-q-drag-handle{cursor:grab;color:var(--color-gray-300);font-size:12px;padding-right:6px;display:flex;align-items:center;touch-action:none}.outline-q-drag-handle:hover{color:var(--color-gray-500)}.outline-q-drag-handle:active{cursor:grabbing;color:var(--color-gray-700)}.q-icon{flex-shrink:0;width:16px;text-align:center;color:var(--color-gray-400);font-size:12px}.q-num{flex-shrink:0;color:var(--color-gray-500);font-size:12px}.q-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-gray-700)}.outline-question.selected .q-label{color:var(--color-primary-700);font-weight:500}.outline-empty{padding:12px;text-align:center;color:var(--color-gray-400);font-size:12px}.outline-q-del-btn{background:transparent;border:none;color:transparent;cursor:pointer;font-size:14px;padding:2px 4px;line-height:1;margin-left:auto;transition:color .2s,background-color .2s}.outline-question:hover .outline-q-del-btn{color:var(--color-gray-300)}.outline-q-del-btn:hover{color:var(--color-red-500)!important;background:var(--color-red-50);border-radius:4px}.editor-canvas{flex:1;padding:40px 0 100px;overflow-y:auto}.editor-container{max-width:720px;margin:0 auto;padding:0 24px}.survey-title-block{margin-bottom:32px}.main-title-input{width:100%;font-size:28px;font-weight:700;color:var(--color-gray-900);border:none;background:transparent;outline:none;padding:12px 0;border-bottom:2px solid transparent;transition:border-color .2s}.main-title-input:focus{border-bottom-color:var(--color-primary-400)}.main-title-input::-moz-placeholder{color:var(--color-gray-300)}.main-title-input::placeholder{color:var(--color-gray-300)}.page-header-block{background:#fff;padding:32px;border-radius:16px;margin-bottom:24px;display:flex;flex-direction:column;gap:24px;border:1px solid var(--color-gray-100);box-shadow:0 2px 8px #00000005}.questions-list{display:flex;flex-direction:column;gap:16px}.drag-handle{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:20px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);cursor:grab;opacity:.5;transition:opacity .2s,color .2s;z-index:30}.sortable-wrapper{position:relative}.sortable-wrapper:hover .drag-handle,.sortable-wrapper.selected .drag-handle{opacity:1;color:var(--color-gray-600)}.drag-handle:active{cursor:grabbing;color:var(--color-primary)}.empty-state{text-align:center;padding:60px 20px;color:var(--color-gray-400);font-size:15px}.bottom-add-action{margin-top:32px;display:flex;justify-content:center}.big-add-btn{padding:14px 32px;background:#fff;border:1px dashed var(--color-gray-300);border-radius:12px;color:var(--color-gray-500);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.big-add-btn:hover{border-color:var(--color-primary-400);color:var(--color-primary-600);background:var(--color-primary-50)}.settings-panel{width:320px;background:#fff;border-left:1px solid var(--color-gray-200);display:flex;flex-direction:column;flex-shrink:0;min-height:calc(100vh - 56px)}.settings-header{padding:20px;border-bottom:1px solid var(--color-gray-100);display:flex;justify-content:space-between;align-items:center}.settings-header h3{font-size:16px;font-weight:600;color:var(--color-gray-900);margin:0}.settings-header button{background:none;border:none;font-size:24px;color:var(--color-gray-400);cursor:pointer;line-height:1}.settings-content{padding:20px 20px 60px;overflow-y:visible;flex:1}.settings-section{margin-bottom:24px}.section-title{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;padding-left:4px}.settings-card{background:#f9fafb;border-radius:12px;padding:0;overflow:hidden}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:12px}.setting-row.column{flex-direction:column;align-items:flex-start;gap:8px}.setting-info{display:flex;flex-direction:column;gap:2px;flex:1}.setting-label{font-size:14px;font-weight:500;color:#111827}.setting-desc{font-size:12px;color:#9ca3af}.setting-divider{height:1px;background:#e5e7eb;margin:0 16px}.datetime-input{width:100%;padding:10px 12px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#374151;background:#fff}.datetime-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.number-input{width:100%;padding:10px 12px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#374151;background:#fff}.number-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.number-input::-moz-placeholder{color:#9ca3af}.number-input::placeholder{color:#9ca3af}.page-settings-block{margin-top:16px;padding-top:16px;border-top:1px solid #E5E7EB}.page-setting-item{margin-bottom:16px}.page-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-setting-info{display:flex;flex-direction:column;gap:2px}.page-setting-label{font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.page-setting-desc{font-size:12px;color:#9ca3af}.page-action-select,.page-condition-select{width:100%;padding:10px 12px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#374151;background:#fff;cursor:pointer}.page-action-select:focus,.page-condition-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.page-condition-block{margin-top:12px;background:#f9fafb;padding:12px;border-radius:8px}.page-condition-label{font-size:12px;font-weight:500;color:#6b7280;margin-bottom:8px;display:block}.page-condition-options{margin-top:12px}.page-condition-options-label{font-size:12px;color:#6b7280;display:block;margin-bottom:8px}.page-condition-option{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;margin-bottom:6px;cursor:pointer;font-size:13px;color:#374151}.page-condition-option input{accent-color:#3B82F6}.page-condition-option:has(input:checked){background:#eff6ff;border-color:#3b82f6}@media(max-width:1200px){.settings-panel{position:fixed;right:0;top:56px;bottom:0;z-index:50;box-shadow:-4px 0 20px #0000001a;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}}.page-navigator{display:none}.mobile-menu-btn{display:none;background:none;border:none;font-size:15px;font-weight:500;color:var(--color-gray-700);cursor:pointer;align-items:center;gap:8px;padding:8px 12px;border-radius:6px}.mobile-menu-btn:hover{background:var(--color-gray-100)}.hamburger-icon{font-size:18px}.mobile-settings-btn{display:inline-flex}@media(max-width:900px){.top-nav{padding:0 12px;height:52px}.nav-left{gap:8px}.nav-right{gap:6px}.back-btn{font-size:13px;padding:6px 0}.mobile-menu-btn{display:flex;font-size:13px;padding:6px 10px}.nav-right button{font-size:13px!important;padding:6px 10px!important}.nav-right button:last-child{padding:8px 14px!important;font-size:13px!important}}.mobile-fab{display:none;position:fixed;bottom:24px;width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid var(--color-gray-200);box-shadow:0 4px 12px #00000026;z-index:900;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:var(--color-gray-700);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.mobile-fab.left{left:24px}.mobile-fab.right{right:24px}.mobile-fab:active{transform:scale(.9);background:var(--color-gray-50)}.mobile-fab.active{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500);transform:rotate(180deg)}@media(max-width:900px){.mobile-fab{display:flex}}@media(max-width:600px){.nav-right button span{display:none}.nav-right button{padding:8px 10px!important;font-size:13px}}@media(max-width:900px){.survey-outline{position:fixed;top:52px;left:0;bottom:0;height:calc(100vh - 52px);z-index:100;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 12px #0000001a;width:280px}.survey-outline.open{transform:translate(0)}.settings-panel{display:none}.settings-panel.show{display:flex;flex-direction:column;position:fixed;right:0;top:52px;bottom:0;width:320px;max-width:100%;z-index:100;animation:slideIn .2s ease;background:#fff;box-shadow:-4px 0 20px #00000026}.settings-panel.show .settings-content{overflow-y:auto;flex:1}}@media(min-width:901px){.mobile-settings-btn,.settings-panel .settings-header button{display:none}}.mobile-page-selector{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:var(--radius-lg);padding:12px 16px;margin-bottom:16px}.mobile-page-nav{display:flex;align-items:center;gap:8px}.mobile-page-btn{width:32px;height:32px;border:none;background:var(--color-gray-100);border-radius:8px;font-size:16px;font-weight:600;color:var(--color-gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.mobile-page-btn:hover:not(:disabled){background:var(--color-primary-100);color:var(--color-primary-600)}.mobile-page-btn:disabled{opacity:.3;cursor:not-allowed}.mobile-page-indicator{font-size:13px;font-weight:600;color:var(--color-gray-700);padding:0 8px}.mobile-page-actions{display:flex;gap:8px}.mobile-add-page-btn,.mobile-del-page-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.mobile-add-page-btn{background:var(--color-primary-500);color:#fff}.mobile-add-page-btn:hover{background:var(--color-primary-600)}.mobile-del-page-btn{background:var(--color-gray-100);color:var(--color-gray-600)}.mobile-del-page-btn:hover{background:var(--color-gray-200);color:var(--color-gray-800)}.outline-wrapper{position:relative;display:flex;flex-shrink:0;transition:width .3s ease}.outline-wrapper .survey-outline{transition:width .3s ease,opacity .2s ease}.outline-wrapper.collapsed .survey-outline{width:0;opacity:0;overflow:hidden;padding:0;border:none}.settings-wrapper{position:relative;display:flex;flex-shrink:0;transition:width .3s ease}.settings-wrapper .settings-panel{transition:width .3s ease,opacity .2s ease}.settings-wrapper.collapsed .settings-panel{width:0;opacity:0;overflow:hidden;padding:0;border:none}.panel-toggle-btn{position:fixed;top:50%;transform:translateY(-50%);width:20px;height:40px;background:#fff;border:1px solid var(--color-gray-200);color:var(--color-gray-400);cursor:pointer;z-index:50;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d;overflow:hidden}.panel-toggle-btn:hover{background:var(--color-gray-50);color:var(--color-gray-600);border-color:var(--color-gray-300);box-shadow:0 2px 4px #0000001a;width:24px}.panel-toggle-btn svg{transition:transform .3s ease}.panel-toggle-btn.left{left:280px;border-radius:0 8px 8px 0;border-left:none}.outline-wrapper.collapsed~.editor-canvas~.settings-wrapper .panel-toggle-btn.left,.panel-toggle-btn.left.collapsed-state{left:0}.outline-wrapper.collapsed .panel-toggle-btn.left{left:0;border-left:1px solid var(--color-gray-200);border-radius:0 8px 8px 0;box-shadow:2px 0 5px #0000000d}.panel-toggle-btn.right{right:320px;border-radius:8px 0 0 8px;border-right:none}.settings-wrapper.collapsed .panel-toggle-btn.right{right:0;border-right:1px solid var(--color-gray-200);border-radius:8px 0 0 8px;box-shadow:-2px 0 5px #0000000d}@media(max-width:900px){.panel-toggle-btn{display:none}.outline-wrapper,.settings-wrapper{display:contents}.outline-wrapper.collapsed .survey-outline{width:280px!important;opacity:1!important;overflow:visible!important}.settings-wrapper.collapsed .settings-panel{width:320px!important;opacity:1!important;overflow:visible!important}}.page-title-input input{font-size:18px;font-weight:600;border:none;padding:8px 0;background:transparent;border-bottom:1px solid transparent;border-radius:0;transition:border-bottom .2s;letter-spacing:-.01em;color:var(--color-gray-900)}.page-title-input input:focus{border-bottom-color:var(--color-primary-400);box-shadow:none}.page-title-input input::-moz-placeholder{color:var(--color-gray-300)}.page-title-input input::placeholder{color:var(--color-gray-300)}.page-desc-input input,.page-desc-input textarea{font-size:14px;color:var(--color-gray-500);padding:4px 0;border:none;border-bottom:1px solid transparent;border-radius:0;background:transparent;resize:none}.page-desc-input input:focus,.page-desc-input textarea:focus{border-bottom-color:var(--color-gray-300);box-shadow:none}.page-desc-input .quill{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:8px;display:flex;flex-direction:column-reverse;position:relative;transition:all .2s ease}.page-desc-input .quill:not(:focus-within):has(.ql-editor.ql-blank){background:transparent;border-color:transparent}.page-desc-input .quill:not(:focus-within):has(.ql-editor.ql-blank):hover{border-bottom:1px solid var(--color-gray-300);border-radius:0}.page-desc-input .quill:focus-within{background:#fff;border-color:var(--color-primary-400);box-shadow:0 0 0 3px #3b82f61a}.page-desc-input .ql-container.ql-snow{border:none!important;font-size:15px;font-family:inherit;color:var(--color-gray-700);padding:0}.page-desc-input .ql-editor{min-height:40px;line-height:1.6;padding:12px 16px}.page-desc-input .ql-editor.ql-blank:before{color:var(--color-gray-400);font-style:normal;font-size:14px;left:16px}.page-desc-input .ql-toolbar.ql-snow{border:none!important;border-top:1px solid var(--color-gray-200)!important;background:transparent;padding:8px 0!important;margin-top:0;opacity:0;height:0;overflow:hidden;transition:all .3s ease}.page-desc-input:focus-within .ql-toolbar.ql-snow{opacity:1;height:auto;overflow:visible;padding:8px 12px!important}.page-desc-input:after{display:none}.page-desc-input .quill:after{display:none}.page-desc-input:focus-within:after{display:none}.page-desc-input .ql-snow .ql-stroke{stroke:var(--color-gray-400)}.page-desc-input .ql-snow .ql-fill{fill:var(--color-gray-400)}.page-desc-input .ql-snow .ql-picker{color:var(--color-gray-400)}.page-desc-input .ql-toolbar button{width:28px!important;height:28px!important;border-radius:4px!important;margin:0 4px!important;transition:all .15s ease}.page-desc-input .ql-toolbar button:hover{background-color:var(--color-gray-200)!important}.page-desc-input .ql-toolbar button.ql-active{background-color:var(--color-primary-50)!important;color:var(--color-primary-600)!important}.page-desc-input .ql-toolbar button.ql-active .ql-stroke{stroke:var(--color-primary-600)!important}.page-desc-input .ql-toolbar button.ql-active .ql-fill{fill:var(--color-primary-600)!important}.page-desc-row{display:flex;align-items:flex-start;gap:12px}.page-desc-row .page-desc-input{flex:1}.page-image-area{margin-top:4px}.page-image-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:transparent;cursor:pointer;transition:all .15s;font-size:14px;flex-shrink:0}.page-image-btn:hover{background:var(--color-gray-100)}.page-image-preview{position:relative;width:60px;height:60px;border-radius:6px;overflow:hidden;border:1px solid var(--color-gray-200);flex-shrink:0}.page-image-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.page-image-remove{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#00000080;color:#fff;border:none;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;padding:0}.page-image-remove:hover{background:#000000b3}.page-image-upload{display:none}.page-desc-input .ql-editor img{max-width:100%;height:auto;border-radius:8px;margin:8px 0;display:block}.page-desc-input .ql-editor.ql-blank:focus:before{display:none}.page-desc-input .ql-tooltip{z-index:100;white-space:nowrap;background-color:#fff;border:1px solid var(--color-gray-200);box-shadow:0 8px 24px #0000001f;border-radius:12px;padding:12px 16px;font-size:14px;left:0!important;transform:translateY(8px)}.page-desc-input .ql-tooltip input[type=text]{border:1px solid var(--color-gray-200);border-radius:8px;padding:8px 12px;font-size:14px;width:220px;outline:none;transition:border-color .2s,box-shadow .2s}.page-desc-input .ql-tooltip input[type=text]:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #3b82f61a}.page-desc-input .ql-tooltip a{color:var(--color-primary-600);font-weight:500;text-decoration:none;margin-left:8px;transition:color .15s}.page-desc-input .ql-tooltip a:hover{color:var(--color-primary-700)}.page-desc-input .ql-tooltip:not(.ql-editing) a.ql-action:after{content:"수정"!important}.page-desc-input .ql-tooltip:not(.ql-editing) a.ql-remove:before{content:"삭제"!important}.page-desc-input .ql-tooltip:not(.ql-editing):before{content:"링크:"!important;color:var(--color-gray-600);font-weight:500;margin-right:8px}.page-desc-input .ql-tooltip.ql-editing a.ql-action:after{content:"확인"!important}.page-desc-input .ql-tooltip.ql-editing:before{content:"링크 URL:"!important;color:var(--color-gray-600);font-weight:500;margin-right:8px}.filter-panel-shared{background:#fff;border-radius:12px;border:1px solid #e1e1e1;margin-bottom:24px;overflow:visible}.filter-panel-no-header .filter-header{display:none}.filter-panel-no-header .filter-body{border-top:none;padding-top:0}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header-left{display:flex;align-items:center;gap:12px}.header-left h3{margin:0;font-size:16px;font-weight:600;color:#333}.filter-badge{background:#e6f3ff;color:#0080ff;font-size:12px;padding:4px 8px;border-radius:12px;font-weight:500}.filter-count{font-size:14px;color:#666}.filter-count strong{color:#0080ff}.chevron{color:#999;display:flex;align-items:center;transition:transform .2s}.chevron.down{transform:rotate(0)}.chevron.up{transform:rotate(180deg)}.filter-body{padding:0 20px 20px;border-top:1px solid #f0f0f0}.basic-filters{display:flex;gap:32px;padding-top:20px;flex-wrap:wrap}.filter-item{display:flex;flex-direction:column;gap:8px}.filter-item .label{font-size:13px;font-weight:500;color:#666}.age-toggle-group{display:flex;gap:6px;flex-wrap:wrap}.age-toggle-btn{padding:6px 12px;border:1px solid #ddd;border-radius:18px;background:#fff;color:#666;font-size:13px;cursor:pointer;transition:all .2s}.age-toggle-btn:hover{background:#f5f5f5}.age-toggle-btn.active{background:#e6f3ff;border-color:#0080ff;color:#0080ff;font-weight:500}.toggle-all-btn{padding:6px 12px;background:#f0f0f0;border:none;border-radius:18px;color:#666;font-size:13px;cursor:pointer}.toggle-all-btn:hover{background:#e0e0e0}.filter-divider{height:1px;background:#f0f0f0;margin:20px 0}.answer-filters{display:flex;flex-direction:column;gap:12px}.answer-header{display:flex;justify-content:space-between;align-items:center}.sub-title{font-size:14px;font-weight:600;color:#333}.add-btn{color:#0080ff;font-size:13px;font-weight:500;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px}.add-btn:hover{background:#e6f3ff}.empty-hint{color:#999;font-size:13px;margin:0;padding:8px 0}.conditions-list{display:flex;flex-direction:column;gap:10px}.condition-row{display:flex;align-items:center;gap:12px;background:#fff;padding:10px 16px;border-radius:99px;border:1px solid #E5E8EB;box-shadow:0 2px 8px #00000008;transition:all .2s}.condition-row:hover{border-color:#3182f6;transform:translateY(-1px)}.condition-inputs,.condition-inputs .question-select{flex:1;min-width:0}.condition-inputs .question-select .dropdown-trigger{max-width:100%}.condition-inputs .question-select .dropdown-trigger span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.condition-inputs{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap}.equals-sign,.tilde{color:#999;font-weight:500}.question-select{min-width:200px}.value-select{min-width:150px}.mode-select{min-width:100px}.filter-input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.filter-input:focus{border-color:#0080ff;outline:none}.text-search{flex:1}.filter-remove-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:transparent;color:#8b95a1;cursor:pointer;font-size:14px;line-height:1;transition:background .2s,color .2s}.filter-remove-btn:hover{background:#0000000d;color:#ef4444}.export-menu-container{position:relative;display:flex;align-items:center}.icon-btn{width:32px;height:32px;border:1px solid #eee;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555;transition:all .2s}.icon-btn:hover{background:#f5f5f5;color:#111}.export-dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;border:1px solid #eee;z-index:100;min-width:200px;overflow:hidden;padding:8px 0}.menu-header-hint{padding:12px 16px;font-size:12px;color:#666;background:#f9f9f9;border-bottom:1px solid #eee;line-height:1.4;text-align:center}.export-dropdown-menu button{display:block;width:100%;text-align:left;padding:10px 16px;background:none;border:none;font-size:14px;color:#333;cursor:pointer;transition:background .2s}.export-dropdown-menu button:hover{background:#f0f7ff;color:#0080ff}.export-menu-standalone{position:relative;width:auto;display:flex}.export-trigger-box{display:flex;align-items:center;justify-content:center;cursor:pointer}.export-menu-standalone .icon-btn{width:56px;height:56px;border-radius:12px;background:#fff;border:1px solid #e1e1e1;box-shadow:0 1px 3px #0000000d}.export-menu-standalone .icon-btn:hover{background:#f8f9fa;border-color:#d1d1d1;transform:translateY(-1px);transition:all .2s ease}.export-menu-standalone .export-dropdown-menu{top:64px;right:0}.residence-filter-group,.occupation-filter-group{display:flex;flex-direction:column;gap:8px}.residence-select-row,.occupation-select-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.applied-tags{display:flex;flex-wrap:wrap;gap:6px}.filter-tag{display:inline-flex;align-items:center;gap:4px;background:#e6f3ff;color:#0080ff;font-size:13px;padding:4px 10px;border-radius:16px;font-weight:500}.filter-tag button{background:none;border:none;color:#0080ff;font-size:14px;cursor:pointer;padding:0;margin-left:2px;line-height:1}.filter-tag button:hover{color:#ef4444}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0}.loading-spinner{width:3rem;height:3rem;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:1rem;color:#6b7280;font-weight:500}.email-recipient-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.email-recipient-modal{background:#fff;border-radius:12px;width:90%;max-width:420px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.email-recipient-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.email-recipient-modal .modal-header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.email-recipient-modal .close-btn{background:none;border:none;font-size:20px;color:#94a3b8;cursor:pointer;padding:4px 8px;line-height:1;width:auto;height:auto;margin-top:-2px}.email-recipient-modal .close-btn:hover{color:#64748b}.email-recipient-modal .modal-body{padding:20px;overflow-y:auto;flex:1}.email-recipient-modal .description{margin:0 0 16px;font-size:14px;color:#64748b}.email-recipient-modal .email-list{display:flex;flex-direction:column;gap:8px}.email-recipient-modal .email-item{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:12px 16px;background:#f8fafc;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.email-recipient-modal .email-item:hover{background:#f1f5f9}.email-recipient-modal .email-item.selected{background:#eff6ff;border-color:#3b82f6}.email-recipient-modal .email-item input[type=radio]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.email-recipient-modal .email-address{font-size:14px;color:#1e293b}.email-recipient-modal .loading-state,.email-recipient-modal .empty-state{text-align:center;padding:32px 16px;color:#64748b}.email-recipient-modal .empty-state p{margin:0 0 8px;font-size:14px}.email-recipient-modal .empty-state .hint{font-size:12px;color:#94a3b8}.email-recipient-modal .modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #e2e8f0}.email-recipient-modal .btn-cancel{flex:1;padding:10px 16px;background:#f1f5f9;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:background .2s}.email-recipient-modal .btn-cancel:hover{background:#e2e8f0}.email-recipient-modal .btn-add{flex:1;padding:10px 16px;background:#3b82f6;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:background .2s}.email-recipient-modal .btn-add:hover:not(:disabled){background:#2563eb}.email-recipient-modal .btn-add:disabled{background:#94a3b8;cursor:not-allowed}.info-tab-v2{max-width:800px;margin:0 auto;padding:24px 20px;display:flex;flex-direction:column;gap:16px}.info-header{margin-bottom:4px}.header-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.header-badges{display:flex;align-items:center;gap:8px}.status-badge{padding:5px 12px;border-radius:16px;font-size:12px;font-weight:600}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.closed{background:#f1f5f9;color:#64748b}.status-badge.scheduled{background:#fef3c7;color:#92400e}.status-badge.draft{background:#f1f5f9;color:#64748b}.public-badge{padding:5px 10px;border-radius:12px;font-size:11px;font-weight:500}.public-badge.public{background:#eff6ff;color:#3182f6}.public-badge.private{background:#f3f4f6;color:#6b7280}.header-workspace{flex-shrink:0;display:flex;align-items:center;gap:10px}.ws-label{font-size:13px;color:#64748b;font-weight:500}.owner-info{font-size:12px;color:#8b95a1;display:flex;align-items:center;gap:6px}.transfer-btn{background:none;border:none;color:#8b95a1;font-size:12px;cursor:pointer;text-decoration:underline;padding:0}.transfer-btn:hover{color:#3182f6}.survey-title{font-size:22px;font-weight:700;color:#0f172a;margin:0;line-height:1.35;word-break:keep-all}.survey-desc{margin:8px 0 0;font-size:14px;color:#64748b;line-height:1.5}.overview-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;background:#f8fafc;border-radius:14px;border:1px solid #f1f5f9}.overview-main{display:flex;flex-direction:column;gap:12px;flex:1}.response-section{display:flex;align-items:baseline;gap:4px}.response-prefix{font-size:15px;font-weight:600;color:#4b5563;margin-right:4px}.response-count{font-size:32px;font-weight:800;color:#1d4ed8;line-height:1}.response-max{font-size:18px;color:#64748b;font-weight:500;margin-left:2px}.progress-section{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;max-width:200px;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;transition:width .4s ease}.progress-text{font-size:13px;font-weight:600;color:#3b82f6;white-space:nowrap}.overview-period{display:flex;flex-direction:column;gap:6px;padding-left:6px;min-width:150px;border-left:1px solid #e2e8f0}.period-row{display:flex;align-items:center;gap:10px}.period-label{font-size:12px;color:#94a3b8;font-weight:500;width:110px;white-space:nowrap}.period-value{font-size:13px;color:#334155;font-weight:600}.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#1e293b;margin-bottom:14px}.card-header .card-title{margin-bottom:0}.share-box{display:flex;gap:8px;background:#f8fafc;padding:6px;border-radius:10px;border:1px solid #e2e8f0}.share-input{flex:1;padding:10px 12px;font-size:13px;font-family:SF Mono,Monaco,monospace;color:#475569;background:transparent;border:none;outline:none;min-width:0}.btn-copy{padding:10px 18px;font-size:13px;font-weight:600;color:#fff;background:#3b82f6;border:none;border-radius:8px;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-copy:hover{background:#2563eb}.btn-copy.copied{background:#10b981}.btn-qr{padding:10px 14px;font-size:13px;font-weight:600;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .15s}.btn-qr:hover{background:#f8fafc;color:#3b82f6;border-color:#3b82f6}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.two-column{grid-template-columns:1fr}}.btn-edit{padding:6px 14px;font-size:13px;font-weight:500;color:#3b82f6;background:#eff6ff;border:none;border-radius:8px;cursor:pointer;transition:all .15s}.btn-edit:hover{background:#dbeafe}.edit-btns{display:flex;justify-content:flex-end;gap:8px;margin-bottom:14px}.btn-cancel{padding:8px 16px;font-size:13px;font-weight:500;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer}.btn-cancel:hover{background:#f1f5f9}.btn-save{padding:8px 16px;font-size:13px;font-weight:600;color:#fff;background:#3b82f6;border:none;border-radius:8px;cursor:pointer}.btn-save:hover{background:#2563eb}.btn-save:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.settings-list{display:flex;flex-direction:column;gap:4px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#f8fafc;border-radius:10px}.setting-item span{font-size:14px;color:#334155;font-weight:500}.toggle{position:relative;width:44px;height:26px;background:#e2e8f0;border:none;border-radius:13px;cursor:pointer;padding:0;transition:background .2s}.toggle.on{background:#3b82f6}.toggle:disabled{opacity:.5;cursor:not-allowed}.toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000001a;transition:transform .2s}.toggle.on .toggle-knob{transform:translate(18px)}.notification-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#f8fafc;border-radius:10px}.notif-info{display:flex;flex-direction:column;gap:2px}.notif-label{font-size:14px;font-weight:600;color:#1e293b}.notif-desc{font-size:12px;color:#64748b}.divider{height:1px;background:#e2e8f0;margin:14px 0}.email-section{padding:14px;background:#f8fafc;border-radius:10px}.email-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.btn-add{padding:6px 12px;font-size:12px;font-weight:600;color:#3b82f6;background:#fff;border:1px solid #dbeafe;border-radius:6px;cursor:pointer}.btn-add:hover{background:#eff6ff}.email-loading,.email-empty{text-align:center;font-size:13px;color:#94a3b8;padding:12px}.email-list{display:flex;flex-direction:column;gap:8px}.email-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border-radius:8px}.email-addr{font-size:13px;color:#1e293b;font-weight:500}.btn-remove{padding:5px 10px;font-size:11px;font-weight:500;color:#ef4444;background:#fef2f2;border:none;border-radius:5px;cursor:pointer}.btn-remove:hover{background:#fee2e2}.email-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:10px}.email-page-btn{padding:6px 10px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:12px;font-weight:600}.email-page-btn:disabled{opacity:.4;cursor:default}.email-page-info{font-size:12px;color:#94a3b8;font-weight:600}.boost-active{display:flex;align-items:center;gap:12px;padding:14px;background:#eff6ff;border-radius:10px}.boost-status{font-size:14px;font-weight:600;color:#3b82f6}.boost-until{font-size:13px;color:#64748b}.boost-inactive{padding:16px;background:#f8fafc;border-radius:10px;text-align:center}.boost-inactive p{margin:0 0 4px;font-size:14px;color:#475569}.boost-inactive span{font-size:12px;color:#94a3b8}.reward-view,.reward-edit{display:flex;flex-direction:column;gap:12px}.reward-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rw-stat{padding:14px;background:#f8fafc;border-radius:10px;text-align:center}.rw-val{display:block;font-size:18px;font-weight:700;color:#1e293b}.rw-lbl{font-size:11px;color:#64748b}.reward-detail{background:#f8fafc;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.rd-row{display:flex;justify-content:space-between;font-size:13px;color:#64748b}.rd-row.highlight{padding-top:8px;border-top:1px solid #e2e8f0}.rd-row.highlight span{color:#3b82f6;font-weight:600}.rd-row.highlight strong{color:#3b82f6;font-size:15px}.reward-empty{padding:20px;background:#f8fafc;border-radius:10px;text-align:center}.reward-empty p{margin:0 0 4px;font-size:14px;color:#64748b;font-weight:500}.reward-empty span{font-size:12px;color:#94a3b8}.budget-info{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#f0fdf4;border-radius:8px}.budget-info span{font-size:13px;color:#166534}.budget-info strong{font-size:15px;color:#166534}.reward-fields{display:flex;flex-direction:column;gap:10px}.reward-field{display:flex;justify-content:space-between;align-items:center}.reward-field label{font-size:13px;color:#475569;font-weight:500}.field-input{display:flex;align-items:center;gap:6px}.field-input input{width:80px;padding:10px;font-size:14px;font-weight:600;text-align:right;color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none}.field-input input:focus{border-color:#3b82f6;background:#fff}.field-input span{font-size:13px;color:#64748b}.reward-preview{padding:12px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px}.pv-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}.pv-row span{color:#92400e}.pv-row strong{color:#d97706}.pv-row strong.green{color:#059669}.footer-note{margin:8px 0 0;font-size:12px;color:#94a3b8;text-align:center}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.modal-box{background:#fff;border-radius:20px;padding:24px;max-width:300px;width:100%;text-align:center}.modal-box h3{margin:0 0 16px;font-size:18px;font-weight:700;color:#1e293b}.qr-wrap{display:flex;justify-content:center;padding:16px;background:#f8fafc;border-radius:12px;margin-bottom:12px}.qr-wrap img{width:160px;height:160px}.modal-box p{margin:0 0 16px;font-size:13px;color:#64748b}.btn-close{width:100%;padding:14px;font-size:15px;font-weight:600;color:#fff;background:#3b82f6;border:none;border-radius:12px;cursor:pointer}.btn-close:hover{background:#2563eb}.transfer-modal{background:#fff;border-radius:16px;padding:24px;max-width:400px;width:100%}.transfer-modal h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#1e293b}.transfer-warning{font-size:13px;color:#64748b;margin:0 0 20px;line-height:1.5}.transfer-select{margin-bottom:20px}.transfer-select label{display:block;font-size:13px;font-weight:600;color:#4b5563;margin-bottom:8px}.transfer-select select{width:100%;padding:12px;font-size:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer}.transfer-select select:focus{outline:none;border-color:#3182f6}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.btn-cancel{padding:10px 20px;font-size:14px;font-weight:600;color:#4b5563;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer}.btn-cancel:hover{background:#e5e7eb}.btn-confirm{padding:10px 20px;font-size:14px;font-weight:600;color:#fff;background:#3182f6;border:none;border-radius:8px;cursor:pointer}.btn-confirm:hover{background:#1b64da}.btn-confirm:disabled{background:#9ca3af;cursor:not-allowed}.btn-danger{background:#ef4444}.btn-danger:hover:not(:disabled){background:#dc2626}@media(max-width:640px){.overview-card{flex-direction:column;align-items:flex-start;gap:16px}.overview-period{width:100%;flex-direction:row;justify-content:space-between;padding-left:0;padding-top:16px;border-left:none;border-top:1px solid #e2e8f0}.header-meta{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:480px){.info-tab-v2{padding:16px 14px;gap:12px}.survey-title{font-size:18px}.response-count{font-size:26px}.share-box{flex-wrap:wrap}.share-input{width:100%;flex:none}.btn-copy,.btn-qr{flex:1}}.embedded-filter-panel{border:none!important;border-radius:0!important;background:transparent!important;margin:0 -24px -24px!important;border-top:1px solid var(--lottery-border)!important}.embedded-filter-panel .filter-header{display:none!important}.embedded-filter-panel .filter-body{border-top:none!important;padding-top:20px!important}.embedded-filter-panel .answer-header .sub-title{font-size:15px!important;font-weight:700!important;color:var(--lottery-text-main)!important}.embedded-filter-panel .condition-row{background:#fff!important;border:1px solid var(--lottery-border)!important;box-shadow:0 1px 2px #00000005!important;flex-wrap:wrap;position:relative;padding-right:48px!important}.embedded-filter-panel .filter-remove-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent!important;color:var(--lottery-text-mute)!important;border:none!important;transition:all .2s}.embedded-filter-panel .filter-remove-btn:hover{background:#0000000d!important;color:#ef4444!important}.candidate-status-box{background:#fff;padding:10px 18px;border-radius:12px;border:1px solid #E5E8EB;display:flex;align-items:baseline;box-shadow:0 1px 2px #00000005}.toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-toggle{width:48px;height:28px;background:#e5e8eb;border-radius:99px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.custom-toggle.active{background:var(--lottery-primary)}.toggle-circle{width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a}.custom-toggle.active .toggle-circle{left:22px}:root{--lottery-primary: #3182F6;--lottery-primary-dark: #1B64DA;--lottery-primary-light: #E8F3FF;--lottery-primary-soft: rgba(49, 130, 246, .1);--lottery-bg: #F2F4F6;--lottery-surface: #FFFFFF;--lottery-text-main: #191F28;--lottery-text-sub: #4E5968;--lottery-text-mute: #8B95A1;--lottery-text-white: #FFFFFF;--lottery-border: #E5E8EB;--lottery-border-hover: #D1D6DB;--lottery-shadow: 0 4px 24px rgba(0, 0, 0, .06);--lottery-shadow-hover: 0 8px 32px rgba(0, 0, 0, .12);--lottery-radius: 20px;--lottery-radius-sm: 12px;--lottery-gradient-primary: linear-gradient(135deg, #3182F6 0%, #1B64DA 100%);--lottery-gradient-surface: linear-gradient(180deg, #FFFFFF 0%, #FAFAFB 100%);--lottery-gradient-shimmer: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 100%)}.lottery-container{max-width:1000px;margin:0 auto;padding:40px 24px;background-color:transparent;min-height:100vh;font-family:var(--font-family);color:var(--lottery-text-main)}.lottery-section{background:var(--lottery-surface);border-radius:var(--lottery-radius);padding:32px;margin-bottom:32px;box-shadow:var(--lottery-shadow);border:1px solid rgba(0,0,0,.03);transition:transform .2s,box-shadow .2s;animation:fadeIn .4s ease-out}.section-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.section-title h3{font-size:22px;font-weight:700;color:var(--lottery-text-main);margin:0;letter-spacing:-.02em}.section-actions{display:flex;gap:8px}.prize-chip-list{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.prize-item-chip{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid var(--lottery-border);border-radius:99px;font-size:14px;color:var(--lottery-text-sub);box-shadow:0 1px 2px #00000005;transition:all .2s}.prize-item-chip:hover{border-color:var(--lottery-border-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.prize-item-chip.editing{border-color:var(--lottery-primary);background:var(--lottery-primary-light);color:var(--lottery-primary)}.prize-item-chip img{width:24px;height:24px;border-radius:6px;-o-object-fit:cover;object-fit:cover;border:1px solid rgba(0,0,0,.05)}.chip-btn-group{display:flex;gap:4px;margin-left:6px;opacity:0;transition:opacity .2s}.prize-item-chip:hover .chip-btn-group{opacity:1}.chip-action-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--lottery-text-mute);cursor:pointer;border-radius:50%;font-size:12px}.chip-action-btn:hover{background:#0000000d;color:var(--lottery-text-main)}.new-prize-form-container{position:relative;padding-top:10px}.new-prize-label{font-size:13px;font-weight:600;color:var(--lottery-text-sub);margin-bottom:12px;display:block}.new-prize-box{display:flex;align-items:center;gap:16px;padding:16px 24px;border:1px dashed var(--lottery-border-hover);border-radius:24px;background:#fff;transition:all .2s}.new-prize-box:focus-within{border-color:var(--lottery-primary);background:#fafbfc}.image-upload-box{width:48px;height:48px;flex-shrink:0;position:relative}.upload-placeholder{width:100%;height:100%;border:1px solid var(--lottery-border);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--lottery-text-mute);background:#f9fafb;cursor:pointer;transition:all .2s;padding-bottom:2px}.upload-placeholder:hover{background:#f2f4f6;color:var(--lottery-text-sub)}.prize-image-preview{width:100%;height:100%;border-radius:12px;-o-object-fit:cover;object-fit:cover;border:1px solid var(--lottery-border)}.remove-image-btn{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#ff4d4f;color:#fff;border:2px solid white;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a}.input-group{flex:1;display:flex;flex-direction:column;gap:4px}.prize-name-input{width:100%;border:none;outline:none;font-size:15px;color:var(--lottery-text-main);background:transparent;padding:0}.prize-name-input::-moz-placeholder{color:var(--lottery-text-mute)}.prize-name-input::placeholder{color:var(--lottery-text-mute)}.quota-control-row{display:flex;align-items:center;justify-content:space-between;width:100%}.mini-stepper{display:flex;align-items:center;gap:0px;background:#fff;border:1px solid var(--lottery-border);border-radius:8px;overflow:hidden;height:36px}.mini-stepper button{width:36px;height:100%;border:none;background:transparent;color:var(--lottery-text-sub);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.mini-stepper button:hover{background:#f9fafb}.mini-stepper .value-display{min-width:40px;text-align:center;font-size:15px;font-weight:600;color:var(--lottery-text-main);border-left:1px solid var(--lottery-border);border-right:1px solid var(--lottery-border);height:100%;display:flex;align-items:center;justify-content:center}.add-btn{background:var(--lottery-primary);color:#fff;border:none;padding:8px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.add-btn:hover{background:var(--lottery-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #3182f633}.add-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.draw-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-bottom:32px}.draw-card{background:var(--lottery-surface);border:1px solid var(--lottery-border);border-radius:var(--lottery-radius);overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative}.draw-card:hover{transform:translateY(-6px);box-shadow:var(--lottery-shadow-hover);border-color:var(--lottery-primary-light)}.draw-card-header{padding:20px 24px;background:linear-gradient(180deg,#fff,#f9fafb);border-bottom:1px solid var(--lottery-border);display:flex;justify-content:space-between;align-items:center}.card-title{font-size:15px;font-weight:700;color:var(--lottery-text-main);display:flex;align-items:center;gap:8px}.card-badge{background:var(--lottery-text-main);color:#fff;font-size:11px;padding:3px 8px;border-radius:6px;font-weight:700}.btn-icon{background:transparent;border:none;color:var(--lottery-text-mute);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.btn-icon:hover{background:#0000000d;color:#ef4444}.draw-card-body{padding:24px}.form-group-row{display:flex;gap:20px;margin-bottom:24px}.form-item{flex:1}.form-label{display:block;font-size:13px;font-weight:600;color:var(--lottery-text-sub);margin-bottom:8px;letter-spacing:-.01em}.input-field{width:100%;border:1px solid var(--lottery-border);border-radius:var(--lottery-radius-sm);padding:12px 14px;font-size:15px;color:var(--lottery-text-main);outline:none;transition:all .2s;background:#fff}.input-field:focus{border-color:var(--lottery-primary);box-shadow:0 0 0 3px var(--lottery-primary-soft)}.candidate-status{background:#f9fafb;padding:14px 18px;border-radius:var(--lottery-radius-sm);font-size:14px;color:var(--lottery-text-sub);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--lottery-border)}.candidate-status b{color:var(--lottery-primary);font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.add-card-btn{width:100%;padding:18px;border-radius:var(--lottery-radius);border:1px dashed var(--lottery-border-hover);background:#fff;color:var(--lottery-text-sub);font-weight:600;font-size:15px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.add-card-btn:hover{border-color:var(--lottery-primary);color:var(--lottery-primary);background:var(--lottery-primary-light)}.main-draw-btn{width:100%;padding:20px;background:var(--lottery-gradient-primary);color:#fff;border:none;border-radius:var(--lottery-radius);font-size:17px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 15px #3182f64d;position:relative;overflow:hidden}.main-draw-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #3182f666}.main-draw-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 8px #3182f64d}.main-draw-btn:disabled{opacity:.6;cursor:not-allowed;background:var(--lottery-text-mute);box-shadow:none}.main-draw-btn:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:var(--lottery-gradient-shimmer);transform:skew(-20deg);animation:shimmer 3s infinite linear;pointer-events:none}.history-table-container{overflow:hidden;border-radius:var(--lottery-radius-sm);border:1px solid var(--lottery-border)}.action-btn-secondary{background:#fff;border:1px solid var(--lottery-border);border-radius:6px;padding:6px 10px;font-size:13px;font-weight:500;color:var(--lottery-text-sub);cursor:pointer;transition:all .2s}.action-btn-secondary:hover{background:#f9fafb;border-color:var(--lottery-border-hover);color:var(--lottery-text-main)}.action-btn-danger{background:#fff1f0;border:1px solid transparent;border-radius:6px;padding:6px 10px;font-size:13px;font-weight:500;color:#f85a40;cursor:pointer;transition:all .2s}.action-btn-danger:hover{background:#ffe4e2;color:#e63925}.history-table{width:100%;border-collapse:collapse}.history-table th{text-align:left;padding:16px 20px;font-size:13px;font-weight:600;color:var(--lottery-text-sub);background:#f9fafb;border-bottom:1px solid var(--lottery-border)}.history-table td{padding:16px 20px;font-size:14px;color:var(--lottery-text-main);border-bottom:1px solid var(--lottery-border);vertical-align:top}.history-table tr:last-child td{border-bottom:none}.winner-names-box{display:flex;flex-wrap:wrap;gap:8px}.winner-tag{background:#f2f4f6;border:1px solid transparent;padding:6px 12px;border-radius:8px;font-size:13px;color:var(--lottery-text-main);font-weight:500;cursor:pointer;transition:all .2s}.winner-tag:hover{background:var(--lottery-primary-light);color:var(--lottery-primary);transform:translateY(-1px)}.winner-tag b{color:var(--lottery-primary);font-weight:700}.empty-history{text-align:center;padding:40px;color:var(--lottery-text-mute);font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-150%) skew(-20deg)}to{transform:translate(150%) skew(-20deg)}}.win-message-content img{max-width:200px;max-height:150px;-o-object-fit:contain;object-fit:contain;border-radius:8px;margin:4px 0}.win-message-content p{margin:0 0 8px}.win-message-content p:last-child{margin-bottom:0}.action-btn-primary{background:var(--lottery-primary);border:1px solid var(--lottery-primary);border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.action-btn-primary:hover{background:var(--lottery-primary-dark);border-color:var(--lottery-primary-dark)}.action-btn-primary:disabled{opacity:.6;cursor:not-allowed}.action-btn-group{display:flex;border:1px solid var(--lottery-border);border-radius:6px;background:#fff;overflow:hidden}.action-btn-group button{border:none;background:transparent;padding:6px 12px;font-size:13px;font-weight:500;color:var(--lottery-text-sub);cursor:pointer;transition:all .2s}.action-btn-group button:hover{background:#f9fafb;color:var(--lottery-text-main)}.action-btn-group button:not(:last-child){border-right:1px solid var(--lottery-border)}.action-icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:var(--lottery-text-mute);transition:all .2s;background:transparent;border:1px solid transparent;cursor:pointer}.action-icon-btn:hover{background:#0000000d;color:var(--lottery-text-main)}.action-icon-btn.danger{color:#f85a40}.action-icon-btn.danger:hover{background:#fff1f0;border-color:#ffe4e2;color:#e63925}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--lottery-border)}.page-btn-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#8b95a1;border-radius:6px;transition:all .2s}.page-btn-arrow:hover:not(:disabled){background:#f2f4f6;color:#333d4b}.page-btn-arrow:disabled{opacity:.5;cursor:not-allowed;color:#e5e8eb}.page-nav-group{display:flex;align-items:center;gap:6px;white-space:nowrap}.page-nav-input{width:40px;padding:4px;border:none;border-bottom:2px solid #3182F6;background:transparent;font-size:15px;font-weight:600;color:#191f28;text-align:center;outline:none;transition:border-color .2s}.page-nav-input:focus{border-bottom-color:#1b64da}.page-info{font-size:15px;color:#4e5968;font-weight:500}.rp{background:#f7f8fa;min-height:100%;max-width:70%;margin:0 auto}.rp-stats-label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:#333d4b;flex:1}.rp-stats-help{font-size:12px;font-weight:400;color:#9aa4b2}.rp-stats-inputs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:#6b7684}.rp-stats-inputs input{width:72px}.rp-stats-inputs .number-input{width:88px;text-align:center}.rp-stats-inputs .number-input,.rp-stats-advanced .number-input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.rp-stats-inputs .number-input::-webkit-outer-spin-button,.rp-stats-inputs .number-input::-webkit-inner-spin-button,.rp-stats-advanced .number-input::-webkit-outer-spin-button,.rp-stats-advanced .number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rp-stats-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%}.rp-stats-row .custom-dropdown,.rp-stats-row .number-input,.rp-stats-row .rp-stats-inputs{margin-left:auto}.rp-stats-input-tight{width:72px;text-align:center}.rp-stats-weight-targets{background:#3b82f60d;border-radius:8px;padding:12px;margin:8px 0}.rp-weight-inputs{display:flex;gap:16px;margin-top:8px}.rp-weight-row{display:flex;align-items:center;gap:8px}.rp-weight-label{font-size:13px;color:#666;min-width:36px}.rp-weight-unit{font-size:13px;color:#888}.rp-weight-type-selector{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.rp-weight-type-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;font-size:13px;color:#666;transition:all .15s ease}.rp-weight-type-btn:hover{border-color:#3b82f6;color:#3b82f6}.rp-weight-type-btn.active{border-color:#3b82f6;background:#3b82f61a;color:#3b82f6;font-weight:500}.rp-weight-type-icon{font-size:16px}.rp-weight-groups{margin-top:8px}.rp-weight-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:8px}.rp-weight-item{display:flex;align-items:center;gap:6px;background:#f8f9fa;padding:6px 10px;border-radius:6px}.rp-weight-item .rp-weight-label{min-width:50px;font-size:12px}.rp-weight-item .number-input{width:50px;padding:4px 6px;font-size:12px}.rp-weight-invalid{color:#ef4444!important;font-weight:500}.rp-weight-add-section{display:flex;align-items:center;gap:12px;margin-bottom:12px}.rp-weight-add-label{font-size:13px;color:#666;white-space:nowrap}.rp-weight-add-btns{display:flex;gap:8px;flex-wrap:wrap}.rp-weight-add-btn{padding:6px 12px;border:1px dashed #d0d0d0;border-radius:6px;background:#fafafa;color:#666;font-size:13px;cursor:pointer;transition:all .15s ease}.rp-weight-add-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#3b82f60d}.rp-weight-category{background:#f8f9fa;border:1px solid #e8e8e8;border-radius:8px;padding:12px;margin-bottom:10px}.rp-weight-category-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.rp-weight-category-title{font-weight:600;font-size:13px;color:#333}.rp-weight-category-status{font-size:12px;color:#888;flex:1}.rp-weight-category-status.invalid{color:#ef4444}.rp-weight-category-remove{padding:4px 10px;border:none;border-radius:4px;background:transparent;color:#999;font-size:12px;cursor:pointer}.rp-weight-category-remove:hover{background:#fee2e2;color:#ef4444}.rp-weight-items{display:flex;flex-wrap:wrap;gap:8px}.rp-weight-item{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e0e0e0;padding:6px 10px;border-radius:6px}.rp-weight-item-label{font-size:13px;color:#333;min-width:40px}.rp-weight-input{width:50px;padding:4px 6px;font-size:12px;text-align:center}.rp-weight-item-remove{padding:2px 6px;border:none;background:transparent;color:#999;font-size:16px;cursor:pointer;line-height:1}.rp-weight-item-remove:hover{color:#ef4444}.rp-weight-dynamic{display:flex;flex-direction:column;gap:8px}.rp-weight-select{padding:0;border:none;background:transparent;color:#666;font-size:13px;cursor:pointer;max-width:160px}.rp-weight-region-selectors{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rp-weight-region-selectors .rp-weight-select{max-width:180px}.rp-stats-check{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.rp-stats-check input{margin-top:2px}.rp-stats-check .switch-wrapper{margin-left:auto}.rp-stats-enable{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#f8fafc;border:1px solid #E2E8F0;margin-top:12px;margin-bottom:16px}.rp-modal-stats h2{margin-bottom:8px}.rp-stats-enable-text{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#334155}.rp-stats-enable-text strong{font-size:14px;color:#0f172a}.rp-stats-disabled{margin-top:10px;padding:10px 12px;border-radius:10px;background:#f1f5f9;color:#64748b;font-size:12px;line-height:1.5}.rp-stats-advanced-toggle{width:100%;padding:10px 12px;border:1px dashed #CBD5E1;border-radius:10px;background:#f8fafc;color:#475569;font-size:13px;font-weight:600;cursor:pointer;margin-top:12px}.rp-stats-advanced{margin-top:12px;padding:12px;border-radius:12px;border:1px solid #E5E7EB;background:#f9fafb}.rp-loading,.rp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.rp-spinner{width:36px;height:36px;border:3px solid #E5E8EB;border-top-color:#3182f6;border-radius:50%;animation:spin .8s linear infinite}.rp-spinner-sm{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.rp-loading p,.rp-empty p{color:#6b7684;font-size:14px;margin:0}.rp-empty-icon{font-size:48px}.rp-empty-title{font-size:16px;font-weight:600;color:#333}.rp-toolbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #E5E8EB}.rp-toolbar-left,.rp-toolbar-right{display:flex;gap:8px;align-items:center}.rp-tool-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #E5E8EB;border-radius:8px;font-size:13px;font-weight:500;color:#4e5968;cursor:pointer;transition:all .15s}.rp-tool-btn:hover:not(:disabled){border-color:#3182f6;color:#3182f6}.rp-tool-btn:disabled{opacity:.5;cursor:not-allowed}.rp-tool-btn svg{width:16px;height:16px}.rp-edit-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#3182f6;border:none;border-radius:8px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s}.rp-edit-btn:hover{background:#1b64da}.rp-edit-btn svg{width:16px;height:16px}.rp-ai-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s}.rp-ai-btn:hover:not(:disabled){opacity:.9}.rp-ai-btn:disabled{opacity:.6;cursor:not-allowed}.rp-ai-btn svg{width:16px;height:16px}.rp-cancel-btn{padding:8px 14px;background:#f7f8fa;border:1px solid #E5E8EB;border-radius:8px;font-size:13px;font-weight:500;color:#6b7684;cursor:pointer}.rp-cancel-btn:hover:not(:disabled){background:#e5e8eb}.rp-save-btn{padding:8px 16px;background:#3182f6;border:none;border-radius:8px;font-size:13px;font-weight:600;color:#fff;cursor:pointer}.rp-save-btn:hover:not(:disabled){background:#1b64da}.rp-save-btn:disabled{opacity:.5;cursor:not-allowed}.rp-edit-bar{display:flex;gap:8px;align-items:center;padding:10px 16px;background:#eff6ff;border-bottom:1px solid #BFDBFE}.rp-toggle-btn{padding:6px 12px;background:#fff;border:1px solid #BFDBFE;border-radius:6px;font-size:12px;font-weight:500;color:#2563eb;cursor:pointer;transition:all .15s}.rp-toggle-btn:hover{background:#dbeafe}.rp-toggle-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.rp-unsaved{margin-left:auto;padding:4px 8px;background:#fef3c7;border-radius:4px;font-size:11px;font-weight:600;color:#92400e}.rp-edit-bar-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:#fff;border:1px solid #BFDBFE;border-radius:6px;font-size:12px;font-weight:500;color:#2563eb;cursor:pointer;transition:all .15s}.rp-edit-bar-btn:hover{background:#dbeafe}.rp-edit-bar-btn svg{width:14px;height:14px}.rp-ai-btn-sm{padding:6px 12px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;font-size:12px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s}.rp-ai-btn-sm:hover:not(:disabled){opacity:.9}.rp-ai-btn-sm:disabled{opacity:.6;cursor:not-allowed}.rp-modal-order{max-width:480px}.rp-order-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;margin-bottom:16px}.rp-order-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid #E5E8EB;border-radius:8px;transition:all .2s ease}.rp-order-item:hover{background:#f7f8fa;border-color:#d1d6db}.rp-order-item.dragging{opacity:.8;border-color:#3182f6;background:#e8f3ff;box-shadow:0 4px 12px #3182f626;transform:scale(1.02)}.rp-order-item.is-hidden{background:#f9fafb}.rp-order-drag{display:flex;align-items:center;justify-content:center;color:#b0b8c1;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grab;padding:4px;touch-action:none;-webkit-touch-callout:none}.rp-order-drag:active{cursor:grabbing}.rp-order-drag:hover{color:#6b7684}.rp-order-title{flex:1;font-size:13px;font-weight:500;color:#333d4b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-order-item.is-hidden .rp-order-title{text-decoration:line-through;color:#8b95a1}.rp-order-toggle{display:flex;align-items:center;justify-content:center;padding:6px;border:none;border-radius:6px;background:transparent;cursor:pointer;transition:all .15s}.rp-order-toggle.on{color:#3182f6}.rp-order-toggle.on:hover{background:#e8f3ff}.rp-order-toggle.off{color:#b0b8c1}.rp-order-toggle.off:hover{background:#f2f4f6}.rp-content{background:#fff;margin:16px;border-radius:16px;box-shadow:0 1px 3px #0000000f;overflow:hidden}.rp-header{padding:24px;border-bottom:1px solid #F2F4F6}.rp-date{font-size:12px;color:#8b95a1}.rp-title{font-size:20px;font-weight:700;color:#191f28;margin:8px 0;line-height:1.4}.rp-title-input{width:100%;background:transparent;border:none;border-bottom:1px solid #E5E8EB;padding:4px 0 6px;outline:none}.rp-title-input:focus{border-bottom-color:#3182f6}.rp-meta{font-size:14px;color:#4e5968;margin:0}.rp-meta strong{color:#3182f6;font-weight:700}.rp-meta-sub{color:#8b95a1}.rp-section{padding:20px 24px;border-bottom:1px solid #F2F4F6}.rp-sec-title{font-size:15px;font-weight:700;color:#191f28;margin:0 0 12px}.rp-sec-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.rp-sec-head .rp-sec-title{margin:0}.rp-sec-actions{display:flex;align-items:center;gap:8px}.rp-text{font-size:14px!important;color:#4e5968;line-height:1.6}.rp-text *{font-size:14px!important;line-height:1.6!important}.rp-text p{margin:0 0 8px}.rp-text p:last-child{margin:0}.rp-insights-sec{background:#f9fafb}.rp-sec-icon{margin-right:6px}.rp-insights{display:flex;flex-direction:column;gap:10px}.rp-insight-item{font-size:15px;line-height:1.7;color:#333d4b;margin:0}.rp-highlight{display:inline;color:#1d4ed8;font-weight:700;background:linear-gradient(to top,rgba(59,130,246,.15) 40%,transparent 40%);padding:0 2px;margin-right:2px}.rp-conclusion-sec{background:#f0fdf4}.rp-conclusion-sec .rp-text{color:#166534}.rp-methodology{background:#f9fafb;border-top:2px solid #E5E8EB}.rp-methodology-content{display:flex;flex-direction:column;gap:12px}.rp-methodology-item{font-size:13px;line-height:1.6;color:#4e5968}.rp-methodology-item strong{color:#191f28;font-weight:600;margin-right:8px}.rp-overview-sec{background:#f9fafb;border:1px solid #E5E8EB;border-radius:8px;margin:16px 24px;padding:20px}.rp-overview-content{display:flex;flex-direction:column;gap:8px}.rp-overview-row{font-size:13px;line-height:1.6;color:#4e5968}.rp-overview-row strong{color:#191f28;font-weight:600;margin-right:8px}.rp-overview-items{display:flex;flex-direction:column;gap:12px;margin-top:16px;max-height:400px;overflow-y:auto}.rp-overview-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px}.rp-overview-item.dragging{opacity:.5;background:#e5e8eb}.rp-overview-drag{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#8b95a1;cursor:grab;flex-shrink:0}.rp-overview-drag:active{cursor:grabbing}.rp-overview-item-label{flex:0 0 120px;font-weight:500;color:#191f28}.rp-overview-item-value{flex:1}.rp-auto-value{color:#6b7684;font-size:13px}.rp-input-sm{width:100%;padding:8px 12px;border:1px solid #E5E8EB;border-radius:6px;font-size:13px}.rp-input-sm:focus{outline:none;border-color:#3182f6}.rp-btn-icon-sm{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#8b95a1;cursor:pointer;border-radius:4px;font-size:14px}.rp-btn-icon-sm:hover{background:#ffe5e5;color:#ff3b30}.rp-overview-add{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #E5E8EB}.rp-overview-add>span{font-size:13px;color:#6b7684;margin-right:4px}.rp-btn-tag{padding:6px 12px;background:#f2f4f6;border:none;border-radius:16px;font-size:12px;color:#4e5968;cursor:pointer;transition:all .15s}.rp-btn-tag:hover{background:#e5e8eb}.rp-btn-tag-primary{background:#e8f3ff;color:#3182f6}.rp-btn-tag-primary:hover{background:#d0e8ff}.rp-questions{padding:0}.rp-question{padding:20px 24px;border-bottom:1px solid #F2F4F6}.rp-question:last-child{border-bottom:none}.rp-q-title{font-size:15px;font-weight:600;color:#191f28;margin:0 0 14px;line-height:1.5}.rp-chart{margin-top:8px}.rp-tooltip{background:#fff;padding:28px;max-width:520px;box-shadow:0 20px 60px #0000001f}.rp-tooltip strong{display:block;color:#191f28;margin-bottom:2px}.rp-tooltip span{color:#6b7684}.rp-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;padding-top:12px;border-top:1px solid #F2F4F6}.rp-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#4e5968}.rp-legend-dot{width:10px;height:10px;border-radius:3px}.rp-legend-val{color:#8b95a1}.rp-slider{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.rp-slider-block{display:flex;flex-direction:column;gap:10px}.rp-slider-val{font-size:28px;font-weight:700;color:#3182f6}.rp-slider-lbl{font-size:14px;color:#6b7684}.rp-slider-range{font-size:13px;color:#8b95a1}.rp-slider-visualization{display:flex;flex-direction:column;gap:6px}.rp-slider-track{position:relative;height:10px;background:#f2f4f6;border-radius:8px;overflow:hidden}.rp-slider-range-bar{position:absolute;top:0;height:100%;background:#bfdbfe;border-radius:8px}.rp-slider-avg-marker{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;background:#3182f6;transform:translate(-50%,-50%)}.rp-slider-labels{display:flex;justify-content:space-between;font-size:12px;color:#8b95a1}.rp-slider-stats-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rp-slider-stat-card{background:#f9fafb;border:1px solid #E5E8EB;border-radius:8px;padding:8px 10px}.rp-slider-stat-label{display:block;font-size:12px;color:#8b95a1}.rp-slider-stat-value{display:block;font-size:14px;font-weight:700;color:#191f28}.rp-rating{display:flex;align-items:center;gap:10px}.rp-stars{font-size:18px;color:#ffb800;letter-spacing:1px}.rp-score{font-size:22px;font-weight:700;color:#191f28}.rp-count{font-size:13px;color:#8b95a1}.rp-comment-area{margin-top:14px;padding-top:14px;border-top:1px dashed #E5E8EB}.rp-comment-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rp-comment-head span{font-size:13px;font-weight:600;color:#6b7684}.rp-comment-head button{padding:4px 10px;background:#fee2e2;border:none;border-radius:4px;font-size:12px;font-weight:500;color:#dc2626;cursor:pointer}.rp-comment-head button:hover{background:#fecaca}.rp-add-comment{width:100%;padding:10px;background:transparent;border:1px dashed #C4C9D0;border-radius:8px;font-size:13px;font-weight:500;color:#6b7684;cursor:pointer;transition:all .15s}.rp-add-comment:hover{background:#f7f8fa;border-color:#8b95a1;color:#4e5968}.rp-insight{margin-top:14px;padding:12px 14px;background:#f0f7ff;border-radius:8px;border-left:3px solid #3182F6}.rp-insight div{font-size:14px!important;color:#1e40af;line-height:1.6}.rp-insight div *{font-size:14px!important;line-height:1.6!important}.rp-insight p{margin:0}.rp-footer{padding:16px 24px;background:#f9fafb;text-align:center}.rp-footer p{font-size:12px;color:#8b95a1;margin:0}.rp-footer p+p{margin-top:4px}.rp-section .ql-container,.rp-comment-area .ql-container{border:1px solid #E5E8EB;border-radius:0 0 8px 8px;font-size:14px!important}.rp-section .ql-editor *,.rp-comment-area .ql-editor *{font-size:14px!important;line-height:1.6!important}.rp-section .ql-toolbar,.rp-comment-area .ql-toolbar{border:1px solid #E5E8EB;border-radius:8px 8px 0 0;background:#f9fafb}.rp-section .ql-editor,.rp-comment-area .ql-editor{min-height:80px}.rp-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .15s}.rp-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;max-height:85vh;overflow-y:auto;padding:24px;animation:slideUp .2s ease}.report-filter-panel{border:1px solid #E5E8EB;border-radius:12px;margin-bottom:0}.rp-modal-sm{max-width:360px}.rp-modal-ai{max-width:480px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.rp-modal h2{font-size:18px;font-weight:700;color:#191f28;margin:0}.rp-modal-head{margin-bottom:20px}.rp-modal-head p{font-size:13px;color:#6b7684;margin:6px 0 0}.rp-modal-msg{font-size:14px;color:#4e5968;line-height:1.6;margin:16px 0}.rp-modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #F2F4F6}.rp-modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #EEF1F5}.rp-btn-primary{padding:10px 20px;background:#3182f6;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer}.rp-btn-primary:hover{background:#1b64da}.rp-btn-primary:disabled{opacity:.5;cursor:not-allowed}.rp-btn-secondary{padding:10px 18px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;font-weight:600;color:#4b5563;cursor:pointer;transition:all .15s ease}.rp-btn-secondary:hover{background:#e5e7eb}.rp-btn-sm{padding:6px 12px;font-size:12px;border-radius:8px}.rp-crosstab-list{display:flex;flex-direction:column;gap:16px}.rp-crosstab-card{background:#fff;border:1px solid #E8EDF4;border-radius:14px;padding:16px;box-shadow:0 6px 16px #0f172a0f}.rp-crosstab-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.rp-crosstab-title{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:#374151}.rp-btn-full{width:100%}.rp-btn-cancel{padding:10px 16px;background:#f7f8fa;border:1px solid #E5E8EB;border-radius:8px;font-size:14px;font-weight:500;color:#6b7684;cursor:pointer}.rp-btn-cancel:hover{background:#e5e8eb}.rp-btn-cancel:disabled{opacity:.5}.rp-btn-danger{padding:10px 16px;background:#dc2626;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer}.rp-btn-danger:hover{background:#b91c1c}.rp-btn-close{width:100%;padding:12px;background:#f7f8fa;border:1px solid #E5E8EB;border-radius:8px;font-size:14px;font-weight:500;color:#6b7684;cursor:pointer;margin-top:16px}.rp-btn-close:hover{background:#e5e8eb}.rp-btn-ai{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer}.rp-btn-ai:hover:not(:disabled){opacity:.9}.rp-btn-ai:disabled{opacity:.6;cursor:not-allowed}.rp-ai-targets{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto;margin-bottom:20px;padding:4px}.rp-ai-target{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f9fafb;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .15s}.rp-ai-target:hover{background:#f2f4f6}.rp-ai-target.checked{background:#eff6ff;border-color:#3b82f6}.rp-ai-target input{width:18px;height:18px;accent-color:#3B82F6;flex-shrink:0}.rp-ai-target-icon{font-size:16px;flex-shrink:0}.rp-ai-target-name{flex:1;font-size:13px;font-weight:500;color:#333d4b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-ai-modes{margin-bottom:16px}.rp-ai-modes label{display:block;font-size:13px;font-weight:600;color:#333d4b;margin-bottom:10px}.rp-mode-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rp-mode-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:#f9fafb;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .15s}.rp-mode-btn:hover{background:#f2f4f6}.rp-mode-btn.active{background:#eff6ff;border-color:#3b82f6}.rp-mode-btn span:first-child{font-size:20px}.rp-mode-btn span:last-child{font-size:11px;font-weight:600;color:#4e5968}.rp-mode-btn.active span:last-child{color:#2563eb}.rp-ai-prompt label{display:block;font-size:13px;font-weight:600;color:#333d4b;margin-bottom:8px}.rp-ai-prompt textarea{width:100%;min-height:70px;padding:12px;border:1px solid #E5E8EB;border-radius:10px;font-size:13px;resize:none;box-sizing:border-box}.rp-ai-prompt textarea:focus{outline:none;border-color:#3b82f6}.rp-ai-prompt textarea::-moz-placeholder{color:#aeb5bc}.rp-ai-prompt textarea::placeholder{color:#aeb5bc}.rp-export-list{display:flex;flex-direction:column;gap:10px}.rp-export-list button{display:flex;align-items:center;gap:14px;padding:16px;background:#f9fafb;border:1px solid #E5E8EB;border-radius:12px;cursor:pointer;transition:all .15s;text-align:left}.rp-export-list button:hover{background:#f2f4f6;border-color:#3182f6}.rp-export-list button svg{width:24px;height:24px;color:#3182f6;flex-shrink:0}.rp-export-list button span{font-size:14px;font-weight:600;color:#191f28}.rp-share-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.rp-share-link{margin-top:4px;margin-bottom:14px;display:flex;flex-direction:column;gap:8px}.rp-share-link-label{font-size:12px;font-weight:600;color:#4e5968}.rp-share-link-box{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #E5E8EB;border-radius:10px;background:#f7f8fa}.rp-share-link-box span{flex:1;font-size:12px;color:#6b7684;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-share-link-box button{border:1px solid #E5E8EB;background:#fff;color:#4e5968;padding:6px 10px;border-radius:8px;font-size:12px;cursor:pointer}.rp-share-link-box button:hover{background:#f2f4f6}.rp-share-link-hint{margin:0;font-size:12px;color:#9ca3af}.rp-share-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#f9fafb;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .15s;text-align:left}.rp-share-item:hover{background:#f2f4f6}.rp-share-item.active{background:#e8f3ff;border-color:#3182f6}.rp-share-icon{font-size:22px}.rp-share-info{flex:1;display:flex;flex-direction:column;gap:2px}.rp-share-info strong{font-size:14px;font-weight:600;color:#191f28}.rp-share-info span{font-size:12px;color:#6b7684}.rp-share-check{font-size:18px;color:#3182f6;font-weight:700}.rp-export-overlay{position:fixed;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:1100}.rp-export-overlay p{font-size:14px;color:#4e5968}.rp-limit-icon{font-size:48px;text-align:center;margin-bottom:12px}@media(max-width:1024px){.rp{max-width:100%}}@media(max-width:480px){.rp-toolbar{flex-direction:column;gap:10px;padding:10px 12px}.rp-toolbar-left,.rp-toolbar-right{width:100%;justify-content:center}.rp-tool-btn span,.rp-edit-btn span{display:none}.rp-tool-btn,.rp-edit-btn{padding:8px 10px}.rp-content{margin:12px}.rp-header,.rp-section,.rp-question{padding:16px}.rp-title{font-size:18px}.rp-edit-bar{padding:8px 12px}.rp-mode-list{grid-template-columns:repeat(2,1fr)}.rp-modal{padding:20px}}.rp-q-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.rp-q-title-wrap{display:flex;flex-direction:column;gap:4px;min-width:0}.rp-q-filter-summary{font-size:12px;color:#9aa4b2;line-height:1.4}.rp-q-actions{display:flex;gap:6px;position:relative}.rp-q-settings{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #E5E8EB;border-radius:8px;background:#fff;cursor:pointer;color:#8b95a1;transition:all .15s ease}.rp-q-settings.active{border-color:#3182f6;color:#3182f6;background:#eff6ff}.rp-q-settings-pop{position:absolute;top:calc(100% + 8px);right:0;width:260px;padding:14px;border:1px solid #E5E8EB;border-radius:12px;background:#fff;box-shadow:0 10px 24px #00000014;display:flex;flex-direction:column;gap:10px;z-index:30}.rp-q-settings-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:#191f28;padding-bottom:8px;border-bottom:1px solid #F2F4F6}.rp-q-settings-close{border:none;background:transparent;color:#8b95a1;font-size:12px;cursor:pointer}.rp-q-settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#4e5968}.rp-q-settings-row select,.rp-q-settings-row input[type=number]{padding:6px 8px;border:1px solid #E5E8EB;border-radius:6px;background:#fff;font-size:12px}.rp-q-settings-input{padding:6px 8px;border:1px solid #E5E8EB;border-radius:6px;background:#fff;font-size:12px;width:80px}.rp-q-settings-dd{min-width:140px}.rp-q-settings-btn{padding:6px 8px;border:1px solid #E5E8EB;border-radius:6px;background:#fff;font-size:12px;cursor:pointer}.rp-table{margin-top:10px;border:1px solid #E5E8EB;border-radius:8px;overflow:hidden}.rp-table-row{display:grid;grid-template-columns:1fr 80px 80px;gap:8px;padding:8px 12px;border-bottom:1px solid #F2F4F6;font-size:12px;color:#4e5968}.rp-table-row:last-child{border-bottom:none}.rp-table-name{font-weight:500;color:#191f28}.rp-table-val,.rp-table-pct{text-align:right}.rp-order-actions{display:flex;gap:6px;opacity:0;pointer-events:none;transition:opacity .15s ease}.rp-order-item:hover .rp-order-actions{opacity:1;pointer-events:auto}.rp-order-action{padding:6px;border:1px solid #E5E8EB;border-radius:8px;background:#fff;cursor:pointer;color:#6b7684;display:inline-flex;align-items:center;justify-content:center}.rp-order-action.danger{border-color:#f5c2c7;color:#e11d48}.rp-order-add{display:flex;gap:8px;margin-top:12px;align-items:center}.rp-order-select{flex:1}.rp-order-add button{padding:8px 12px;border:1px solid #3182F6;background:#3182f6;color:#fff;border-radius:8px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.rp-modal-stats{max-width:520px;max-height:85vh;overflow-y:auto}.rp-stats-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.rp-stats-preset{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border:2px solid #E5E8EB;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease}.rp-stats-preset:hover{border-color:#3182f6;background:#f8fafc}.rp-stats-preset.active{border-color:#3182f6;background:#eef4ff}.rp-stats-preset-icon{font-size:24px}.rp-stats-preset-label{font-weight:600;font-size:14px;color:#191f28}.rp-stats-preset-desc{font-size:11px;color:#8b95a1;text-align:center}.rp-stats-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:12px;background:#f7f8fa;border-radius:8px}.rp-stats-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#fff;border:1px solid #E5E8EB;border-radius:16px;font-size:11px;color:#4e5968}.rp-stats-section{margin-bottom:20px;padding:16px;background:#fff;border:1px solid #E5E8EB;border-radius:12px}.rp-stats-section h3{margin:0 0 12px;font-size:13px;font-weight:600;color:#191f28}.rp-stats-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.rp-stats-row:last-child{margin-bottom:0}.rp-stats-row-indent{margin-left:24px;padding-left:16px;border-left:2px solid #E5E8EB}.rp-stats-row label{display:flex;align-items:center;gap:8px;font-size:13px;color:#4e5968;cursor:pointer}.rp-stats-row select{padding:8px 12px;border:1px solid #E5E8EB;border-radius:8px;font-size:13px;background:#fff;min-width:160px}.rp-stats-row input[type=checkbox]{width:18px;height:18px;accent-color:#3182F6}.rp-stats-hint{font-size:11px;color:#8b95a1;line-height:1.5;margin-bottom:16px;text-align:center}.rp-tooltip-ci{display:block;font-size:11px;color:#6b7684;margin-top:2px}.rp-stability-low{color:#ef4444!important;font-weight:600}.rp-stability-medium{color:#f59e0b!important;font-weight:500}.rp-cell-masked{opacity:.4;font-style:italic}.rp-cell-warning{position:relative}.rp-cell-warning:after{content:"⚠";position:absolute;right:-14px;top:50%;transform:translateY(-50%);font-size:10px}.rp-cell-warning.low:after{color:#ef4444}.rp-cell-warning.medium:after{color:#f59e0b}.rp-mean-ci{display:inline-flex;align-items:center;gap:6px;margin-left:8px;font-size:12px;color:#6b7684}.rp-mean-ci-range{padding:2px 6px;background:#f2f4f6;border-radius:4px;font-family:SF Mono,monospace}.rp-table-ci{font-size:10px;color:#8b95a1;display:block;margin-top:2px}.survey-management{min-height:100vh;background:#f9fafb}.management-header{background:#fff;border-bottom:1px solid #E5E8EB;padding:16px 24px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:100}.back-btn{padding:8px 16px;background:transparent;border:none;font-size:14px;color:#4e5968;cursor:pointer}.back-btn:hover{color:#3182f6}.header-center{flex:1;display:flex;align-items:center;gap:12px}.header-center h1{font-size:18px;font-weight:600;color:#191f28;margin:0}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active{background:#e7f5ff;color:#3182f6}.status-badge.closed{background:#f3f4f6;color:#8b95a1}.header-actions{display:flex;gap:8px}.header-actions button{padding:8px 16px;background:#f3f4f6;border:none;border-radius:8px;font-size:14px;color:#4e5968;cursor:pointer;transition:all .2s}.header-actions button:hover{background:#e5e8eb}.header-actions button.danger{color:#dc2626}.header-actions button.danger:hover{background:#fee2e2}.management-tabs{background:#fff;display:flex;border-bottom:1px solid #E5E8EB;padding:0 24px}.management-tabs button{padding:16px 20px;background:transparent;border:none;font-size:15px;font-weight:500;color:#8b95a1;cursor:pointer;position:relative}.management-tabs button.active{color:#3182f6;font-weight:600}.management-tabs button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#3182f6}.management-content{max-width:900px;margin:0 auto;padding:32px 24px}.management-loading,.management-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:#8b95a1}.spinner{width:32px;height:32px;border:3px solid #E5E8EB;border-top-color:#3182f6;border-radius:50%;animation:spin 1s linear infinite}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:16px;padding:24px;text-align:center;box-shadow:0 1px 3px #0000000d}.stat-value{display:block;font-size:32px;font-weight:700;color:#3182f6;margin-bottom:4px}.stat-label{font-size:14px;color:#8b95a1}.survey-info-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d}.survey-info-card h3{font-size:16px;font-weight:600;color:#191f28;margin:0 0 16px}.info-row{display:flex;padding:12px 0;border-bottom:1px solid #F3F4F6}.info-label{width:80px;font-size:14px;color:#8b95a1}.info-value{flex:1;font-size:14px;color:#191f28}.empty-state{text-align:center;padding:80px 20px;color:#8b95a1}.empty-icon{font-size:56px;display:block;margin-bottom:20px;opacity:.7}.empty-state p{font-size:15px;margin:0}.view-mode-toggle{display:flex;justify-content:center;gap:0;margin-bottom:24px;background:#f1f3f5;border-radius:10px;padding:4px}.view-mode-toggle button{flex:1;padding:10px 24px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#8b95a1;cursor:pointer;transition:all .2s ease}.view-mode-toggle button.active{background:#fff;color:#191f28;box-shadow:0 1px 3px #0000001a}.questions-filter-panel{display:flex;gap:20px;align-items:center;padding:16px 20px;background:#fff;border-radius:12px;margin-bottom:16px;flex-wrap:wrap;box-shadow:0 1px 3px #0000000d}.questions-filter-panel .filter-group{display:flex;align-items:center;gap:8px}.questions-filter-panel .filter-group label{font-size:14px;font-weight:500;color:#4e5968}.questions-filter-panel .date-time-filter{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center}.questions-filter-panel .date-time-range{display:flex;align-items:center;gap:6px}.questions-filter-panel .date-time-range input{padding:6px 10px;border:1px solid #E5E8EB;border-radius:8px;font-size:13px;color:#191f28;background:#fff;min-width:100px}.questions-filter-panel .date-time-range input:focus{outline:none;border-color:#3182f6}.questions-filter-panel .date-time-range span{color:#8b95a1;font-size:13px}.questions-filter-panel .filter-info{margin-left:auto;font-size:14px;color:#6b7684}.question-view{display:flex;flex-direction:column;gap:16px}.question-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 4px #0000000f}.question-card-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.question-card-header .question-number{font-size:14px;font-weight:600;color:#3182f6}.question-card-header .question-title{flex:1;font-size:15px;font-weight:500;color:#191f28;margin:0}.question-card-header .response-count{font-size:13px;color:#8b95a1}.option-stats{display:flex;flex-direction:column;gap:12px}.option-bar{display:flex;flex-direction:column;gap:6px}.option-info{display:flex;justify-content:space-between;font-size:14px;color:#4e5968}.rating-stats{padding:20px;background:#f8f9fa;border-radius:12px;text-align:center}.rating-display{display:flex;flex-direction:column;align-items:center;gap:8px}.rating-avg{font-size:36px;font-weight:700;color:#191f28}.rating-stars{font-size:24px;position:relative;display:inline-block;line-height:1;font-family:sans-serif}.rating-stars .empty-stars{color:#e5e8eb}.rating-stars .filled-stars{position:absolute;top:0;left:0;white-space:nowrap;overflow:hidden;color:#fbbf24}.rating-label{font-size:13px;color:#8b95a1}.load-more-btn{width:100%;padding:12px;margin-top:8px;background:transparent;border:1px solid #E5E8EB;border-radius:8px;font-size:14px;font-weight:500;color:#3182f6;cursor:pointer;transition:all .15s ease}.load-more-btn:hover{background:#f8f9fa}.response-nav{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:24px}.response-nav button{background:transparent;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.response-nav button:hover:not(:disabled){background:transparent}.response-nav button:disabled{opacity:1;cursor:not-allowed}.response-nav span{font-size:15px;font-weight:500;color:#191f28}.nav-arrow{padding:8px;background:transparent;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.nav-arrow:hover:not(:disabled){color:#374151}.nav-arrow:disabled{color:#d1d5db;cursor:not-allowed}.nav-input-group{display:flex;align-items:center;gap:8px}.nav-input-group input[type=number]{width:60px;padding:6px 8px;border:none;border-bottom:2px solid #3182F6;background:transparent;font-size:16px;font-weight:500;color:#191f28;text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.nav-input-group input[type=number]::-webkit-outer-spin-button,.nav-input-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.nav-input-group input[type=number]:focus{outline:none;border-bottom-color:#1b64da}.nav-separator{font-size:16px;color:#8b95a1}.nav-total{font-size:16px;font-weight:500;color:#191f28}.nav-loading{font-size:12px;color:#8b95a1;margin-left:4px}.response-detail{background:#fff;border-radius:16px;box-shadow:0 1px 4px #0000000f;overflow:hidden}.response-meta{padding:16px 24px;background:#f8f9fa;font-size:13px;color:#8b95a1;border-bottom:1px solid #F1F3F5}.response-item{padding:20px 24px;border-bottom:1px solid #F1F3F5}.response-item:last-child{border-bottom:none}.question-header{display:flex;align-items:center;margin-bottom:12px}.question-number{font-size:14px;font-weight:600;color:#3182f6;margin-right:8px;flex-shrink:0}.question-title{font-size:15px;font-weight:500;color:#191f28;margin:0;line-height:1.4}.answer-value{padding:14px 16px;background:#f8f9fa;border-radius:8px;font-size:15px;color:#4e5968;line-height:1.6}.no-answer{color:#adb5bd;font-style:italic}.analytics-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:16px;box-shadow:0 1px 3px #0000000d}.analytics-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.q-number{padding:4px 10px;background:#eff6ff;border-radius:6px;font-size:13px;font-weight:600;color:#3182f6}.analytics-header h4{flex:1;font-size:15px;font-weight:500;color:#191f28;margin:0}.response-count{font-size:13px;color:#8b95a1}.chart-container{display:flex;flex-direction:column;gap:12px}.chart-bar{display:flex;flex-direction:column;gap:4px}.bar-label{display:flex;justify-content:space-between;font-size:13px;color:#4e5968}.bar-track{height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:#3182f6;border-radius:4px;transition:width .3s ease}.text-responses{display:flex;flex-direction:column;gap:8px}.text-response-item{padding:12px 16px;background:#f9fafb;border-radius:8px;font-size:14px;color:#4e5968;font-style:italic}.more-text{font-size:13px;color:#8b95a1;text-align:center;margin-top:8px}.other-responses{margin-top:20px;padding:12px 16px;background:#f8f9fa;border-radius:8px}.other-responses h5{font-size:13px;font-weight:600;color:#4e5968;margin:0 0 8px}@media(max-width:768px){.management-header{flex-wrap:wrap}.header-actions{width:100%;justify-content:flex-end}.stats-grid{grid-template-columns:1fr}}.left-sidebar,.right-sidebar{position:fixed;top:120px;z-index:1000;display:flex;align-items:flex-start;transition:transform .25s ease}.sidebar-toggle{width:20px;height:40px;background:#fff;border:1px solid #e5e8eb;color:#8b95a1;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:50;top:50%;transform:translateY(-50%);position:absolute}.sidebar-toggle:hover{background:#f8f9fa;color:#4e5968;border-color:#d1d6db;width:24px;box-shadow:0 2px 4px #0000001a}.sidebar-content{width:240px;max-height:calc(100vh - 160px);overflow-y:auto;background:#fff;padding:16px;box-shadow:0 0 20px #0000001a}.sidebar-content h4{font-size:14px;font-weight:600;color:#191f28;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #f1f3f5}.left-sidebar{left:0}.left-sidebar.collapsed{transform:translate(-240px)}.left-sidebar.open{transform:translate(0)}.left-sidebar .sidebar-toggle{right:-20px;border-radius:0 8px 8px 0;border-left:none}.left-sidebar .sidebar-content{border-radius:0 12px 12px 0}.right-sidebar{right:0}.right-sidebar.collapsed{transform:translate(240px)}.right-sidebar.open{transform:translate(0)}.right-sidebar .sidebar-toggle{left:-20px;border-radius:8px 0 0 8px;border-right:none}.right-sidebar .sidebar-content{border-radius:12px 0 0 12px}.settings-field{margin-bottom:12px;font-size:13px;color:#4e5968}.settings-field span{display:block;margin-bottom:4px;font-weight:500}.settings-field label{display:flex;align-items:center;gap:8px;cursor:pointer}.settings-field select{width:100%;padding:6px 10px;border:1px solid #e5e8eb;border-radius:6px;font-size:13px;color:#333d4b;background-color:#fff}.test-field{display:flex;align-items:center;gap:8px;margin-bottom:10px}.test-field span{min-width:40px;font-size:12px;color:#6b7684;flex-shrink:0}.test-field select,.test-field input{flex:1;padding:6px 8px;border:1px solid #e5e8eb;border-radius:6px;font-size:12px;background:#f9fafb;min-width:0}.test-field select:focus,.test-field input:focus{outline:none;border-color:#3182f6;background:#fff}.test-questions{border-top:1px solid #f1f3f5;margin-top:12px;padding-top:12px}.test-generate{width:100%;padding:10px;margin-top:12px;background:#3182f6;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.test-generate:hover{background:#1b64da}.test-clear{width:100%;padding:8px;margin-top:8px;background:transparent;border:1px solid #e5e8eb;border-radius:8px;color:#8b95a1;font-size:12px;cursor:pointer}.test-clear:hover{background:#f9fafb;color:#6b7684}.loading-overlay{position:absolute;inset:0;background:#ffffffd9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:50;border-radius:12px}.loading-overlay span{font-size:14px;color:#6b7684;font-weight:500}.loading-spinner{width:36px;height:36px;border:3px solid #E5E8EB;border-top-color:#3182f6;border-radius:50%;animation:spin .8s linear infinite}.management-content{position:relative}.member-manage-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.member-manage-modal{background:#fff;padding:24px;border-radius:16px;width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000001a}.member-manage-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.member-manage-modal .modal-header h3{margin:0;font-size:20px;font-weight:700;color:#191f28}.member-manage-close-btn{background:transparent;border:none;font-size:24px;cursor:pointer;color:#8b95a1;width:auto;height:auto;flex:0 0 auto;padding:0;line-height:1}.invite-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #F2F4F6}.invite-section h4,.member-list-section h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#4e5968}.invite-input-row{display:flex;gap:8px}.invite-input-row input{flex:1;padding:10px 14px;border:1px solid #E5E8EB;border-radius:8px;font-size:15px}.member-list{overflow-y:auto;max-height:400px;display:flex;flex-direction:column;gap:12px}.member-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:8px}.member-info{display:flex;flex-direction:column}.member-name{font-weight:600;color:#191f28;font-size:15px}.member-phone{font-size:13px;color:#8b95a1}.member-actions{display:flex;align-items:center;gap:8px}.role-select{padding:6px;border:1px solid #E5E8EB;border-radius:6px;font-size:13px;color:#4e5968;background:#fff}.member-remove-btn{padding:6px 10px;background:#ffeded;color:#dc2626;border:none;border-radius:6px;font-size:13px;cursor:pointer}.role-badge{padding:4px 8px;background:#e5f6ff;color:#3182f6;border-radius:6px;font-size:12px;font-weight:600}.workspace-page{min-height:100vh;background:#f9fafb}.workspace-main{max-width:1000px;margin:0 auto;padding:32px 24px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 24px;background:#fff;border-bottom:1px solid #E5E8EB}.header-left{display:flex;align-items:center;gap:8px}.back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:#4e5968;transition:all .2s ease}.back-btn:hover{background:#f2f4f6;color:#191f28}.logo{font-size:18px;font-weight:700;color:#3182f6;margin:0;cursor:pointer}.header-right{display:flex;align-items:center;gap:16px}.user-name{font-size:14px;color:#4e5968;font-weight:500}.logout-btn{background:none;border:none;color:#8b95a1;font-size:13px;cursor:pointer;padding:4px 8px}.logout-btn:hover{color:#4e5968}.group-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.group-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;justify-content:space-between;height:160px;transition:transform .2s,box-shadow .2s}.group-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.group-info h3{font-size:18px;font-weight:700;color:#191f28;margin:0 0 8px}.group-info p{font-size:14px;color:#8b95a1;margin:0}.group-actions{display:flex;gap:8px;margin-top:16px}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.action-bar h2{font-size:24px;font-weight:700;color:#191f28;margin:0}.action-btn{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid #E5E8EB;background:#fff;color:#4e5968;transition:all .2s}.action-btn:hover{background:#f9fafb;border-color:#d1d6db;color:#333d4b}.action-btn.danger{color:#e5493a;border-color:#ffd4d1;background:#fffbfa}.action-btn.danger:hover{background:#fff0ee;border-color:#ffb6b0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:24px;border-radius:16px;width:400px;box-shadow:0 4px 20px #0000001a}.modal-content h3{margin:0 0 16px;font-size:20px;font-weight:700}.group-input{width:100%;padding:12px;border:1px solid #E5E8EB;border-radius:8px;font-size:15px;margin-bottom:24px;box-sizing:border-box}.group-input:focus{outline:none;border-color:#3182f6}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.ai-container-v2{max-width:680px;margin:0 auto;padding:0 20px 80px;font-family:var(--font-family);color:#191f28;min-height:100vh;display:flex;flex-direction:column}.ai-header-v2{position:sticky;top:0;height:60px;display:flex;align-items:center;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;margin-bottom:20px}.ai-back-btn-v2{background:none;border:none;padding:8px;margin-left:-8px;cursor:pointer;color:#333;border-radius:50%;transition:background .2s;display:flex;align-items:center;justify-content:center}.ai-back-btn-v2:hover{background:#f2f4f6}.ai-progress-v2{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#f2f4f6}.ai-progress-bar-v2{height:100%;background:#3182f6;transition:width .3s ease}.ai-hero-title{font-size:32px;font-weight:800;line-height:1.3;margin-bottom:12px;color:#191f28;letter-spacing:-.5px;margin-top:20px;animation:fadeInUp .5s ease-out}.ai-hero-subtitle{font-size:17px;color:#6b7684;margin-bottom:40px;font-weight:500;animation:fadeInUp .5s ease-out .1s backwards}.ai-input-wrapper{margin-bottom:40px;animation:fadeInUp .5s ease-out .2s backwards}.ai-mode-tabs{display:flex;gap:24px;margin-bottom:20px;border-bottom:1px solid #f2f4f6}.ai-mode-tab{background:none;border:none;padding:12px 0;font-size:16px;font-weight:600;color:#b0b8c1;cursor:pointer;position:relative;transition:color .2s}.ai-mode-tab.active{color:#3182f6}.ai-mode-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#3182f6}.ai-file-upload-bar{display:flex;justify-content:flex-end;margin-bottom:8px}.ai-file-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #e5e8eb;border-radius:20px;font-size:13px;font-weight:600;color:#4e5968;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #00000008}.ai-file-btn:hover{background:#f9fafb;border-color:#d1d6db;transform:translateY(-1px)}.ai-file-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ai-file-icon{font-size:14px}.ai-input-area{position:relative;width:100%}.ai-hero-input{width:100%;border:none;font-size:24px;font-weight:600;color:#333d4b;outline:none;resize:none;min-height:120px;line-height:1.5;background:transparent;padding:0}.ai-hero-input::-moz-placeholder{color:#d1d6db}.ai-hero-input::placeholder{color:#d1d6db}.ai-hero-input.text-sm{font-size:18px;min-height:200px;font-weight:500}.ai-char-count{text-align:right;font-size:13px;color:#b0b8c1;margin-top:8px}.ai-bottom-action{display:flex;justify-content:flex-end;margin-top:20px}.ai-next-btn-v2{display:flex;align-items:center;gap:8px;padding:14px 28px;background:#f2f4f6;color:#b0b8c1;border:none;border-radius:30px;font-size:16px;font-weight:700;cursor:not-allowed;transition:all .3s cubic-bezier(.25,.8,.25,1)}.ai-next-btn-v2.active{background:#3182f6;color:#fff;box-shadow:0 4px 12px #3182f64d;cursor:pointer;transform:translateY(0)}.ai-next-btn-v2.active:active{transform:translateY(2px)}.ai-step-title{font-size:24px;font-weight:700;margin-bottom:32px;color:#191f28;margin-top:20px}.ai-form-group{margin-bottom:48px}.ai-label{display:block;font-size:16px;font-weight:700;color:#333d4b;margin-bottom:12px}.ai-optional{font-weight:400;color:#8b95a1;font-size:14px;margin-left:4px}.ai-input-v2{width:100%;padding:16px 0;border:none;border-bottom:2px solid #e5e8eb;font-size:18px;color:#191f28;outline:none;transition:border-color .2s;background:transparent;border-radius:0}.ai-input-v2:focus{border-color:#3182f6}.ai-input-v2::-moz-placeholder{color:#d1d6db}.ai-input-v2::placeholder{color:#d1d6db}.ai-chip-group{display:flex;gap:12px;flex-wrap:wrap}.ai-chip{padding:12px 20px;border:1px solid #e5e8eb;background:#fff;border-radius:24px;color:#4e5968;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.ai-chip:hover{background:#f9fafb;border-color:#d1d6db}.ai-chip.selected{background:#e8f3ff;border-color:#3182f6;color:#1b64da;box-shadow:0 0 0 1px #3182f6 inset}.ai-bottom-actions-row{display:flex;justify-content:flex-end;gap:16px;align-items:center;margin-top:40px}.ai-text-btn{background:none;border:none;font-size:15px;color:#8b95a1;font-weight:600;cursor:pointer;padding:10px 16px;border-radius:8px}.ai-text-btn:hover{background:#f2f4f6;color:#333}.ai-primary-btn-v2{padding:14px 28px;background:#3182f6;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s;box-shadow:0 4px 12px #3182f633}.ai-primary-btn-v2:hover{background:#1b64da}.ai-loading-v2{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center}.ai-spinner-v2{width:60px;height:60px;border:4px solid #f2f4f6;border-top:4px solid #3182f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:32px}.ai-loading-title{font-size:24px;font-weight:700;color:#191f28;margin-bottom:8px}.ai-loading-desc{font-size:16px;color:#8b95a1}.ai-preview-layout{padding-bottom:100px}.ai-preview-header{text-align:center;margin-bottom:40px;margin-top:20px}.ai-preview-title{font-size:24px;font-weight:800;margin-bottom:8px;word-break:keep-all}.ai-preview-badge{display:inline-block;padding:6px 12px;background:#f2f4f6;border-radius:20px;font-size:13px;font-weight:600;color:#4e5968}.ai-preview-list{display:flex;flex-direction:column;gap:16px}.ai-preview-item{background:#fff;border:1px solid #e5e8eb;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000008}.ai-q-meta{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ai-q-num{font-size:14px;font-weight:800;color:#3182f6}.ai-q-type{font-size:12px;color:#8b95a1;background:#f9fafb;padding:4px 8px;border-radius:6px}.ai-q-required{font-size:12px;color:#f04452;font-weight:600}.ai-q-content{font-size:17px;font-weight:700;color:#333d4b;line-height:1.5;margin-bottom:16px}.ai-q-options{display:flex;flex-wrap:wrap;gap:8px}.ai-q-opt{padding:8px 14px;background:#f9fafb;border:1px solid #f2f4f6;border-radius:8px;font-size:14px;color:#4e5968}.ai-bottom-actions-fixed{position:fixed;bottom:0;left:0;right:0;padding:20px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #f2f4f6;display:flex;justify-content:center;gap:12px;z-index:100}.ai-secondary-btn-v2{padding:14px 24px;background:#f2f4f6;color:#333d4b;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer}.ai-step-desc{font-size:16px;color:#6b7684;margin-bottom:40px}.ai-option-cards{display:flex;flex-direction:column;gap:16px}.ai-option-card{display:flex;align-items:center;gap:20px;padding:24px;border:2px solid #f2f4f6;border-radius:16px;background:#fff;cursor:pointer;transition:all .2s}.ai-option-card:hover{border-color:#d1d6db;background:#f9fafb}.ai-option-card.selected{border-color:#3182f6;background:#f0f6ff}.ai-opt-icon{font-size:28px;width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000d}.ai-opt-text{flex:1;display:flex;flex-direction:column;gap:4px}.ai-opt-text strong{font-size:17px;color:#191f28}.ai-opt-text span{font-size:14px;color:#8b95a1}.ai-radio-indicator{width:24px;height:24px;border:2px solid #d1d6db;border-radius:50%;position:relative;transition:all .2s}.ai-option-card.selected .ai-radio-indicator{border-color:#3182f6;background:#3182f6}.ai-option-card.selected .ai-radio-indicator:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#fff;border-radius:50%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s cubic-bezier(.2,.8,.2,1)}.fade-in{animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ai-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.ai-modal-card{background:#fff;padding:32px;border-radius:24px;width:90%;max-width:320px;text-align:center;box-shadow:0 10px 40px #0000001a;animation:fadeInUp .3s ease-out}.ai-modal-card h3{margin:16px 0 8px;font-size:20px}.ai-modal-card p{color:#6b7684;line-height:1.5;margin-bottom:24px}.ai-modal-card button{width:100%;padding:14px;background:#3182f6;color:#fff;border:none;border-radius:16px;font-weight:700;cursor:pointer}.notices-page{min-height:100vh;background-color:#f8f9fa}.notices-header{display:flex;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e8eb;position:sticky;top:0;z-index:10}.notices-header .back-btn{background:none;border:none;padding:8px;margin-right:8px;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center}.notices-header .back-btn:hover{background-color:#f2f4f6}.notices-header h1{font-size:18px;font-weight:700;color:#191f28;margin:0}.notices-content{max-width:800px;margin:0 auto;padding:24px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0}.loading-state .spinner{width:40px;height:40px;border:3px solid #e5e8eb;border-top-color:#3182f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{margin-top:16px;color:#8b95a1}.empty-state{text-align:center;padding:80px 0;color:#8b95a1}.notices-list{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.notice-item{border-bottom:1px solid #f2f4f6}.notice-item:last-child{border-bottom:none}.notice-header{width:100%;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;text-align:left}.notice-header:hover{background-color:#f8f9fa}.notice-info{flex:1;min-width:0;margin-right:16px}.notice-title{font-size:15px;font-weight:600;color:#191f28;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice-date{font-size:13px;color:#8b95a1}.notice-header .chevron{flex-shrink:0;color:#8b95a1;transition:transform .2s ease}.notice-header .chevron.expanded{transform:rotate(180deg)}.notice-content{padding:0 24px 20px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notice-content p{font-size:14px;line-height:1.7;color:#4e5968;white-space:pre-wrap;margin:0}.notice-image{margin-top:16px;max-width:100%;border-radius:12px}.bug-report-page{min-height:100vh;background-color:#f8f9fa}.bug-report-header{display:flex;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e8eb;position:sticky;top:0;z-index:10}.bug-report-header .back-btn{background:none;border:none;padding:8px;margin-right:8px;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center}.bug-report-header .back-btn:hover{background-color:#f2f4f6}.bug-report-header h1{font-size:18px;font-weight:700;color:#191f28;margin:0}.bug-report-content{max-width:600px;margin:0 auto;padding:24px}.bug-report-content .description{color:#8b95a1;font-size:14px;margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#191f28;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:14px 16px;border:1px solid #e5e8eb;border-radius:12px;font-size:15px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3182f6;box-shadow:0 0 0 3px #3182f61a}.form-group textarea{resize:none;line-height:1.6}.submit-btn{width:100%;padding:16px;background-color:#3182f6;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:8px}.submit-btn:hover:not(:disabled){background-color:#1b64da}.submit-btn:disabled{background-color:#e5e8eb;color:#8b95a1;cursor:not-allowed}.success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px;text-align:center}.success-icon{width:64px;height:64px;background-color:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.success-container h2{font-size:20px;font-weight:700;color:#191f28;margin:0 0 8px}.success-container p{font-size:15px;color:#8b95a1;line-height:1.6;margin:0 0 32px}.confirm-btn{padding:14px 48px;background-color:#3182f6;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.confirm-btn:hover{background-color:#1b64da}.inquiries-page{min-height:100vh;background-color:#f9fafb;font-family:var(--font-family);color:#191f28}.inquiries-header{display:flex;align-items:center;padding:16px 20px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.04);position:sticky;top:0;z-index:100}.inquiries-header .back-btn{background:none;border:none;padding:8px;margin-right:12px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s;color:#333d4b}.inquiries-header .back-btn:hover{background-color:#f2f4f6}.inquiries-header h1{font-size:18px;font-weight:600;color:#191f28;margin:0}.tab-container{display:flex;background:#fff;padding:0 20px;border-bottom:1px solid #f2f4f6}.tab-container .tab-btn{flex:1;padding:16px 0;background:none;border:none;font-size:15px;font-weight:500;color:#8b95a1;cursor:pointer;position:relative;transition:all .2s}.tab-container .tab-btn:hover{color:#4e5968}.tab-container .tab-btn.active{color:#3182f6;font-weight:700}.tab-container .tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:#3182f6;border-radius:3px 3px 0 0}.inquiries-content{max-width:640px;margin:0 auto;padding:32px 20px}.new-inquiry-form{background:#fff;padding:32px;border-radius:24px;box-shadow:0 4px 24px #0000000f}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:15px;font-weight:700;color:#333d4b;margin-bottom:10px}.form-group input,.form-group textarea{width:100%;padding:16px;border:1px solid #e5e8eb;border-radius:16px;font-size:16px;background-color:#fff;transition:all .2s ease;box-sizing:border-box;color:#191f28;font-family:inherit}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#b0b8c1}.form-group input::placeholder,.form-group textarea::placeholder{color:#b0b8c1}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3182f6;background-color:#f7f9fa;box-shadow:0 0 0 3px #3182f61a}.form-group textarea{resize:none;line-height:1.6;min-height:180px}.hidden{display:none}.upload-btn{width:100%;padding:16px;border:1px dashed #d1d6db;border-radius:16px;background:#f9fafb;color:#6b7684;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.upload-btn:hover:not(:disabled){background-color:#f2f4f6;border-color:#b0b8c1;color:#4e5968}.image-preview{position:relative;border-radius:16px;overflow:hidden;border:1px solid #e5e8eb;display:inline-block}.image-preview img{max-height:200px;display:block}.remove-image-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s}.remove-image-btn:hover{background:#000c}.submit-btn{width:100%;padding:18px;background-color:#3182f6;color:#fff;border:none;border-radius:16px;font-size:17px;font-weight:700;cursor:pointer;transition:all .2s;margin-top:16px;box-shadow:0 4px 12px #3182f64d}.submit-btn:hover:not(:disabled){background-color:#1b64da;transform:translateY(-2px);box-shadow:0 6px 16px #3182f666}.submit-btn:disabled{background-color:#e5e8eb;color:#b0b8c1;cursor:not-allowed;box-shadow:none;transform:none}.inquiry-list{display:flex;flex-direction:column;gap:16px}.inquiry-item{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 12px #0000000a;border:1px solid #f2f4f6;transition:transform .2s}.inquiry-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.inquiry-header{width:100%;padding:24px;display:flex;align-items:flex-start;justify-content:space-between;background:#fff;border:none;cursor:pointer;text-align:left}.inquiry-info{flex:1;margin-right:16px}.inquiry-title-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.inquiry-title{font-size:17px;font-weight:700;color:#191f28}.status-badge{padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600}.status-badge.pending{background-color:#fff8e6;color:#b27b10}.status-badge.answered{background-color:#e6feed;color:#0d9446}.inquiry-date{font-size:14px;color:#8b95a1}.chevron{color:#b0b8c1;transition:transform .3s ease}.chevron.expanded{transform:rotate(180deg)}.inquiry-content{background-color:#f9fafb;padding:24px;border-top:1px solid #f2f4f6;animation:slideDown .3s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.my-inquiry{background:#fff;padding:20px;border-radius:16px;margin-bottom:16px;border:1px solid #e5e8eb}.my-inquiry p,.answer-box p{font-size:15px;line-height:1.7;color:#4e5968;white-space:pre-wrap}.answer-box{background:#e8f3ff;padding:20px;border-radius:16px;position:relative;border:1px solid rgba(49,130,246,.1)}.answer-label{font-size:13px;font-weight:800;color:#3182f6;margin-bottom:12px;display:flex;align-items:center;gap:6px}.answer-label:before{content:"A";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#3182f6;color:#fff;border-radius:6px;font-size:12px}.answer-date{font-size:13px;color:#8b95a1;margin-top:16px;text-align:right}.inquiry-actions{display:flex;gap:12px;margin-top:16px}.delete-btn,.edit-btn{padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s}.edit-btn{background-color:#fff;border-color:#d1d6db;color:#4e5968}.delete-btn{background-color:#fff5f5;color:#ef4444}.delete-btn:hover{background-color:#fee2e2}.empty-state,.loading-state{padding:80px 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.empty-state p{font-size:16px;color:#8b95a1}.spinner{width:32px;height:32px;border:3px solid #e5e8eb;border-top-color:#3182f6;border-radius:50%;animation:spin .8s linear infinite}.login-required{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:24px;text-align:center;background:#f9fafb}.login-required h2{font-size:24px;margin-bottom:12px}.back-btn-large{padding:16px 48px;background:#3182f6;color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #3182f64d;transition:all .2s}.back-btn-large:hover{background:#1b64da;transform:translateY(-2px);box-shadow:0 8px 16px #3182f666}.myinfo-page{min-height:100vh;background-color:#f8f9fa}.myinfo-header{display:flex;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e8eb;position:sticky;top:0;z-index:10}.myinfo-header .back-btn{background:none;border:none;padding:8px;margin-right:8px;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center}.myinfo-header .back-btn:hover{background-color:#f2f4f6}.myinfo-header h1{font-size:18px;font-weight:700;color:#191f28;margin:0}.myinfo-content{max-width:600px;margin:0 auto;padding:24px}.info-card{background:#fff;border-radius:16px;padding:20px 24px;margin-bottom:16px;box-shadow:0 2px 8px #0000000a}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f2f4f6}.info-row:last-child{border-bottom:none}.info-label{font-size:15px;color:#4e5968}.info-value{font-size:15px;font-weight:500;color:#191f28}.email-card{padding:20px 24px}.email-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.email-header .info-label{font-weight:600}.add-email-btn{background:none;border:none;color:#3182f6;font-size:14px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px}.add-email-btn:hover{background:#eff6ff}.email-list{display:flex;flex-direction:column;gap:10px}.no-email{color:#8b95a1;font-size:14px;text-align:center;padding:20px 0}.email-item{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;padding:14px 16px;border-radius:12px}.email-text{font-size:14px;color:#191f28}.email-delete-btn{background:none;border:none;color:#8b95a1;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:6px}.email-delete-btn:hover{color:#dc2626;background:#fef2f2}.profile-field{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.profile-label{font-size:13px;font-weight:600;color:#4e5968}.profile-select{width:100%;padding:12px 14px;border:1px solid #e5e8eb;border-radius:12px;font-size:14px;background:#fff}.profile-save-btn{width:100%;padding:12px 14px;border:none;border-radius:12px;font-size:14px;font-weight:700;color:#fff;background:#3182f6;cursor:pointer}.profile-save-btn:disabled{background:#e5e8eb;color:#8b95a1;cursor:default}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;padding:24px;max-width:400px;width:90%}.modal-content h2{font-size:20px;font-weight:700;color:#191f28;margin:0 0 20px;text-align:center}.modal-desc{text-align:center;color:#4e5968;font-size:14px;margin-bottom:20px;line-height:1.5}.email-input{width:100%;padding:14px 16px;border:1px solid #e5e8eb;border-radius:12px;font-size:15px;margin-bottom:12px;box-sizing:border-box;transition:border-color .2s}.email-input:focus{outline:none;border-color:#3182f6}.email-input.code-input{text-align:center;font-size:24px;font-weight:600;letter-spacing:8px}.error-text{color:#dc2626;font-size:13px;margin-bottom:12px;text-align:center}.submit-btn{width:100%;padding:14px;background:#3182f6;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.submit-btn:hover:not(:disabled){background:#1b64da}.submit-btn:disabled{background:#e5e8eb;color:#8b95a1;cursor:not-allowed}.change-email-btn{width:100%;padding:12px;background:none;border:none;font-size:14px;color:#3182f6;cursor:pointer;margin-top:8px}.change-email-btn:hover{text-decoration:underline}.close-btn{display:block;width:100%;margin-top:16px;padding:12px;background:#f3f4f6;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#4e5968;cursor:pointer;transition:background .2s}.close-btn:hover{background:#e5e8eb}.info-page{width:100%;min-height:100vh;background-color:var(--color-gray-50)}.hero-section{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#fff,#f9fafb)}.hero-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.05) 0%,transparent 60%);z-index:0}.hero-content{text-align:center;z-index:1;opacity:0;transform:translateY(20px);transition:all 1s ease-out}.hero-content.visible{opacity:1;transform:translateY(0)}.badge{display:inline-block;padding:6px 16px;background-color:#3b82f61a;color:var(--color-blue-600);border-radius:99px;font-size:14px;font-weight:600;margin-bottom:24px}h1{font-size:64px;font-weight:800;line-height:1.2;margin-bottom:24px;color:var(--color-gray-900)}.text-gradient{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}p{font-size:20px;color:var(--color-gray-600);margin-bottom:40px}.cta-button{padding:16px 32px;background-color:var(--color-blue-500);color:#fff;font-size:18px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s}.cta-button:hover{background-color:var(--color-blue-600);transform:translateY(-2px)}.feature-section{min-height:80vh;display:flex;align-items:center;justify-content:space-between;padding:0 10%;opacity:0;transform:translateY(40px);transition:all 1s ease-out}.feature-section.visible{opacity:1;transform:translateY(0)}.feature-section.reverse{flex-direction:row-reverse}.feature-content{flex:1;max-width:500px}.feature-content h2{font-size:48px;font-weight:700;margin-bottom:20px;line-height:1.3}.feature-list{list-style:none;margin-top:30px}.feature-list li{font-size:18px;margin-bottom:12px;display:flex;align-items:center;gap:10px;color:var(--color-gray-700)}.feature-visual{flex:1;display:flex;justify-content:center;align-items:center;height:500px;position:relative}.user-bubbles .bubble{width:60px;height:60px;background-color:#ebf5ff;border-radius:50%;position:absolute;animation:float 4s infinite ease-in-out}.coin-animation .coin{width:100px;height:100px;background:gold;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#b4860c;box-shadow:0 10px 20px #0000001a;animation:bounce 2s infinite}.shield-icon svg{width:200px;height:200px;color:var(--color-blue-500)}.ai-card{background:#fff;padding:30px;border-radius:20px;box-shadow:0 20px 40px #0000001a;display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;animation:pulse 3s infinite}.workspace-visual .folder-stack{position:relative;width:200px;height:200px}.folder-stack .folder{width:200px;height:150px;background-color:#93c5fd;border-radius:12px;position:absolute;top:0;left:0;transition:transform .3s}.bottom-cta{text-align:center;padding:120px 20px;background-color:#f8fafc;opacity:0;transform:translateY(20px);transition:all 1s ease-out}.bottom-cta.visible{opacity:1;transform:translateY(0)}.info-footer{padding:60px 0;border-top:1px solid var(--color-gray-200);text-align:center;color:var(--color-gray-500)}.footer-links{margin-top:20px;display:flex;justify-content:center;gap:24px}.footer-links a,.footer-links span{cursor:pointer;text-decoration:none;color:var(--color-gray-500)}.footer-links a:hover,.footer-links span:hover{color:var(--color-gray-800)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}:root{--rv-blue: #3182F6;--rv-gray-900: #191F28;--rv-gray-700: #4E5968;--rv-gray-500: #6B7684;--rv-gray-200: #E5E8EB;--rv-gray-100: #F2F4F6;--rv-bg: #F7F8FA}.rv{min-height:100vh;background:var(--rv-bg);padding:40px 16px 80px;font-family:var(--font-family)}.rv-container{max-width:980px;margin:0 auto}.rv-card{background:#fff;border-radius:24px;box-shadow:0 12px 30px #0f172a14;overflow:hidden}.rv-header{padding:32px 36px;border-bottom:1px solid var(--rv-gray-100)}.rv-header h1{font-size:24px;font-weight:700;color:var(--rv-gray-900);margin:0 0 12px}.rv-meta{margin:0;font-size:14px;color:var(--rv-gray-700)}.rv-meta strong{color:var(--rv-blue)}.rv-date{margin:10px 0 0;font-size:12px;color:var(--rv-gray-500)}.rv-section{padding:28px 36px;border-bottom:1px solid var(--rv-gray-100)}.rv-section h2{margin:0 0 16px;font-size:18px;color:var(--rv-gray-900)}.rv-text{margin:0;font-size:14px;line-height:1.7;color:var(--rv-gray-700)}.rv-insights{background:#f9fafb}.rv-insight-list{display:flex;flex-direction:column;gap:12px}.rv-insight-list p{margin:0;font-size:14px;line-height:1.7;color:var(--rv-gray-700)}.rv-highlight{display:inline-block;font-weight:700;color:#1d4ed8;background:linear-gradient(to top,rgba(59,130,246,.18) 40%,transparent 40%);padding:0 2px;margin-right:4px}.rv-questions{display:flex;flex-direction:column}.rv-question{padding:28px 36px;border-bottom:1px solid var(--rv-gray-100)}.rv-question h3{margin:0 0 12px;font-size:16px;color:var(--rv-gray-900)}.rv-filter{margin:0 0 12px;font-size:12px;color:var(--rv-gray-500)}.rv-chart{margin:16px 0 20px}.rv-table{border:1px solid var(--rv-gray-200);border-radius:14px;overflow:hidden;margin-bottom:16px}.rv-table-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:10px 14px;border-bottom:1px solid var(--rv-gray-100);font-size:13px}.rv-table-row:last-child{border-bottom:none}.rv-table-name{color:var(--rv-gray-700)}.rv-table-value{color:var(--rv-gray-500)}.rv-insight-box{background:#f0f7ff;border-left:3px solid var(--rv-blue);padding:14px 16px;border-radius:12px;font-size:14px;line-height:1.6;color:#1e3a8a}.rv-crosstab-table{overflow-x:auto;margin:16px 0}.rv-crosstab-table table{width:100%;border-collapse:collapse;font-size:13px}.rv-crosstab-table th,.rv-crosstab-table td{padding:10px 12px;text-align:center;border:1px solid var(--rv-gray-200)}.rv-crosstab-table th{background:var(--rv-gray-50);color:var(--rv-gray-700);font-weight:600}.rv-crosstab-label{text-align:left;font-weight:500;background:var(--rv-gray-50)}.rv-crosstab-total{font-weight:600;background:#f0f7ff}.rv-crosstab-footer td{font-weight:600;background:var(--rv-gray-50)}.rv-insight-box .rv-html,.rv-insight-box p,.rv-insight-box div,.rv-insight-box span{font-size:14px;line-height:1.6}.rv-slider{margin:12px 0 20px}.rv-slider-main{display:flex;align-items:baseline;gap:10px}.rv-slider-value{font-size:28px;font-weight:700;color:var(--rv-blue)}.rv-slider-label{font-size:13px;color:var(--rv-gray-500)}.rv-slider-range{margin:6px 0 0;font-size:12px;color:var(--rv-gray-500)}.rv-rating{display:flex;align-items:center;gap:10px;margin:10px 0 18px}.rv-rating-stars{color:#ffb800;letter-spacing:2px}.rv-rating-score{font-size:22px;font-weight:700;color:var(--rv-gray-900)}.rv-rating-count{font-size:12px;color:var(--rv-gray-500)}.rv-conclusion{background:#f0fdf4}.rv-methodology{background:#f9fafb;border-top:2px solid var(--rv-gray-200);padding:32px 36px}.rv-methodology h2{font-size:18px;font-weight:700;color:var(--rv-gray-900);margin:0 0 20px}.rv-methodology-content{display:flex;flex-direction:column;gap:12px}.rv-methodology-content p{margin:0;font-size:13px;line-height:1.6;color:var(--rv-gray-700)}.rv-methodology-content p strong{color:var(--rv-gray-900);font-weight:600;margin-right:8px}.rv-overview{background:#f9fafb;border:1px solid var(--rv-gray-200);border-radius:8px;margin:16px 36px;padding:24px}.rv-overview h2{font-size:18px;font-weight:700;color:var(--rv-gray-900);margin:0 0 16px}.rv-overview-content{display:flex;flex-direction:column;gap:8px}.rv-overview-content p{margin:0;font-size:13px;line-height:1.6;color:var(--rv-gray-700)}.rv-overview-content p strong{color:var(--rv-gray-900);font-weight:600;margin-right:8px}.rv-footer{padding:20px;text-align:center;font-size:12px;color:var(--rv-gray-500);background:#f8fafc}.rv-footer p{margin:0;font-size:12px;line-height:1.5}.rv-footer p+p{margin-top:4px}.rv-html p{margin:0 0 10px}.rv-html p:last-child{margin-bottom:0}.rv-html,.rv-html *{font-size:14px;line-height:1.6;color:var(--rv-gray-700)}.rv-state{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#fff;padding:40px 16px;text-align:center}.rv-state-icon{font-size:40px}.rv-state p{margin:0;color:var(--rv-gray-500);font-size:14px}.rv-state-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.rv-btn{border:none;background:var(--rv-blue);color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;cursor:pointer}.rv-btn.secondary{background:var(--rv-gray-100);color:var(--rv-gray-700)}.rv-spinner{width:36px;height:36px;border:3px solid var(--rv-gray-200);border-top-color:var(--rv-blue);border-radius:50%;animation:rv-spin .8s linear infinite}.rv-tooltip{background:#fff;padding:8px 12px;border-radius:8px;box-shadow:0 2px 12px #0000001f;font-size:12px}.rv-tooltip-title{font-weight:600;margin-bottom:2px;color:var(--rv-gray-900)}.rv-tooltip-value{color:var(--rv-gray-500)}@keyframes rv-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.rv{padding:20px 12px 60px}.rv-header,.rv-section,.rv-question{padding:22px 20px}.rv-table-row{grid-template-columns:1fr auto}}:root{--docs-header-height: 60px;--docs-tabs-height: 52px;--docs-sidebar-width: 260px;--docs-toc-width: 220px;--docs-content-max-width: 800px;--docs-primary: #3182f6;--docs-primary-light: #e8f3ff;--docs-gray-50: #f9fafb;--docs-gray-100: #f3f4f6;--docs-gray-200: #e5e7eb;--docs-gray-300: #d1d5db;--docs-gray-400: #9ca3af;--docs-gray-500: #6b7280;--docs-gray-600: #4b5563;--docs-gray-700: #374151;--docs-gray-800: #1f2937;--docs-gray-900: #111827}.docs-layout{min-height:100vh;background:var(--docs-gray-50)}.docs-header{position:fixed;top:0;left:0;right:0;height:var(--docs-header-height);background:#fff;border-bottom:1px solid var(--docs-gray-200);z-index:100}.docs-header-inner{max-width:1400px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.docs-logo{display:flex;align-items:center;gap:10px;cursor:pointer;transition:opacity .2s}.docs-logo:hover{opacity:.8}.logo-icon{font-size:24px}.logo-text{font-size:18px;font-weight:700;color:var(--docs-gray-900)}.docs-mobile-menu{display:none;padding:8px;background:none;border:none;cursor:pointer;color:var(--docs-gray-600)}.docs-bundle-tabs{position:fixed;top:var(--docs-header-height);left:0;right:0;height:var(--docs-tabs-height);background:#fff;border-bottom:1px solid var(--docs-gray-200);z-index:99}.docs-bundle-tabs-inner{max-width:1400px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;gap:8px;overflow-x:auto}.bundle-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:none;border:none;border-radius:24px;cursor:pointer;font-size:14px;font-weight:600;color:var(--docs-gray-500);white-space:nowrap;transition:all .2s}.bundle-tab:hover{background:var(--docs-gray-100);color:var(--docs-gray-700)}.bundle-tab.active{background:var(--docs-primary-light);color:var(--docs-primary)}.bundle-icon{font-size:16px}.docs-container{display:flex;max-width:1400px;margin:0 auto;padding-top:calc(var(--docs-header-height) + var(--docs-tabs-height));min-height:100vh}.docs-sidebar{position:sticky;top:calc(var(--docs-header-height) + var(--docs-tabs-height));width:var(--docs-sidebar-width);height:calc(100vh - var(--docs-header-height) - var(--docs-tabs-height));overflow-y:auto;padding:24px 16px;background:#fff;border-right:1px solid var(--docs-gray-200);flex-shrink:0}.docs-sidebar-header{padding:0 12px 16px;border-bottom:1px solid var(--docs-gray-100);margin-bottom:12px}.docs-sidebar-header h3{font-size:13px;font-weight:700;color:var(--docs-gray-400);text-transform:uppercase;letter-spacing:.5px}.docs-nav{display:flex;flex-direction:column;gap:4px}.docs-nav-index{margin-bottom:20px}.docs-sidebar-group{margin-top:20px}.docs-sidebar-group .docs-sidebar-header{padding-top:8px;margin-top:12px}.docs-nav-item{padding:10px 12px;background:none;border:none;border-radius:8px;text-align:left;font-size:14px;font-weight:500;color:var(--docs-gray-600);cursor:pointer;transition:all .15s}.docs-nav-item:hover{background:var(--docs-gray-100);color:var(--docs-gray-800)}.docs-nav-item.active{background:var(--docs-primary-light);color:var(--docs-primary);font-weight:600}.docs-content{flex:1;min-width:0;padding:40px 48px;background:#fff}.docs-toc{position:sticky;top:calc(var(--docs-header-height) + var(--docs-tabs-height));width:var(--docs-toc-width);height:calc(100vh - var(--docs-header-height) - var(--docs-tabs-height));overflow-y:auto;padding:24px 16px;flex-shrink:0}.docs-toc-header{padding:0 8px 12px;border-bottom:1px solid var(--docs-gray-100);margin-bottom:12px}.docs-toc-header h4{font-size:12px;font-weight:700;color:var(--docs-gray-400);text-transform:uppercase;letter-spacing:.5px}.docs-toc-nav{display:flex;flex-direction:column;gap:2px}.toc-item{padding:6px 8px;background:none;border:none;border-left:2px solid transparent;text-align:left;font-size:13px;color:var(--docs-gray-500);cursor:pointer;transition:all .15s;line-height:1.4}.toc-item:hover{color:var(--docs-gray-800);border-left-color:var(--docs-gray-300)}.toc-item.level-2{padding-left:16px;font-size:12px}.toc-item.level-3{padding-left:24px;font-size:12px;color:var(--docs-gray-400)}.docs-overlay{display:none}.doc-article{max-width:var(--docs-content-max-width)}.doc-article h1{font-size:32px;font-weight:800;color:var(--docs-gray-900);margin:0 0 16px;line-height:1.3}.doc-article h2{font-size:24px;font-weight:700;color:var(--docs-gray-900);margin:48px 0 16px;padding-top:24px;border-top:1px solid var(--docs-gray-100);line-height:1.4}.doc-article h2:first-of-type{margin-top:32px;padding-top:0;border-top:none}.doc-article h3{font-size:18px;font-weight:600;color:var(--docs-gray-800);margin:32px 0 12px;line-height:1.4}.doc-article p{font-size:15px;line-height:1.75;color:var(--docs-gray-700);margin:0 0 16px}.doc-article ul,.doc-article ol{margin:0 0 20px;padding-left:24px}.doc-article li{font-size:15px;line-height:1.75;color:var(--docs-gray-700);margin-bottom:8px}.doc-article li strong{color:var(--docs-gray-800)}.doc-lead{font-size:17px;line-height:1.7;color:var(--docs-gray-600);margin-bottom:32px}.doc-highlight{background:var(--docs-primary-light);border-radius:12px;padding:20px 24px;margin:24px 0}.doc-highlight-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--docs-primary);margin-bottom:8px}.doc-highlight p{color:var(--docs-gray-700);margin:0}.doc-tip{background:#fef3c7;border-radius:12px;padding:20px 24px;margin:24px 0}.doc-tip-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#92400e;margin-bottom:8px}.doc-tip p{color:#78350f;margin:0}.doc-warning{background:#fee2e2;border-radius:12px;padding:20px 24px;margin:24px 0}.doc-warning-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#dc2626;margin-bottom:8px}.doc-warning p{color:#991b1b;margin:0}.doc-image-placeholder{background:var(--docs-gray-100);border:2px dashed var(--docs-gray-300);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin:24px 0;color:var(--docs-gray-400);overflow:hidden}.doc-image-placeholder.web-only{width:100%;height:400px}.doc-image-placeholder.mobile-only{width:280px;height:560px;margin-left:auto;margin-right:auto}.doc-image-placeholder.both{width:100%;height:auto;padding:24px}.doc-image-group{display:flex;gap:24px;align-items:flex-start;justify-content:center;flex-wrap:wrap}.doc-image-group .doc-image-placeholder{margin:0}.doc-image-group .web-single{width:480px;height:300px}.doc-image-group .mobile-single{width:200px;height:400px}.doc-image-icon{font-size:32px}.doc-image-label{font-size:13px;font-weight:500}.doc-image-size{font-size:11px;color:var(--docs-gray-400)}.doc-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:24px 0}.doc-feature-card{background:var(--docs-gray-50);border:1px solid var(--docs-gray-200);border-radius:12px;padding:20px}.doc-feature-icon{font-size:24px;margin-bottom:12px}.doc-feature-title{font-size:15px;font-weight:700;color:var(--docs-gray-900);margin-bottom:6px}.doc-feature-desc{font-size:13px;line-height:1.6;color:var(--docs-gray-600)}.doc-table-wrapper{overflow-x:auto;margin:24px 0}.doc-table{width:100%;border-collapse:collapse;font-size:14px}.doc-table th,.doc-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--docs-gray-200)}.doc-table th{background:var(--docs-gray-50);font-weight:600;color:var(--docs-gray-700)}.doc-table td{color:var(--docs-gray-600)}.doc-table tr:hover td{background:var(--docs-gray-50)}.doc-steps{margin:24px 0}.doc-step{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--docs-gray-100)}.doc-step:last-child{border-bottom:none}.doc-step-number{width:32px;height:32px;background:var(--docs-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.doc-step-content{flex:1}.doc-step-title{font-size:16px;font-weight:600;color:var(--docs-gray-900);margin-bottom:6px}.doc-setting-title{font-size:18px;font-weight:700;color:var(--docs-gray-900);margin-top:28px;margin-bottom:10px}.doc-step-desc{font-size:14px;line-height:1.6;color:var(--docs-gray-600)}.doc-code{background:var(--docs-gray-100);padding:2px 6px;border-radius:4px;font-family:SF Mono,Menlo,monospace;font-size:13px;color:var(--docs-gray-700)}.doc-link{color:#3182f6;text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:all .2s ease}.doc-link:hover{border-bottom-color:#3182f6}.doc-link:active{color:#1b64da}@media(max-width:1200px){.docs-toc{display:none}}@media(max-width:900px){.docs-mobile-menu{display:block}.docs-sidebar{position:fixed;left:-100%;top:0;height:100vh;z-index:200;transition:left .3s ease;padding-top:calc(var(--docs-header-height) + 24px)}.docs-sidebar.open{left:0}.docs-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:199}.docs-content{padding:24px 20px}.doc-article h1{font-size:26px}.doc-article h2{font-size:20px}.doc-image-placeholder.web-only{height:240px}.doc-image-placeholder.mobile-only{width:220px;height:440px}.doc-image-group{flex-direction:column;align-items:center}.doc-image-group .web-single{width:100%;max-width:400px;height:250px}.doc-image-group .mobile-single{width:180px;height:360px}}@media(max-width:600px){.bundle-tab{padding:8px 14px;font-size:13px}.bundle-icon{display:none}.doc-feature-grid{grid-template-columns:1fr}}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}a{text-decoration:none!important}