*,: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,system-ui,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}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.z-10{z-index:10}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-auto{margin-left:auto}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.block{display:block}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.max-h-64{max-height:16rem}.w-14{width:3.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-80{width:20rem}.w-96{width:24rem}.w-full{width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.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))}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * 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))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-dashed{border-style:dashed}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-gray-200\/50{border-color:#e5e7eb80}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-yellow-300{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/60{background-color:#fff9}.bg-white\/70{background-color:#ffffffb3}.bg-white\/80{background-color:#fffc}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-100{--tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-600{--tw-gradient-from: #4b5563 var(--tw-gradient-from-position);--tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-700{--tw-gradient-from: #374151 var(--tw-gradient-from-position);--tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-600{--tw-gradient-from: #16a34a var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-600{--tw-gradient-from: #dc2626 var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-50{--tw-gradient-from: #fefce8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-gray-50{--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f9fafb var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-emerald-600{--tw-gradient-to: #059669 var(--tw-gradient-to-position)}.to-gray-100{--tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position)}.to-gray-700{--tw-gradient-to: #374151 var(--tw-gradient-to-position)}.to-gray-800{--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}.to-orange-50{--tw-gradient-to: #fff7ed var(--tw-gradient-to-position)}.to-purple-50{--tw-gradient-to: #faf5ff var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.to-red-700{--tw-gradient-to: #b91c1c var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-1\.5{padding:.375rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pr-1{padding-right:.25rem}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.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-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / 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-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.text-yellow-900{--tw-text-opacity: 1;color:rgb(113 63 18 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.opacity-5{opacity:.05}.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-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-gray-200\/50{--tw-ring-color: rgb(229 231 235 / .5)}.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)}.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-sm{--tw-backdrop-blur: blur(4px);-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-blur-xl{--tw-backdrop-blur: blur(24px);-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,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;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-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}:root{--color-systemMartiGray: #3C3C43;--color-systemMartiGrayHover: #2C2C2F;--color-systemBlue: #007AFF;--color-systemGreen: #34C759;--color-systemRed: #FF3B30;--color-systemOrange: #FF9500;--color-systemYellow: #FFCC00;--color-systemPink: #FF2D92;--color-systemPurple: #AF52DE;--color-systemTeal: #5AC8FA;--color-systemIndigo: #5856D6;--color-label: #000000;--color-secondaryLabel: rgba(60, 60, 67, .6);--color-tertiaryLabel: rgba(60, 60, 67, .3);--color-quaternaryLabel: rgba(60, 60, 67, .18);--color-systemFill: rgba(120, 120, 128, .2);--color-secondarySystemFill: rgba(120, 120, 128, .16);--color-tertiarySystemFill: rgba(118, 118, 128, .12);--color-quaternarySystemFill: rgba(116, 116, 128, .08);--color-systemBackground: #FFFFFF;--color-systemBackgroundTranslucent: rgba(255, 255, 255, .9);--color-secondarySystemBackground: #F2F2F7;--color-tertiarySystemBackground: #FFFFFF;--color-systemGroupedBackground: #F2F2F7;--color-secondarySystemGroupedBackground: #FFFFFF;--color-tertiarySystemGroupedBackground: #F2F2F7;--color-separator: rgba(60, 60, 67, .29);--color-opaqueSeparator: #C6C6C8;--color-primary: var(--color-systemMartiGray);--color-primary-hover: var(--color-systemMartiGrayHover);--color-primary-rgb: 60, 60, 67;--color-primaryTranslucent: rgba(60, 60, 67, .1);--color-primaryBorder: rgba(60, 60, 67, .2);--color-primaryGlow: rgba(60, 60, 67, .3);--color-secondary: var(--color-systemTeal);--color-shadowBase-rgb: 0, 0, 0;--color-shadowFocus-rgb: 60, 60, 67;--color-shadowLight: rgba(0, 0, 0, .1);--color-modalOverlay: rgba(0, 0, 0, .5);--color-modalOverlayDark: rgba(0, 0, 0, .7);--color-errorTranslucent: rgba(255, 59, 48, .9);--color-accent: var(--color-systemOrange);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-primarySuccess: linear-gradient(135deg, var(--color-primary), var(--color-success));--color-background: var(--color-systemGroupedBackground);--color-card: var(--color-secondarySystemGroupedBackground);--color-border: var(--color-separator);--color-textPrimary: var(--color-label);--color-textSecondary: var(--color-secondaryLabel);--color-textTertiary: var(--color-tertiaryLabel);--color-success: var(--color-systemGreen);--color-successDark: #30D158;--color-error: var(--color-systemRed);--color-warning: var(--color-systemYellow);--color-successGlow: rgba(52, 199, 89, .3);--color-successBorder: rgba(52, 199, 89, .2);--color-successSubtle: rgba(52, 199, 89, .08);--color-greenHoverSubtle: rgba(52, 199, 89, .05);--color-greenHoverLight: rgba(52, 199, 89, .12);--color-greenHoverMedium: rgba(52, 199, 89, .15);--color-greenActiveMedium: rgba(52, 199, 89, .18);--color-greenHoverDark: rgba(52, 199, 89, .28);--color-greenActiveDark: rgba(52, 199, 89, .35);--color-buttonPrimary: var(--color-label);--color-buttonPrimaryHover: var(--color-secondaryLabel);--color-iconInactive: rgba(120, 120, 128, .3);--color-iconInactiveDark: rgba(120, 120, 128, .48);--color-closeButtonBg: rgba(120, 120, 128, .3);--color-closeButtonBgDark: rgba(120, 120, 128, .48);--color-marti-primary: var(--color-systemMartiGray);--color-marti-accent: var(--color-systemTeal);--color-search-primary: #0072C6;--color-search-accent: #00A2ED;--color-search-headerBg: #0072C6;--color-search-bubbleSent: #E8F4FC;--color-search-bubbleReceived: #FFFFFF;--color-shimmer-effect: rgba(255, 255, 255, .2);--color-ripple-effect: rgba(255, 255, 255, .3);--spacing-0: 0;--spacing-0\.01: .1px;--spacing-0\.125: 1px;--spacing-0\.25: 2px;--spacing-0\.375: 3px;--spacing-0\.5: 4px;--spacing-0\.625: 5px;--spacing-0\.75: 6px;--spacing-1: 8px;--spacing-1\.25: 10px;--spacing-1\.5: 12px;--spacing-1\.75: 14px;--spacing-2: 16px;--spacing-2\.25: 18px;--spacing-2\.5: 20px;--spacing-2\.75: 22px;--spacing-3: 24px;--spacing-3\.125: 25px;--spacing-3\.75: 30px;--spacing-3\.5: 28px;--spacing-4: 32px;--spacing-4\.25: 34px;--spacing-4\.5: 36px;--spacing-4\.75: 38px;--spacing-5: 40px;--spacing-5\.5: 44px;--spacing-5\.625: 45px;--spacing-6: 48px;--spacing-6\.25: 50px;--spacing-7: 56px;--spacing-8: 64px;--spacing-9: 72px;--spacing-9\.375: 75px;--spacing-10: 80px;--spacing-11\.875: 95px;--spacing-12: 96px;--spacing-12\.5: 100px;--spacing-14: 112px;--spacing-14\.375: 115px;--spacing-16: 128px;--spacing-16\.25: 130px;--spacing-19\.375: 155px;--spacing-20: 160px;--spacing-20\.625: 165px;--spacing-21\.25: 170px;--spacing-22\.5: 180px;--spacing-23\.4375: 187.5px;--spacing-24: 192px;--spacing-25: 200px;--spacing-27\.5: 220px;--spacing-37\.5: 300px;--spacing-46\.875: 375px;--spacing-negative-2: -16px;--spacing-negative-2\.5: -20px;--spacing-negative-3: -24px;--spacing-negative-3\.75: -30px;--icon-size-2xs: 12px;--icon-size-xs: 14px;--icon-size-sm: 18px;--icon-size-md: 20px;--icon-size-lg: 24px;--icon-size-xl: 28px;--opacity-secondary: .6;--opacity-muted: .7;--opacity-hover: .8;--opacity-focus: .9;--border-accent-width: 3px;--border-separator-width: 1px;--border-focus-width: 2px;--stroke-width-icon: 1.5px;--stroke-width-icon-mobile: 1.2px;--icon-size-header: 24px;--border-radius-none: 0;--border-radius-xs: 4px;--border-radius-md: 8px;--border-radius-xl: 16px;--border-radius-2xl: 18px;--border-radius-3xl: 22px;--border-radius-4xl: 25px;--border-radius-full: 50%;--radius-button: var(--border-radius-lg);--radius-input: var(--border-radius-4xl);--radius-input-mobile: var(--border-radius-3xl);--radius-card: var(--border-radius-lg);--radius-modal: var(--border-radius-xl);--component-width-badge: 60px;--component-width-min-popover: 200px;--component-width-max-content: 768px;--spacing-modal-maxWidthMedium: 500px;--spacing-modal-maxWidthSmall: 450px;--spacing-dropdown-widthMobile: 26%;--spacing-dropdown-widthDesktop: 24%;--spacing-dropdown-maxHeight: 150px;--spacing-product-touchTarget: 44px;--max-width-content: 800px;--z-index-hidden: -1;--z-index-raised: 1;--duration-fadeIn: .4s;--duration-checkboxPulse: 1.6s;--easing-appleCheckbox: cubic-bezier(.52, 0, .48, 1);--spacing-static-0\.5: 2px;--spacing-static-1: 4px;--spacing-static-1\.5: 6px;--spacing-static-2: 8px;--spacing-static-3: 12px;--spacing-static-14: 56px;--spacing-static-15: 60px;--spacing-static-17\.5: 70px;--font-size-13: 13px;--line-height-medium: 1.4;--border-radius-sm: 3px;--border-radius-lg: 10px;--border-radius-card: 10px;--border-radius-progressBar: 3px;--border-radius-modal: 20px;--blur-modal: blur(5px);--border-width-none: 0;--border-width-thin: .5px;--border-width-fine: .1px;--border-width-base: 1px;--border-width-thick: 2px;--border-width-accent: 3px;--border-width-bold: 4px;--color-modal-backdrop: rgba(0, 0, 0, .1);--color-modal-backdropStrong: rgba(0, 0, 0, .15);--color-modal-scrollbar: rgba(0, 0, 0, .2);--color-modal-cardImageShadow: rgba(0, 0, 0, .2);--color-modal-buttonBg: rgba(247, 247, 247, .7);--color-modal-buttonBorder: rgba(0, 0, 0, .05);--color-modal-sectionBg: rgba(0, 0, 0, .03);--color-modal-sectionBgGreen: rgba(48, 209, 88, .08);--color-modal-sectionBgGreenDark: rgba(48, 209, 88, .12);--color-modal-spinnerBorder: rgba(0, 0, 0, .1);--color-modal-checkboxGreen: rgba(48, 209, 88, .8);--color-modal-checkboxGlow: rgba(48, 209, 88, .15);--color-modal-checkboxBg: rgba(48, 209, 88, .15);--color-modal-checkboxHighlight: rgba(255, 255, 255, .9);--color-modal-checkboxPulse: rgba(48, 209, 88, .25);--color-modal-checkboxPulseGlow: rgba(48, 209, 88, .3);--z-index-dropdown: 10;--z-index-topActions: 20;--z-index-floating: 50;--z-index-modalOverlay: 9998;--z-index-modalContent: 10000;--z-index-notification: 10001;--z-index-emergency: 99999;--duration-modalFade: .3s;--duration-modalInstantFade: 60ms;--color-modal-overlay: rgba(0, 0, 0, .4);--color-modal-overlayLight: rgba(0, 0, 0, .3);--color-modal-overlayDark: rgba(0, 0, 0, .6);--color-modal-buttonActive: rgba(60, 60, 67, .3);--color-modal-buttonActiveDark: rgba(235, 235, 245, .3);--opacity-invisible: 0;--opacity-light: .3;--opacity-medium: .5;--opacity-strong: .7;--effect-blur-modal: blur(8px) saturate(1.2);--max-width-message-image-landscape: 300px;--max-height-message-image-landscape: 225px;--max-width-message-image-landscape-mobile: 260px;--max-height-message-image-landscape-mobile: 195px;--max-width-message-image-portrait: 300px;--max-height-message-image-portrait: 400px;--max-width-message-image-portrait-mobile: 260px;--max-height-message-image-portrait-mobile: 347px;--max-width-message-image-square: 300px;--max-height-message-image-square: 300px;--max-width-message-image-square-mobile: 260px;--max-height-message-image-square-mobile: 260px;--min-width-message-image: 120px;--min-height-message-image: 80px;--max-width-message-image-absolute: 320px;--max-height-message-image-absolute: 400px;--max-width-message-voice: 280px;--max-width-message-voice-mobile: 250px;--min-width-message-voice: 180px;--size-record-button-legacy: 40px;--spacing-recording-controls-gap: var(--spacing-1\.5);--spacing-recording-controls-padding: 0 var(--spacing-1);--shadow-record-button: 0 2px 5px rgba(0, 0, 0, .1);--color-recording-timer: #ff3b30;--font-size-recording-timer: var(--font-size-sm);--spacing-recording-timer-margin: var(--spacing-1\.5);--size-recording-timer-min-width: var(--spacing-5);--font-weight-recording-timer: var(--font-weight-medium);--spacing-audio-wave-gap: var(--spacing-0\.75);--size-audio-wave-height: var(--spacing-2\.5);--spacing-audio-wave-margin: 0 var(--spacing-1);--size-audio-wave-bar-width: var(--spacing-0\.75);--color-audio-wave-bar: #ef4444;--radius-audio-wave-bar: var(--spacing-0\.75);--size-audio-wave-bar-1: var(--spacing-0\.5);--size-audio-wave-bar-2: var(--spacing-1\.25);--size-audio-wave-bar-3: var(--spacing-2\.25);--size-audio-wave-bar-4: var(--spacing-1\.75);--size-audio-wave-bar-5: var(--spacing-1\.25);--size-audio-wave-bar-6: var(--spacing-2);--size-audio-wave-bar-7: var(--spacing-1\.25);--size-audio-wave-bar-8: var(--spacing-1\.75);--size-audio-wave-bar-9: var(--spacing-0\.5);--size-audio-wave-bar-10: var(--spacing-0\.5);--opacity-audio-wave-start: .5;--opacity-audio-wave-end: 1;--scale-audio-wave-start: .3;--scale-audio-wave-end: 1;--bg-voice-message-controls: #f0f0f0;--bg-voice-message-controls-user: black;--color-voice-message-controls-user: white;--bg-voice-message-play-button: rgba(0, 0, 0, .1);--bg-voice-message-play-button-user: rgba(255, 255, 255, .2);--bg-voice-message-progress-bar: rgba(0, 0, 0, .1);--bg-voice-message-progress-bar-user: rgba(255, 255, 255, .2);--bg-voice-message-progress: #f8f9fa;--bg-voice-message-progress-user: #60a5fa;--font-size-voice-message-time: .8rem;--color-voice-message-time: #666;--color-voice-message-time-user: rgba(255, 255, 255, .8);--bg-voice-message-wave-bar: #f8f9fa;--bg-voice-message-wave-bar-user: #60a5fa;--size-intro-audio-player-min-width: 200px;--shadow-intro-audio-player: 0 2px 8px rgba(0, 0, 0, .1);--transition-intro-audio-player: all .3s ease;--size-intro-play-button: 36px;--transition-intro-play-button: all .2s ease;--size-intro-play-button-icon: 16px;--transform-intro-play-button-icon: translateX(1px);--transform-button-hover-lift: translateY(-3px);--spacing-intro-waveform-gap: var(--spacing-0\.5);--size-intro-waveform-height: var(--spacing-4);--size-intro-waveform-bar-width: var(--spacing-0\.75);--radius-intro-waveform-bar: var(--spacing-0\.5);--transition-intro-waveform-bar: all .3s ease;--scale-intro-wave-start: .5;--scale-intro-wave-end: 1;--size-intro-duration-min-width: var(--spacing-4\.5);--blur-subtle: blur(4px);--blur-backdrop: blur(20px);--blur-backdrop-enhanced: blur(20px) saturate(1.8);--elevation-0: 0;--elevation-1: 1;--elevation-2: 2;--elevation-3: 3;--elevation-5: 5;--elevation-10: 10;--elevation-20: 20;--elevation-50: 50;--elevation-100: 100;--spacing-layout-page: 40px;--spacing-layout-section: 64px;--spacing-layout-grid: 40px;--spacing-component-xs: 8px;--spacing-component-sm: 16px;--spacing-component-md: 24px;--spacing-component-lg: 32px;--spacing-component-xl: 40px;--spacing-inset-xs: 8px;--spacing-inset-sm: 16px;--spacing-inset-md: 24px;--spacing-inset-lg: 32px;--spacing-card-padding: 32px;--spacing-card-gap: 16px;--spacing-chat-messagePadding: 24px;--spacing-chat-messageGap: 16px;--spacing-chat-inputPadding: 16px;--font-family-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-family-appleSystem: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-2xs: 11px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-15: 15px;--font-size-base: 16px;--font-size-17: 17px;--font-size-lg: 18px;--font-size-19: 19px;--font-size-xl: 20px;--font-size-2xl: 22px;--font-size-3xl: 24px;--font-size-4xl: 28px;--font-size-5xl: 32px;--font-size-6xl: 36px;--font-size-7xl: 42px;--font-size-8xl: 48px;--font-size-9xl: 64px;--line-height-none: 1;--line-height-tight: 1.2;--line-height-compact: 1.3;--line-height-snug: 1.375;--line-height-button: 1.4;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--color-bubble-sent: var(--color-primary);--color-bubble-sent-text: #FFFFFF;--color-bubble-received: #E5E5EA;--color-bubble-received-text: var(--color-label);--color-messages-background: #FFFFFF;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--state-hover-subtle: rgba(0, 0, 0, .05);--state-active-subtle: rgba(0, 0, 0, .1);--bg-input-container: rgba(247, 247, 247, .7);--bg-input-container-dark: rgba(28, 28, 30, .7);--bg-input-wrapper: rgba(255, 255, 255, .6);--bg-input-wrapper-focus: rgba(255, 255, 255, .8);--bg-input-wrapper-dark: rgba(44, 44, 46, .5);--bg-input-wrapper-focus-dark: rgba(44, 44, 46, .7);--bg-external-button: rgba(255, 255, 255, .85);--bg-external-button-hover: rgba(255, 255, 255, .95);--bg-external-button-active: rgba(255, 255, 255, .9);--bg-external-button-dark: rgba(44, 44, 46, .6);--bg-external-button-hover-dark: rgba(44, 44, 46, .8);--bg-input-button-hover: rgba(0, 0, 0, .04);--bg-input-button-active: rgba(0, 0, 0, .06);--bg-input-button-hover-dark: rgba(255, 255, 255, .1);--bg-recording-mode: rgba(255, 59, 48, .05);--border-input-container: .5px solid rgba(0, 0, 0, .05);--border-input-container-dark: .5px solid rgba(44, 44, 46, .2);--border-input-wrapper: 1px solid rgba(0, 0, 0, .08);--border-input-wrapper-dark: 1px solid rgba(44, 44, 46, .3);--border-external-button: 1px solid rgba(0, 0, 0, .08);--border-external-button-hover: rgba(0, 0, 0, .12);--border-external-button-dark: 1px solid rgba(44, 44, 46, .3);--border-recording-mode: rgba(255, 59, 48, .2);--shadow-input-container: 0 -.5px 0 0 rgba(0, 0, 0, .04);--size-external-button: 36px;--size-input-button: 36px;--size-input-button-mobile: 32px;--size-input-wrapper-min-height: 40px;--size-input-wrapper-max-height: 120px;--size-input-field-min-height: 40px;--size-input-field-max-height: 100px;--size-external-button-mobile: 32px;--size-input-wrapper-mobile: 32px;--size-input-button-large-mobile: 40px;--size-record-button: 50px;--size-icon-standard: 20px;--size-icon-small: 16px;--spacing-input-button-right: 4px;--spacing-input-field-padding: 8px 12px;--spacing-input-field-padding-mobile: 6px 10px;--spacing-record-controls: var(--spacing-3);--color-external-button: rgba(0, 0, 0, .4);--color-external-button-dark: rgba(255, 255, 255, .6);--color-placeholder: var(--color-textSecondary);--color-placeholder-dark: rgba(255, 255, 255, .5);--color-white-75: rgba(255, 255, 255, .75);--color-white-80: rgba(255, 255, 255, .8);--color-white-90: rgba(255, 255, 255, .9);--blur-input-container: blur(20px);--blur-external-button: blur(10px);--transition-input-standard: .2s ease;--transition-input-fast: .1s ease;--opacity-placeholder: .6;--animation-message-translateY: 5px;--opacity-message-time: .7;--layout-message-max-width-desktop: 90%;--layout-message-max-width-mobile: 85%;--spacing-quick-reply-gap: 6px;--spacing-quick-reply-padding-bottom: 3px;--spacing-quick-reply-edge-offset: 31px;--spacing-quick-reply-button-horizontal: 15px;--size-quick-reply-custom-button: 34px;--size-quick-reply-button-height: 34px;--size-filter-button-height: 34px;--shadow-quick-reply: 0 1px 3px rgba(0, 0, 0, .08);--border-canvas-container: 1px solid #e1e1e1;--bg-canvas-container: #fff;--shadow-canvas-container: 0 -2px 10px rgba(0, 0, 0, .05);--radius-canvas-container-mobile: 20px;--shadow-button-card: 0 2px 8px rgba(0, 0, 0, .1);--shadow-button-card-hover: 0 4px 12px rgba(0, 0, 0, .15);--shadow-button-card-dark: 0 2px 8px rgba(0, 0, 0, .3);--shadow-button-card-hover-dark: 0 4px 12px rgba(0, 0, 0, .4);--height-button-card-image: 160px;--line-height-button-card-title: 1.4;--bg-button-card-image: #f8f9fa;--bg-button-card-image-dark: #1a1a1a;--bg-button-card-placeholder: #f0f0f0;--color-button-card-placeholder: #777;--color-button-card-primary-hover: var(--color-primary-hover);--gradient-button-card-overlay: linear-gradient(to bottom, rgba(0,0,0,0) 70%, rgba(0,0,0,.3) 100%);--size-product-card-width-desktop: 220px;--size-product-card-width-tablet: 200px;--size-product-card-width-mobile: 170px;--size-product-card-width-small: 165px;--size-product-card-width-xs: 155px;--size-product-image-height-desktop: 160px;--size-product-image-height-mobile: 130px;--size-product-info-min-height: 115px;--size-product-info-min-height-mobile: 100px;--size-product-info-min-height-small: 95px;--size-product-name-min-height: 38px;--size-product-name-min-height-mobile: 34px;--size-wishlist-button: 36px;--size-wishlist-button-mobile: 32px;--size-wishlist-icon: 22px;--size-wishlist-icon-mobile: 20px;--size-select-button: 36px;--size-select-button-mobile: 32px;--size-checkbox: 22px;--size-checkbox-mobile: 20px;--size-button-min-width-sm: 120px;--size-button-min-width-md: 150px;--size-button-max-width-md: 250px;--spacing-product-grid-gap: var(--spacing-2);--spacing-product-grid-gap-mobile: var(--spacing-1\.5);--spacing-product-grid-gap-small: var(--spacing-1);--spacing-product-info-padding-desktop: var(--spacing-2);--spacing-product-info-padding-mobile: var(--spacing-1\.25);--spacing-product-name-margin: 6px;--spacing-product-name-margin-mobile: 4px;--spacing-product-price-gap: var(--spacing-1);--spacing-product-price-gap-mobile: 4px;--spacing-product-top-position: 10px;--spacing-product-right-position: 5px;--spacing-product-price-row-gap: var(--spacing-1);--spacing-product-button-group-gap: 4px;--spacing-product-image-rect-padding: 5px;--spacing-product-name-margin-bottom: 6px;--spacing-product-brand-margin-bottom: 6px;--border-radius-product-card: 16px;--border-radius-product-card-mobile: var(--border-radius-lg);--border-radius-product-image: 16px 16px 0 0;--border-radius-product-image-mobile: var(--border-radius-lg) var(--border-radius-lg) 0 0;--border-radius-wishlist-button: 18px;--line-height-product-name: 1.25;--letter-spacing-product-name: -.01em;--font-size-product-name: 15px;--font-size-product-brand: 13px;--font-size-product-price: 15px;--shadow-product-card: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--shadow-product-image: 0 16px 32px -8px rgba(0, 0, 0, .153);--shadow-product-card-dark: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .12);--shadow-product-card-hover-dark: 0 2px 8px rgba(0, 0, 0, .3), 0 1px 4px rgba(0, 0, 0, .2);--shadow-product-card-selected-dark: 0 0 0 2px var(--color-primary), 0 2px 8px rgba(0, 0, 0, .3);--color-product-image-bg: var(--color-card);--color-product-wishlist-icon: #6e6e73;--color-product-star-filled: #FFB800;--color-product-star-empty: #D1D1D6;--bg-product-modal-image: #fafafa;--bg-product-comparison: #fafafa;--layout-header-height: 58px;--layout-input-area-height: 100px;--layout-header-height-mobile: 52px;--layout-input-area-height-mobile: 100px;--layout-content-breathing-room: var(--spacing-component-lg);--layout-content-breathing-room-mobile: var(--spacing-4);--layout-safe-area-bottom-ios: env(safe-area-inset-bottom, 20px);--layout-safe-area-bottom-android: 16px;--layout-pwa-bottom-padding: var(--spacing-component-sm);--content-max-width: 768px;--content-max-width-mobile: 100%;--spacing-responsive-mobile-min: 8px;--spacing-responsive-mobile-preferred: 2vw;--spacing-responsive-mobile-max: 12px;--spacing-responsive-desktop-min: 48px;--spacing-responsive-desktop-preferred: 7vw;--spacing-responsive-desktop-max: 96px;--spacing-responsive-large-min: 64px;--spacing-responsive-large-preferred: 8vw;--spacing-responsive-large-max: 120px;--spacing-responsive-xl-min: 64px;--spacing-responsive-xl-preferred: 8vw;--spacing-responsive-xl-max: 120px;--font-size-icon-large: var(--font-size-8xl);--font-size-icon-medium: var(--font-size-4xl);--border-radius-notification: var(--radius-md);--scroll-behavior-smooth: auto;--scroll-behavior-auto: auto;--will-change-scroll: transform;--container-mobile-padding: 4px;--container-scrollbar-width: 6px;--container-scrollbar-radius: 3px;--layout-scroll-anchor-height: 0px;--layout-scroll-anchor-width: 1px;--layout-border-width-standard: 1px;--content-description-max-width: 500px;--content-notification-max-width: 90%;--spacing-product-cardWidth: var(--spacing-27\.5);--spacing-product-cardMinHeight: var(--spacing-14\.375);--spacing-product-touchTarget: var(--spacing-5\.5);--spacing-product-gridGap: var(--spacing-4);--spacing-product-buttonGap: var(--spacing-1);--spacing-modal-maxWidth: 900px;--spacing-modal-borderRadius: 20px;--spacing-modal-padding: 24px;--aspect-ratio-product-image: 75%;--aspect-ratio-mobile: 65%;--aspect-ratio-square-legacy: 100%;--aspect-ratio-video: 56.25%;--aspect-ratio-golden: 61.8%;--aspect-ratio-widescreen: 42.857%;--aspect-ratio-square: 1 / 1;--aspect-ratio-landscape: 4 / 3;--aspect-ratio-widescreen-modern: 16 / 9;--aspect-ratio-portrait: 3 / 4;--utility-card-header-bg: rgba(250, 250, 252, .8);--utility-match-card-bg: rgba(0, 113, 227, .08);--percentage-modalWidthMobile: 92%;--percentage-modalHeightMobile: 85vh;--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .03);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .05);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .08);--shadow-strong: 0 8px 28px rgba(0, 0, 0, .12);--shadow-productCard: 0 2px 14px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .03);--shadow-productCardHover: 0 8px 28px rgba(0, 0, 0, .12);--shadow-productImage: 0 16px 32px -8px rgba(0, 0, 0, .153);--shadow-button: 0 2px 8px rgba(60, 60, 67, .25);--shadow-buttonHover: 0 4px 12px rgba(60, 60, 67, .35);--shadow-primaryGlow: 0 4px 20px rgba(60, 60, 67, .3);--shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-dropdown: 0 10px 25px rgba(0, 0, 0, .15);--shadow-focus: 0 0 0 3px rgba(60, 60, 67, .3);--shadow-appleModal: 0 4px 12px rgba(0, 0, 0, .15);--shadow-none: none;--shadow-layout-card: var(--shadow-productCard);--shadow-layout-surface: var(--shadow-soft);--shadow-layout-elevated: var(--shadow-medium);--shadow-layout-floating: var(--shadow-strong);--shadow-interactive-button: var(--shadow-button);--shadow-interactive-buttonHover: var(--shadow-buttonHover);--shadow-interactive-focus: var(--shadow-focus);--shadow-interactive-focusVisible: var(--shadow-focusVisible);--shadow-filter-button: var(--shadow-filterButton);--shadow-filter-buttonActive: var(--shadow-filterButtonActive);--shadow-filter-buttonFocus: var(--shadow-filterButtonFocus);--shadow-filter-buttonDisabled: var(--shadow-filterButtonDisabled);--shadow-product-card: var(--shadow-productCard);--shadow-product-cardHover: var(--shadow-productCardHover);--shadow-product-image: var(--shadow-productImage);--shadow-overlay-modal: var(--shadow-modal);--shadow-overlay-dropdown: var(--shadow-dropdown);--duration-micro: 10ms;--duration-instant: .1s;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--duration-hover: .2s;--duration-focus: .15s;--duration-reveal: 1.1s;--duration-modal: .4s;--duration-cardReveal: 1.1s;--duration-cardInitial: 16ms;--duration-cardAnimate: .3s;--duration-cardAnimateMobile: .25s;--duration-buttonPress: .1s;--duration-imageLoad: .3s;--duration-instantFade: 60ms;--duration-pulseAnimation: 1.6s;--duration-noMotion: .01ms;--easing-apple: cubic-bezier(.25, .1, .25, 1);--easing-appleSpring: cubic-bezier(.65, 0, .35, 1);--easing-ease: ease;--easing-easeIn: ease-in;--easing-easeOut: ease-out;--easing-easeInOut: ease-in-out;--easing-linear: linear;--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--easing-smooth: cubic-bezier(.4, 0, .2, 1);--easing-appleAccelerate: cubic-bezier(.4, 0, 1, 1);--easing-appleDecelerate: cubic-bezier(0, 0, .2, 1);--easing-appleCard: cubic-bezier(.33, 1, .68, 1);--easing-applePulse: cubic-bezier(.52, 0, .48, 1);--easing-appleModal: cubic-bezier(.175, .885, .32, 1.275);--transition-color: color var(--duration-fast) var(--easing-ease);--transition-backgroundColor: background-color var(--duration-fast) var(--easing-ease);--transition-borderColor: border-color var(--duration-fast) var(--easing-ease);--transition-opacity: opacity var(--duration-normal) var(--easing-apple);--transition-opacityFast: opacity var(--duration-fast) var(--easing-ease);--transition-transform: transform var(--duration-normal) var(--easing-apple);--transition-transformFast: transform var(--duration-fast) var(--easing-apple);--transition-all: all var(--duration-normal) var(--easing-apple);--transition-allFast: all var(--duration-fast) var(--easing-ease);--transition-button: background-color var(--duration-hover) var(--easing-ease);--transition-card: box-shadow var(--duration-hover) var(--easing-ease);--transition-modal: all var(--duration-modal) var(--easing-apple);--delay-none: 0ms;--delay-short: 50ms;--delay-medium: .1s;--delay-long: .15s;--delay-stagger1: .1s;--delay-stagger2: .15s;--delay-stagger3: .2s;--delay-stagger4: .25s;--scale-hover: 1.02;--scale-press: .98;--scale-none: 1;--scale-normal: 1;--scale-shrink: .95;--scale-expand: 1.02;--animation-interaction-hover: var(--transition-color);--animation-interaction-focus: all var(--duration-focus) var(--easing-ease);--animation-interaction-press: all var(--duration-buttonPress) var(--easing-ease);--animation-layout-modal: var(--transition-modal);--animation-layout-card: var(--transition-card);--animation-layout-reveal: opacity var(--duration-reveal) var(--easing-apple);--animation-product-cardReveal: opacity var(--duration-cardReveal) var(--easing-apple);--animation-product-imageLoad: opacity var(--duration-imageLoad) var(--easing-ease);--animation-product-hoverShadow: box-shadow var(--duration-hover) var(--easing-ease);--color-systemGray: #8E8E93;--color-systemGray2: #AEAEB2;--color-systemGray3: #C7C7CC;--color-systemGray4: #D1D1D6;--color-systemGray5: #E5E5EA;--color-systemGray6: #F2F2F7;--color-iconSecondary: #8E8E93;--color-backgroundLight: #E5E5EA;--color-disabledBackground: #1C1C1E;--color-disabledText: #8E8E93;--opacity-disabled: .6;--opacity-semiTransparent: .5;--opacity-subtle: .3;--opacity-faint: .25;--opacity-hidden: 0;--opacity-visible: 1;--opacity-pulseMin: .25;--opacity-pulseMax: .45;--opacity-ringSoft: .3;--opacity-ringBright: .8;--z-index-base: 0;--z-index-content: 1;--z-index-elevated: 2;--z-index-ui: 5;--z-index-navigation: 20;--z-index-overlay: 50;--z-index-backdrop: 1500;--z-index-modal: 9999;--z-index-tooltip: 9999;--effect-blur-none: blur(0);--effect-blur-subtle: blur(4px);--effect-blur-light: blur(5px);--effect-blur-medium: blur(8px);--effect-blur-strong: blur(12px);--effect-blur-appleModal: blur(20px);--effect-blur-appleCard: blur(16px);--effect-blur-detailModal: blur(8px) saturate(1.2);--effect-backdrop-none: none;--effect-backdrop-blur: blur(20px);--effect-backdrop-blurSubtle: blur(8px);--glassmorphism-bg-primary: rgba(247, 247, 247, .7);--glassmorphism-bg-primary-dark: rgba(28, 28, 30, .7);--glassmorphism-bg-secondary: rgba(242, 242, 247, .78);--glassmorphism-bg-secondary-dark: rgba(28, 28, 30, .78);--glassmorphism-bg-elevated: rgba(247, 247, 247, .75);--glassmorphism-bg-elevated-dark: rgba(32, 32, 34, .75);--glassmorphism-blur-standard: blur(20px);--glassmorphism-blur-subtle: blur(16px);--glassmorphism-blur-backdrop: blur(8px);--glassmorphism-saturate-standard: saturate(1.8);--glassmorphism-saturate-subtle: saturate(1.2);--glassmorphism-primary: var(--glassmorphism-bg-primary);--glassmorphism-primary-filter: var(--glassmorphism-blur-standard) var(--glassmorphism-saturate-standard);--glassmorphism-primary-dark: var(--glassmorphism-bg-primary-dark);--glassmorphism-secondary: var(--glassmorphism-bg-secondary);--glassmorphism-secondary-filter: var(--glassmorphism-blur-standard) var(--glassmorphism-saturate-standard);--glassmorphism-secondary-dark: var(--glassmorphism-bg-secondary-dark);--glassmorphism-elevated: var(--glassmorphism-bg-elevated);--glassmorphism-elevated-filter: var(--glassmorphism-blur-subtle) var(--glassmorphism-saturate-standard);--glassmorphism-elevated-dark: var(--glassmorphism-bg-elevated-dark);--glassmorphism-backdrop-filter: var(--glassmorphism-blur-backdrop) var(--glassmorphism-saturate-subtle)}@media (prefers-color-scheme: dark){:root{--color-systemMartiGray: #5A5A5E;--color-systemMartiGrayHover: #6A6A6E;--color-systemBlue: #0A84FF;--color-systemGreen: #30D158;--color-systemRed: #FF453A;--color-systemOrange: #FF9F0A;--color-systemYellow: #FFD60A;--color-systemPink: #FF375F;--color-systemPurple: #BF5AF2;--color-systemTeal: #64D2FF;--color-systemIndigo: #5E5CE6;--color-label: #FFFFFF;--color-secondaryLabel: rgba(235, 235, 245, .6);--color-tertiaryLabel: rgba(235, 235, 245, .3);--color-quaternaryLabel: rgba(235, 235, 245, .16);--color-systemFill: rgba(120, 120, 128, .36);--color-secondarySystemFill: rgba(120, 120, 128, .32);--color-tertiarySystemFill: rgba(118, 118, 128, .28);--color-quaternarySystemFill: rgba(118, 118, 128, .24);--color-systemBackground: #000000;--color-secondarySystemBackground: #1C1C1E;--color-tertiarySystemBackground: #2C2C2E;--color-systemGroupedBackground: #000000;--color-secondarySystemGroupedBackground: #1C1C1E;--color-tertiarySystemGroupedBackground: #2C2C2E;--color-separator: rgba(84, 84, 88, .65);--color-opaqueSeparator: #38383A;--color-primary: var(--color-systemMartiGray);--color-primary-hover: var(--color-systemMartiGrayHover);--color-primary-rgb: 90, 90, 94;--color-secondary: var(--color-systemTeal);--color-shadowFocus-rgb: 90, 90, 94;--color-bubble-sent: var(--color-primary);--color-bubble-sent-text: #FFFFFF;--color-bubble-received: #2C2C2E;--color-bubble-received-text: var(--color-label);--color-messages-background: #000000;--color-iconInactive: var(--color-iconInactiveDark);--color-closeButtonBg: var(--color-closeButtonBgDark);--color-modal-buttonBg: rgba(44, 44, 46, .8);--color-modal-buttonBorder: rgba(255, 255, 255, .1);--color-modal-overlay: var(--color-modal-overlayDark);--color-successGlow: rgba(52, 199, 89, .4);--color-successBorder: rgba(52, 199, 89, .3);--color-successSubtle: rgba(52, 199, 89, .12)}}.dark-theme{--color-systemMartiGray: #5A5A5E;--color-systemMartiGrayHover: #6A6A6E;--color-systemBlue: #0A84FF;--color-systemGreen: #30D158;--color-systemRed: #FF453A;--color-systemOrange: #FF9F0A;--color-systemYellow: #FFD60A;--color-systemPink: #FF375F;--color-systemPurple: #BF5AF2;--color-systemTeal: #64D2FF;--color-systemIndigo: #5E5CE6;--color-label: #FFFFFF;--color-secondaryLabel: rgba(235, 235, 245, .6);--color-tertiaryLabel: rgba(235, 235, 245, .3);--color-quaternaryLabel: rgba(235, 235, 245, .16);--color-systemFill: rgba(120, 120, 128, .36);--color-secondarySystemFill: rgba(120, 120, 128, .32);--color-tertiarySystemFill: rgba(118, 118, 128, .28);--color-quaternarySystemFill: rgba(118, 118, 128, .24);--color-systemBackground: #000000;--color-systemBackgroundTranslucent: rgba(0, 0, 0, .9);--color-secondarySystemBackground: #1C1C1E;--color-tertiarySystemBackground: #2C2C2E;--color-systemGroupedBackground: #000000;--color-secondarySystemGroupedBackground: #1C1C1E;--color-tertiarySystemGroupedBackground: #2C2C2E;--color-separator: rgba(84, 84, 88, .65);--color-opaqueSeparator: #38383A;--color-primary: var(--color-systemMartiGray);--color-primary-hover: var(--color-systemMartiGrayHover);--color-primary-rgb: 90, 90, 94;--color-primaryTranslucent: rgba(90, 90, 94, .1);--color-primaryBorder: rgba(90, 90, 94, .2);--color-primaryGlow: rgba(90, 90, 94, .3);--color-secondary: var(--color-systemTeal);--color-shadowFocus-rgb: 90, 90, 94;--color-bubble-sent: var(--color-primary);--color-bubble-sent-text: #FFFFFF;--color-bubble-received: #2C2C2E;--color-bubble-received-text: var(--color-label);--color-messages-background: #000000;--color-iconInactive: var(--color-iconInactiveDark);--color-closeButtonBg: var(--color-closeButtonBgDark);--color-modal-buttonBg: rgba(44, 44, 46, .8);--color-modal-buttonBorder: rgba(255, 255, 255, .1);--color-modal-overlay: var(--color-modal-overlayDark)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;height:100%;scroll-behavior:auto}body{font-family:var(--font-family-appleSystem);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-label);background:var(--color-systemGroupedBackground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow-x:hidden;font:-apple-system-body}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font-family:inherit;font-size:100%;line-height:1.15}img,svg{display:block;max-width:100%}@supports (-webkit-touch-callout: none){body,html{height:-webkit-fill-available}}@media (max-width: 768px){html{font-size:14px}}@media (prefers-contrast: high){:root{--color-separator: var(--color-opaqueSeparator)}.dark-theme{--color-separator: var(--color-opaqueSeparator)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}::-moz-selection{background-color:var(--color-primary);color:var(--color-systemBackground)}::selection{background-color:var(--color-primary);color:var(--color-systemBackground)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-tertiarySystemFill)}::-webkit-scrollbar-thumb{background:var(--color-secondarySystemFill);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-systemFill)}.main-navigation{position:sticky;top:0;z-index:var(--z-index-navigation);background:var(--glassmorphism-primary);-webkit-backdrop-filter:var(--glassmorphism-primary-filter);backdrop-filter:var(--glassmorphism-primary-filter);border-bottom:1px solid var(--color-separator);box-shadow:0 1px 3px #0000000a}.nav-desktop{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-6);width:100%;max-width:none}.header-brand{font-size:var(--font-size-lg);font-weight:700;color:var(--color-label);letter-spacing:var(--letter-spacing-tight);margin:0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-systemBlue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links-container{display:flex;gap:var(--spacing-2);background:var(--color-tertiarySystemBackground);padding:var(--spacing-1);border-radius:var(--border-radius-xl);border:1px solid var(--color-separator)}.nav-link{padding:var(--spacing-1\.5) var(--spacing-3);border-radius:var(--border-radius-lg);text-decoration:none;font-size:var(--font-size-sm);font-weight:600;transition:all var(--duration-fast) ease;position:relative;overflow:hidden}.nav-link:not(.active){color:var(--color-secondaryLabel);background:transparent}.nav-link:not(.active):hover{color:var(--color-label);background:var(--color-systemFill);transform:translateY(-1px)}.nav-link.active{color:var(--color-systemBackground);background:var(--color-primary);box-shadow:var(--shadow-button)}.nav-link.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 100%);pointer-events:none}.header-right{display:flex;align-items:center;gap:var(--spacing-3)}.selected-client-badge{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-systemFill);border-radius:var(--border-radius-xl);border:1px solid var(--color-separator);transition:var(--transition-all)}.selected-client-badge:hover{background:var(--color-secondarySystemFill);border-color:var(--color-primary)}.client-color-indicator{width:8px;height:8px;border-radius:var(--border-radius-full);border:1px solid rgba(255,255,255,.2)}.client-name{font-size:var(--font-size-sm);color:var(--color-label);font-weight:500}.logout-button{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-lg);background:var(--color-primary);color:var(--color-systemBackground);border:none;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-button);position:relative;overflow:hidden}.logout-button:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-buttonHover)}.logout-button:active{transform:translateY(0)}.nav-mobile{display:none}.nav-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2\.5) var(--spacing-4)}.hamburger-button{background:none;border:none;cursor:pointer;padding:var(--spacing-1\.5);border-radius:var(--border-radius-lg);transition:var(--transition-backgroundColor)}.hamburger-button:hover{background:var(--color-systemFill)}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:24px;height:18px}.hamburger-icon span{display:block;width:100%;height:2px;background:var(--color-label);border-radius:1px;transition:var(--transition-transform)}.hamburger-icon.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-modal-overlay);-webkit-backdrop-filter:var(--glassmorphism-backdrop-filter);backdrop-filter:var(--glassmorphism-backdrop-filter);z-index:var(--z-index-modal);display:flex;justify-content:flex-end}.mobile-menu{background:var(--glassmorphism-secondary);-webkit-backdrop-filter:var(--glassmorphism-secondary-filter);backdrop-filter:var(--glassmorphism-secondary-filter);width:280px;height:100%;padding:var(--spacing-6) var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-6);border-left:1px solid var(--color-separator)}.mobile-preset-indicator{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);background:var(--color-systemFill);borderRadius:var(--border-radius-lg);fontSize:var(--font-size-sm);fontWeight:500;color:var(--color-label)}.mobile-nav-links{display:flex;flex-direction:column;gap:var(--spacing-1)}.mobile-nav-link{padding:var(--spacing-2\.5) var(--spacing-3);border-radius:var(--border-radius-lg);color:var(--color-label);text-decoration:none;fontSize:var(--font-size-base);fontWeight:500;transition:var(--transition-backgroundColor)}.mobile-nav-link:hover{background:var(--color-systemFill)}.mobile-nav-link.active{background:var(--color-primary);color:var(--color-systemBackground)}.mobile-user-section{margin-top:auto;padding-top:var(--spacing-4);border-top:1px solid var(--color-separator);display:flex;flex-direction:column;gap:var(--spacing-3)}.mobile-user-email{color:var(--color-secondaryLabel);fontSize:var(--font-size-sm);fontWeight:500}.mobile-logout-btn{width:100%}.main-content{min-height:calc(100vh - var(--layout-header-height));padding:var(--spacing-6);width:100%}.main-content:has(.asset-editor-page){padding:0;min-height:0;height:calc(100vh - var(--layout-header-height));overflow:hidden}@media (max-width: 768px){.nav-desktop{display:none}.nav-mobile{display:block}.main-content{min-height:calc(100vh - var(--layout-header-height-mobile));padding:var(--spacing-4)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.campaign-builder-container{width:100%;padding:0 var(--spacing-4)}.campaign-builder-header{text-align:center;margin-bottom:var(--spacing-8)}.campaign-builder-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-label);margin-bottom:var(--spacing-2);letter-spacing:var(--letter-spacing-tight)}.campaign-builder-subtitle{font-size:var(--font-size-lg);color:var(--color-secondaryLabel);max-width:600px;margin:0 auto;line-height:var(--line-height-relaxed)}.client-selection-warning{background:var(--color-warningSubtle);border:1px solid var(--color-warningBorder);border-radius:var(--border-radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-8);text-align:center}.client-selection-warning h2{color:var(--color-warning);font-size:var(--font-size-xl);margin-bottom:var(--spacing-3)}.client-selection-warning p{color:var(--color-label);font-size:var(--font-size-base);margin-bottom:var(--spacing-4);line-height:var(--line-height-relaxed)}.client-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-4);margin-top:var(--spacing-4)}.client-selection-card{background:var(--color-systemBackground);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-4);cursor:pointer;transition:var(--transition-all)}.client-selection-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card);transform:translateY(-2px)}.selected-client-banner{background:var(--color-primaryTranslucent);border:1px solid var(--color-primaryBorder);border-radius:var(--border-radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-6)}.selected-client-content{display:flex;justify-content:space-between;align-items:center}.selected-client-info h2{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.selected-client-info p{color:var(--color-label);font-size:var(--font-size-base);margin:0}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-4);margin-top:var(--spacing-4)}.client-card{background:var(--color-systemBackground);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-4);transition:var(--transition-all)}.client-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.client-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.client-card-brand{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-label);margin-bottom:var(--spacing-1)}.client-card-industry{font-size:var(--font-size-sm);color:var(--color-secondaryLabel)}.client-card-actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-3)}.client-card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-2);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-separator)}.client-card-stat{text-align:center}.client-card-stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.client-card-stat-label{font-size:var(--font-size-xs);color:var(--color-tertiaryLabel);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-modalOverlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);padding:var(--spacing-4)}.modal-content{background:var(--color-systemBackground);border-radius:var(--border-radius-modal);box-shadow:var(--shadow-appleModal);border:1px solid var(--color-border);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border-bottom:1px solid var(--color-separator)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-label);margin:0}.modal-close{background:none;border:none;font-size:var(--font-size-xl);color:var(--color-tertiaryLabel);cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius-lg);transition:var(--transition-backgroundColor)}.modal-close:hover{background:var(--color-systemFill)}.modal-body{padding:var(--spacing-4)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-2);padding:var(--spacing-4);border-top:1px solid var(--color-separator)}.presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-4);margin-top:var(--spacing-4)}.preset-card{background:var(--color-systemBackground);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-4);transition:var(--transition-all);position:relative}.preset-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px);border-color:var(--color-primary)}.preset-card.selected{border-color:var(--color-primary);background:var(--color-primaryTranslucent)}.preset-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.preset-logo{width:48px;height:48px;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);flex-shrink:0}.preset-info{flex:1;min-width:0}.preset-brand{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-label);margin:0 0 var(--spacing-1) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-industry{font-size:var(--font-size-sm);color:var(--color-secondaryLabel);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-details{border-top:1px solid var(--color-separator);padding-top:var(--spacing-3);margin-top:var(--spacing-3)}.preset-detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.preset-detail-row:last-child{margin-bottom:0}.preset-label{font-size:var(--font-size-sm);color:var(--color-secondaryLabel);font-weight:500}.preset-value{font-size:var(--font-size-sm);color:var(--color-label);font-family:var(--font-family-mono);text-align:right;word-break:break-all;max-width:60%}.preset-actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-4);padding-top:var(--spacing-3);border-top:1px solid var(--color-separator)}.preset-actions .btn{flex:1}.preset-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-separator)}.preset-stat{text-align:center}.preset-stat-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary);display:block}.preset-stat-label{font-size:var(--font-size-xs);color:var(--color-tertiaryLabel);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-top:var(--spacing-1)}.preset-badge{position:absolute;top:var(--spacing-2);right:var(--spacing-2);background:var(--color-success);color:var(--color-systemBackground);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.preset-badge.active{background:var(--color-primary)}.preset-selected-badge{position:absolute;top:var(--spacing-2);right:var(--spacing-2);background:var(--color-success);color:var(--color-systemBackground);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.monospace{font-family:var(--font-family-mono)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.form-section{margin-bottom:var(--spacing-6)}.form-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-label);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-separator)}.form-group{margin-bottom:var(--spacing-4)}.form-group:last-child{margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.color-input-group{display:flex;gap:var(--spacing-2);align-items:center}.color-input-group input[type=color]{width:40px;height:40px;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);cursor:pointer;background:none}.color-input-group input[type=text]{flex:1}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-2)}.checkbox-item{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1\.5) var(--spacing-2);background:var(--color-systemFill);border-radius:var(--border-radius-lg);cursor:pointer;transition:var(--transition-backgroundColor);-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-item:hover{background:var(--color-secondarySystemFill)}.checkbox-item.checked{background:var(--color-primaryTranslucent);color:var(--color-primary)}.checkbox-item input[type=checkbox]{margin:0}.checkbox-item label{font-size:var(--font-size-sm);font-weight:500;cursor:pointer;margin:0}.variants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-4);margin-top:var(--spacing-4)}.variant-card{background:var(--color-systemBackground);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-4);cursor:pointer;transition:var(--transition-all);position:relative;min-height:400px;display:flex;flex-direction:column}.variant-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card);transform:translateY(-2px)}.variant-card.selected{border-color:var(--color-primary);background:var(--color-primaryTranslucent);box-shadow:var(--shadow-primaryGlow)}.variant-card.approved{border-color:var(--color-success)}.variant-card.pending{border-color:var(--color-warning)}.step-progress-container{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-8);padding:var(--spacing-4);background:var(--color-systemFill);border-radius:var(--border-radius-lg)}.step-progress-item{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;max-width:200px}.step-progress-circle{width:40px;height:40px;border-radius:50%;background:var(--color-tertiarySystemFill);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);color:var(--color-tertiaryLabel);margin-bottom:var(--spacing-2);transition:var(--transition-all)}.step-progress-circle.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-systemBackground)}.step-progress-circle.completed{background:var(--color-success);border-color:var(--color-success);color:var(--color-systemBackground)}.step-progress-info{text-align:center}.step-progress-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-secondaryLabel);margin-bottom:var(--spacing-1)}.step-progress-title.active{color:var(--color-primary)}.step-progress-description{font-size:var(--font-size-xs);color:var(--color-tertiaryLabel)}.step-progress-line{position:absolute;top:20px;left:60%;right:-40%;height:2px;background:var(--color-border);transition:var(--transition-all)}.step-progress-line.completed{background:var(--color-success)}.form-section{background:var(--color-systemBackground);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.form-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-label);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-separator)}.form-grid.two-columns{grid-template-columns:repeat(2,1fr)}.campaign-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-3);margin-top:var(--spacing-4)}.campaign-category-card{background:var(--color-systemBackground);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-4);text-align:center;cursor:pointer;transition:var(--transition-all)}.campaign-category-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card)}.campaign-category-card.selected{border-color:var(--color-primary);background:var(--color-primaryTranslucent)}.campaign-category-icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-2);display:block}.campaign-category-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-label);margin-bottom:var(--spacing-1)}.campaign-category-description{font-size:var(--font-size-sm);color:var(--color-secondaryLabel);margin:0}.campaign-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-4);margin-top:var(--spacing-4)}.campaign-type-card{background:var(--color-systemBackground);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-4);cursor:pointer;transition:var(--transition-all)}.campaign-type-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card)}.campaign-type-card.selected{border-color:var(--color-primary);background:var(--color-primaryTranslucent)}.campaign-type-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.campaign-type-icon{font-size:var(--font-size-xl)}.campaign-type-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-label);margin:0}.campaign-type-description{font-size:var(--font-size-sm);color:var(--color-secondaryLabel);margin:0;line-height:var(--line-height-relaxed)}.campaign-form-section{background:var(--color-systemBackground);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.campaign-form-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-label);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-separator)}.campaign-targeting-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4);margin-top:var(--spacing-4)}.campaign-targeting-item{background:var(--color-systemFill);border-radius:var(--border-radius-lg);padding:var(--spacing-3)}.campaign-targeting-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-label);margin-bottom:var(--spacing-1);display:block}.campaign-targeting-value{font-size:var(--font-size-base);color:var(--color-secondaryLabel)}.campaign-step{background:var(--color-systemBackground);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.campaign-step-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.campaign-step-number{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:var(--color-systemBackground);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.campaign-step-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-label);margin:0}.campaign-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-top:var(--spacing-4)}.campaign-summary-item{background:var(--color-systemFill);border-radius:var(--border-radius-lg);padding:var(--spacing-4);text-align:center}.campaign-summary-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-1)}.campaign-summary-label{font-size:var(--font-size-sm);color:var(--color-secondaryLabel);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.step-navigation{display:flex;justify-content:center;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-8);margin-bottom:var(--spacing-6);padding:var(--spacing-4);background:var(--color-systemFill);border-radius:var(--border-radius-lg);width:100%;max-width:600px;margin-left:auto;margin-right:auto}.step-navigation button{min-width:120px}.step-navigation .btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.campaign-result-success{background:var(--color-successSubtle);border:1px solid var(--color-successBorder);border-radius:var(--border-radius-lg);padding:var(--spacing-6)}.campaign-result-error{background:var(--color-errorSubtle);border:1px solid var(--color-errorBorder);border-radius:var(--border-radius-lg);padding:var(--spacing-6)}@media (max-width: 768px){.campaign-builder-container{padding:0 var(--spacing-3)}.campaign-builder-title{font-size:var(--font-size-2xl)}.campaign-builder-subtitle{font-size:var(--font-size-base)}.client-selection-grid,.clients-grid{grid-template-columns:1fr}.selected-client-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.presets-grid{grid-template-columns:1fr}.preset-header{flex-direction:column;text-align:center;gap:var(--spacing-2)}.preset-value{max-width:100%;text-align:left}.preset-actions{flex-direction:column}.form-grid,.form-row,.variants-grid{grid-template-columns:1fr}.variant-card{min-height:300px}.campaign-targeting-grid{grid-template-columns:1fr}.campaign-summary-grid{grid-template-columns:repeat(2,1fr)}.step-progress-container{flex-direction:column;gap:var(--spacing-3)}.step-progress-item{max-width:none;width:100%}.step-progress-line{display:none}.campaign-categories-grid,.campaign-types-grid,.form-grid.two-columns{grid-template-columns:1fr}.step-navigation{flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3)}.step-navigation button{width:100%;min-width:auto}.nav-desktop{padding:var(--spacing-3) var(--spacing-4)}.header-brand{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}.nav-links-container{order:3;width:100%;justify-content:center;margin-top:var(--spacing-2)}.nav-desktop>div:first-child{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.header-right{gap:var(--spacing-2);flex-wrap:wrap}.selected-client-badge{font-size:var(--font-size-xs);padding:var(--spacing-1\.5) var(--spacing-2)}}.btn{padding:var(--spacing-2\.5) var(--spacing-4);border-radius:var(--radius-button);border:none;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:var(--transition-backgroundColor);box-shadow:var(--shadow-button);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-1)}.btn-primary{background:var(--color-primary);color:var(--color-systemBackground)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-systemFill);color:var(--color-label)}.btn-secondary:hover{background:var(--color-secondarySystemFill)}.btn-outlined{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);box-shadow:none}.btn-outlined:hover{background:var(--color-primary);color:var(--color-systemBackground)}.btn-success{background:var(--color-success);color:var(--color-systemBackground)}.btn-success:hover{background:var(--color-successDark)}.btn-error{background:var(--color-error);color:var(--color-systemBackground)}.btn-small{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm)}.btn-large{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-lg)}.btn-disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.form-input{width:100%;padding:var(--spacing-2);border-radius:var(--radius-input);border:1px solid var(--color-border);background:var(--color-systemBackground);color:var(--color-label);font-size:var(--font-size-base);font-family:inherit;outline:none;transition:var(--transition-borderColor)}.form-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.form-select{width:100%;padding:var(--spacing-2);border-radius:var(--radius-input);border:1px solid var(--color-border);background:var(--color-systemBackground);color:var(--color-label);font-size:var(--font-size-base);font-family:inherit;outline:none;transition:var(--transition-borderColor);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--spacing-2) center;background-size:16px;padding-right:var(--spacing-8)}.form-select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.form-select:hover{border-color:var(--color-primary)}.form-select option{background:var(--color-systemBackground);color:var(--color-label);padding:var(--spacing-2)}.form-label{color:var(--color-secondaryLabel);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-1);display:block}.form-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.form-row{display:flex;flex-direction:column;gap:var(--spacing-4)}@media (min-width: 768px){.form-row{flex-direction:row}.form-row .form-group{flex:1}}.card{background:var(--color-card);border-radius:var(--radius-card);border:1px solid var(--color-border);box-shadow:var(--shadow-productCard);overflow:hidden}.card-elevated{box-shadow:var(--shadow-productCardHover)}.card-header{padding:var(--spacing-4);border-bottom:1px solid var(--color-separator)}.card-body{padding:var(--spacing-4)}.card-footer{padding:var(--spacing-4);border-top:1px solid var(--color-separator);background:var(--color-tertiarySystemBackground)}.container{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--spacing-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.text-primary{color:var(--color-label)}.text-secondary{color:var(--color-secondaryLabel)}.text-tertiary{color:var(--color-tertiaryLabel)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.loading-spinner{width:var(--spacing-6);height:var(--spacing-6);border:var(--border-width-accent) solid var(--color-tertiaryLabel);border-top:var(--border-width-accent) solid var(--color-primary);border-radius:var(--border-radius-full);animation:spin var(--duration-slow) linear infinite}.loading-dots{display:inline-flex;gap:var(--spacing-1)}.loading-dots span{width:var(--spacing-1);height:var(--spacing-1);border-radius:var(--border-radius-full);background:var(--color-primary);animation:pulse var(--duration-slow) ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.1s}.loading-dots span:nth-child(3){animation-delay:.2s}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:500}.status-badge-success{background:var(--color-successSubtle);color:var(--color-success);border:1px solid var(--color-successBorder)}.status-badge-error{background:rgba(255,59,48,.08);color:var(--color-error);border:1px solid rgba(255,59,48,.2)}.status-badge-warning{background:rgba(255,204,0,.08);color:var(--color-warning);border:1px solid rgba(255,204,0,.2)}.status-badge-info{background:rgba(0,122,255,.08);color:var(--color-primary);border:1px solid rgba(0,122,255,.2)}@media (max-width: 768px){.hidden-mobile{display:none!important}.flex-mobile{display:flex!important}.text-sm-mobile{font-size:var(--font-size-xs)}.text-base-mobile{font-size:var(--font-size-sm)}.p-2-mobile{padding:var(--spacing-2)}.p-4-mobile{padding:var(--spacing-4)}}@media (min-width: 769px){.hidden-desktop{display:none!important}}.messenger-config{background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(139,92,246,.1) 100%);border:2px solid rgba(99,102,241,.2);border-radius:var(--border-radius-lg);padding:var(--spacing-6);margin-top:var(--spacing-4)}.messenger-config .form-section-title{color:var(--color-primary);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2)}.messenger-config .form-group.full-width{grid-column:1 / -1}.messenger-config .form-help{color:var(--color-quaternaryLabel);font-style:italic;margin-top:var(--spacing-1)}.messenger-config .form-textarea{resize:vertical;min-height:80px}.campaign-type-card[data-category=messenger]{border:2px solid rgba(99,102,241,.3);background:linear-gradient(135deg,rgba(99,102,241,.05) 0%,rgba(139,92,246,.05) 100%)}.campaign-type-card[data-category=messenger]:hover{border-color:#6366f180;background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(139,92,246,.1) 100%)}.campaign-type-card[data-category=messenger].selected{border-color:var(--color-primary);background:linear-gradient(135deg,rgba(99,102,241,.15) 0%,rgba(139,92,246,.15) 100%)}.campaign-category-card[data-category=messenger]{background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(139,92,246,.1) 100%);border:2px solid rgba(99,102,241,.2)}.campaign-category-card[data-category=messenger]:hover{background:linear-gradient(135deg,rgba(99,102,241,.15) 0%,rgba(139,92,246,.15) 100%);border-color:#6366f166}.campaign-category-card[data-category=messenger].selected{background:linear-gradient(135deg,rgba(99,102,241,.2) 0%,rgba(139,92,246,.2) 100%);border-color:var(--color-primary)}:root{--inv-green: #34C759;--inv-red: #FF3B30;--inv-green-bg: rgba(52, 199, 89, .12);--inv-red-bg: rgba(255, 59, 48, .12);--inv-card-bg: #FFFFFF;--inv-card-border: rgba(0, 0, 0, .06);--inv-card-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .03);--inv-card-radius: 16px;--inv-text-primary: #1C1C1E;--inv-text-secondary: rgba(60, 60, 67, .6);--inv-bg: #F2F2F7;--inv-accent: #3C3C43}.investor-shell{min-height:100vh;background:var(--inv-bg)}.investor-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--inv-card-border)}.investor-nav-inner{max-width:1080px;margin:0 auto;padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between}.investor-nav-brand{display:flex;align-items:center;gap:10px}.investor-nav-logo{width:32px;height:32px;border-radius:8px;-o-object-fit:contain;object-fit:contain}.investor-nav-title{font-weight:700;font-size:17px;color:var(--inv-text-primary);letter-spacing:-.3px}.investor-nav-right{display:flex;align-items:center;gap:16px}.investor-nav-email{font-size:13px;color:var(--inv-text-secondary);display:none}@media (min-width: 640px){.investor-nav-email{display:inline}}.investor-nav-logout{padding:6px 14px;border-radius:8px;border:1px solid var(--inv-card-border);background:var(--inv-card-bg);color:var(--inv-text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.investor-nav-logout:hover{background:var(--inv-bg)}.investor-main{max-width:1080px;margin:0 auto;padding:0 16px 40px}@media (min-width: 640px){.investor-main{padding:0 24px 60px}}.inv-dashboard{padding-top:24px}.inv-header{margin-bottom:20px}.inv-title{font-size:28px;font-weight:800;color:var(--inv-text-primary);letter-spacing:-.6px;margin:0;line-height:1.15}@media (min-width: 640px){.inv-title{font-size:34px}}.inv-subtitle{font-size:15px;color:var(--inv-text-secondary);margin:4px 0 0;font-weight:500}.inv-preset-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.inv-preset-btn{padding:9px 14px;border-radius:999px;border:1px solid var(--inv-card-border);background:var(--inv-card-bg);color:var(--inv-text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.inv-preset-btn:hover{border-color:var(--inv-accent)}.inv-preset-btn.is-active{background:var(--inv-accent);border-color:var(--inv-accent);color:#fff}.inv-preset-btn:disabled{opacity:.6;cursor:not-allowed}.inv-range-caption{font-size:13px;color:var(--inv-text-secondary);margin:0 0 24px}.inv-lifetime-card{background:var(--inv-card-bg);border-radius:var(--inv-card-radius);border:1px solid var(--inv-card-border);box-shadow:var(--inv-card-shadow);padding:18px 20px;display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.inv-lifetime-value{font-size:28px;font-weight:800;color:var(--inv-text-primary);letter-spacing:-.5px}.inv-lifetime-note{font-size:13px;color:var(--inv-text-secondary);font-weight:500}.inv-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;gap:16px;color:var(--inv-text-secondary);font-size:15px}.inv-spinner{width:28px;height:28px;border:3px solid var(--inv-card-border);border-top-color:var(--inv-accent);border-radius:50%;animation:spin .8s linear infinite}.inv-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}@media (min-width: 768px){.inv-kpi-grid{grid-template-columns:repeat(3,1fr);gap:16px}}.inv-kpi-card{background:var(--inv-card-bg);border-radius:var(--inv-card-radius);border:1px solid var(--inv-card-border);box-shadow:var(--inv-card-shadow);padding:20px;display:flex;flex-direction:column;gap:6px}.inv-kpi-card-highlight{border-width:2px}.inv-kpi-label{font-size:12px;font-weight:600;color:var(--inv-text-secondary);text-transform:uppercase;letter-spacing:.5px}.inv-kpi-value{font-size:22px;font-weight:800;color:var(--inv-text-primary);letter-spacing:-.5px;line-height:1.2}@media (min-width: 640px){.inv-kpi-value{font-size:26px}}.inv-kpi-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700;width:-moz-fit-content;width:fit-content;margin-top:2px}.inv-pl-bar-container{background:var(--inv-card-bg);border-radius:var(--inv-card-radius);border:1px solid var(--inv-card-border);box-shadow:var(--inv-card-shadow);padding:20px;margin-bottom:24px}.inv-pl-bar-header{font-size:13px;font-weight:600;color:var(--inv-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.inv-pl-bar-track{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--inv-bg)}.inv-pl-bar-spend{background:var(--inv-red);transition:width .4s ease}.inv-pl-bar-revenue{background:var(--inv-green);transition:width .4s ease}.inv-pl-bar-legend{display:flex;gap:20px;margin-top:10px;font-size:13px;color:var(--inv-text-secondary);font-weight:500}.inv-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.inv-dot-spend{background:var(--inv-red)}.inv-dot-revenue{background:var(--inv-green)}.inv-section{margin-bottom:24px}.inv-section-title{font-size:20px;font-weight:700;color:var(--inv-text-primary);letter-spacing:-.3px;margin:0 0 16px}.inv-empty{text-align:center;padding:40px 0;color:var(--inv-text-secondary);font-size:15px}.inv-campaign-card{background:var(--inv-card-bg);border-radius:var(--inv-card-radius);border:1px solid var(--inv-card-border);box-shadow:var(--inv-card-shadow);margin-bottom:12px;overflow:hidden}.inv-campaign-header{width:100%;display:flex;flex-direction:column;gap:12px;padding:16px 20px;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;transition:background .12s}.inv-campaign-header:hover{background:rgba(0,0,0,.02)}@media (min-width: 640px){.inv-campaign-header{flex-direction:row;align-items:center;justify-content:space-between}}.inv-campaign-info{display:flex;flex-direction:column;gap:2px;min-width:0}.inv-campaign-name{font-size:15px;font-weight:700;color:var(--inv-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-campaign-invested{font-size:12px;color:var(--inv-text-secondary);font-weight:500}.inv-campaign-metrics{display:flex;gap:16px;align-items:center;flex-shrink:0}.inv-campaign-metric{display:flex;flex-direction:column;gap:1px;align-items:flex-end}.inv-metric-label{font-size:10px;font-weight:600;color:var(--inv-text-secondary);text-transform:uppercase;letter-spacing:.4px}.inv-metric-value{font-size:14px;font-weight:700;color:var(--inv-text-primary)}.inv-chevron{font-size:12px;color:var(--inv-text-secondary);transition:transform .2s;margin-left:4px}.inv-chevron-open{transform:rotate(180deg)}.inv-adset-table-wrapper{overflow-x:auto;border-top:1px solid var(--inv-card-border);-webkit-overflow-scrolling:touch}.inv-adset-table{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}.inv-adset-table thead{background:var(--inv-bg)}.inv-adset-table th{padding:10px 16px;text-align:right;font-size:11px;font-weight:600;color:var(--inv-text-secondary);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.inv-adset-table th:first-child{text-align:left}.inv-adset-table td{padding:12px 16px;text-align:right;font-weight:600;color:var(--inv-text-primary);border-top:1px solid var(--inv-card-border);white-space:nowrap}.inv-adset-table td:first-child{text-align:left}.inv-adset-name{font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-adset-empty{padding:24px;text-align:center;color:var(--inv-text-secondary);font-size:13px;border-top:1px solid var(--inv-card-border)}.page-container{max-width:1200px;margin:0 auto;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4)}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-2)}.page-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-label);margin:0}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-secondaryLabel);margin:var(--spacing-0\.5) 0 0}.header-actions{display:flex;align-items:center;gap:var(--spacing-2)}.select-field{padding:var(--spacing-1\.25) var(--spacing-2);border-radius:var(--radius-input);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-label);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;outline:none;transition:border-color .15s}.select-field:focus{border-color:var(--color-primary)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-3)}.metric-card{background:var(--color-card);border-radius:var(--radius-card);border:1px solid var(--color-border);box-shadow:var(--shadow-productCard);padding:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-2);transition:box-shadow .2s}.metric-card:hover{box-shadow:var(--shadow-productCardHover)}.metric-icon{font-size:28px;line-height:1;flex-shrink:0}.metric-content{display:flex;flex-direction:column;gap:2px;min-width:0}.metric-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-label);line-height:1.1}.metric-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-secondaryLabel)}.metric-sublabel{font-size:var(--font-size-xs);color:var(--color-tertiaryLabel)}.analytics-content{display:flex;flex-direction:column;gap:var(--spacing-4)}.analytics-section{background:var(--color-card);border-radius:var(--radius-card);border:1px solid var(--color-border);box-shadow:var(--shadow-productCard);padding:var(--spacing-3)}.section-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-label);margin:0 0 var(--spacing-2)}.campaigns-table{display:flex;flex-direction:column;gap:var(--spacing-1\.5)}.campaign-row{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);border-radius:var(--radius-card);background:var(--color-systemGroupedBackground);border:1px solid var(--color-border);transition:background .15s}.campaign-row:hover{background:var(--color-secondarySystemFill)}.campaign-rank{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);min-width:36px;text-align:center}.campaign-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-0\.75)}.campaign-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-metrics{display:flex;flex-wrap:wrap;gap:var(--spacing-0\.75)}.metric-chip{display:inline-flex;align-items:center;gap:4px;padding:3px var(--spacing-1);border-radius:20px;background:var(--color-tertiarySystemFill);font-size:var(--font-size-xs);font-weight:600;color:var(--color-secondaryLabel);white-space:nowrap}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-3)}.action-card{background:var(--color-card);border-radius:var(--radius-card);border:1px solid var(--color-border);box-shadow:var(--shadow-productCard);padding:var(--spacing-3);display:flex;align-items:flex-start;gap:var(--spacing-2);transition:box-shadow .2s}.action-card:hover{box-shadow:var(--shadow-productCardHover)}.action-icon{font-size:28px;line-height:1;flex-shrink:0}.action-content{display:flex;flex-direction:column;gap:var(--spacing-1)}.action-content h3{font-size:var(--font-size-base);font-weight:700;color:var(--color-label);margin:0}.action-content p{font-size:var(--font-size-sm);color:var(--color-secondaryLabel);margin:0;line-height:1.5}.btn-sm{padding:var(--spacing-0\.75) var(--spacing-1\.75);font-size:var(--font-size-sm)}.card-empty-state,.card-loading,.card-error{background:var(--color-card);border-radius:var(--radius-card);border:1px solid var(--color-border);box-shadow:var(--shadow-productCard);padding:var(--spacing-8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);text-align:center}.card-empty-state h2,.card-error h2{font-size:var(--font-size-xl);font-weight:700;color:var(--color-label);margin:0}.card-empty-state p,.card-error p{font-size:var(--font-size-sm);color:var(--color-secondaryLabel);margin:0}.card-loading{gap:var(--spacing-2);flex-direction:row;justify-content:center;padding:var(--spacing-6);font-size:var(--font-size-sm);color:var(--color-secondaryLabel)}.loading-spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.placeholder\:text-gray-400::-moz-placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.placeholder\:text-gray-400::placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;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-300:hover{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.hover\:border-blue-500:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-gradient-to-br:hover{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.hover\:from-blue-50:hover{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-blue-700:hover{--tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-gray-700:hover{--tw-gradient-from: #374151 var(--tw-gradient-from-position);--tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-gray-800:hover{--tw-gradient-from: #1f2937 var(--tw-gradient-from-position);--tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-red-700:hover{--tw-gradient-from: #b91c1c var(--tw-gradient-from-position);--tw-gradient-to: rgb(185 28 28 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-gray-800:hover{--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}.hover\:to-gray-900:hover{--tw-gradient-to: #111827 var(--tw-gradient-to-position)}.hover\:to-purple-50:hover{--tw-gradient-to: #faf5ff var(--tw-gradient-to-position)}.hover\:to-purple-700:hover{--tw-gradient-to: #7e22ce var(--tw-gradient-to-position)}.hover\:to-red-800:hover{--tw-gradient-to: #991b1b var(--tw-gradient-to-position)}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:shadow-lg:hover{--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)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--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)}.hover\:shadow-xl:hover{--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)}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.disabled\:transform-none:disabled{transform:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}