*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family: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:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-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{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}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{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--popover:0 0% 100%;--popover-foreground:222.2 47.4% 11.2%;--card:0 0% 100%;--card-foreground:222.2 47.4% 11.2%;--border:214.3 31.8% 91.4%;--input:220 13% 80%;--primary:262 90% 66%;--primary-foreground:0 0% 100%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 100%;--ring:262 90% 66%;--radius:.5rem;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}.dark{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--primary:262 90% 66%;--primary-foreground:0 0% 100%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 100%;--ring:262 90% 66%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.\!container{width:100%!important}.container{width:100%}@media (width>=640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (width>=768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (width>=1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (width>=1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (width>=1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-3{left:.75rem}.left-\[50\%\]{left:50%}.right-4{right:1rem}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[50\%\]{top:50%}.z-50{z-index:50}.z-\[3000\]{z-index:3000}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-4{margin-left:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.table-row{display:table-row}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.max-h-\[90vh\]{max-height:90vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-7xl{max-width:80rem}.max-w-lg{max-width:32rem}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.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-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))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-input{border-color:hsl(var(--input))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.bg-amber-600{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.bg-background{background-color:hsl(var(--background))}.bg-black\/50{background-color:#00000080}.bg-black\/80{background-color:#000c}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-primary{background-color:hsl(var(--primary))}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-600{--tw-bg-opacity:1;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.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-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-muted{color:hsl(var(--muted))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-orange-800{--tw-text-opacity:1;color:rgb(154 52 18/var(--tw-text-opacity,1))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-800{--tw-text-opacity:1;color:rgb(107 33 168/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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 #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);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 #0000000d;--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 #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);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{--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(3px + 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-0{--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(0px + 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-offset-background{--tw-ring-offset-color:hsl(var(--background))}.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.duration-200{animation-duration:.2s}.running{animation-play-state:running}.paused{animation-play-state:paused}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}#root{width:100%;min-height:100vh}a{color:var(--theme-primary,#8b5cf6);font-weight:500;text-decoration:none}a:hover{color:var(--theme-primary-hover,#7c3aed);text-decoration:underline}button{cursor:pointer;font-family:inherit}button:focus,button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.popup-console-app{background:#1e1e1e;width:100vw;height:100vh;overflow:hidden}.page-actions{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:12px 24px;display:flex}.page-actions-right{align-items:center;gap:8px;margin-left:auto;display:flex}.page-search{align-items:center;display:flex;position:relative}.page-search-icon{color:#9ca3af;pointer-events:none;width:16px;height:16px;position:absolute;left:10px}.page-search-input{color:#374151;background:#fafbfc;border:1px solid #e5e7eb;border-radius:6px;width:200px;height:32px;padding:0 10px 0 32px;font-size:13px;transition:all .15s}.page-search-input::placeholder{color:#9ca3af}.page-search-input:focus{border-color:var(--theme-primary,#8b5cf6);background:#fff;outline:none;box-shadow:0 0 0 2px #8b5cf61a}.btn-action{color:#374151;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-action:hover{background:#f9fafb;border-color:#d1d5db}.btn-action:focus{border-color:var(--theme-primary,#8b5cf6);outline:none;box-shadow:0 0 0 2px #8b5cf61a}.btn-action.active{border-color:var(--theme-primary,#8b5cf6);color:var(--theme-primary,#8b5cf6);background:#8b5cf614}.btn-action svg{flex-shrink:0;width:14px;height:14px}.btn-action-primary{background:var(--theme-primary,#8b5cf6);color:#fff;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.btn-action-primary:hover{background:var(--theme-primary-hover,#7c3aed)}.btn-action-primary:focus{outline:none;box-shadow:0 0 0 2px #8b5cf64d}.btn-action-primary svg{flex-shrink:0;width:14px;height:14px}.btn-action-icon{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:inline-flex}.btn-action-icon:hover{color:#374151;background:#f9fafb;border-color:#d1d5db}.btn-action-icon.active{border-color:var(--theme-primary,#8b5cf6);color:var(--theme-primary,#8b5cf6);background:#8b5cf614}.btn-action-icon svg{width:16px;height:16px}@media (width<=768px){.responsive-table table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block}.responsive-table thead{display:none}.responsive-table tr{border:1px solid var(--color-border,#e5e7eb);background:var(--color-bg-card,#fff);border-radius:8px;margin-bottom:12px;overflow:hidden}.responsive-table td{text-align:right;border:none;border-bottom:1px solid var(--color-border-light,#f3f4f6);white-space:normal;justify-content:space-between;gap:12px;padding:10px 14px;display:flex}.responsive-table td:last-child{border-bottom:none}.responsive-table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted,#6b7280);text-align:left;flex:0 0 40%;font-size:11px;font-weight:600}.responsive-table td[data-label=""]:before{content:none}.form-row,.form-grid,.settings-grid,.responsive-form-grid{gap:1rem;grid-template-columns:1fr!important}.responsive-form-grid .form-group input,.responsive-form-grid .form-group select,.responsive-form-grid .form-group textarea{width:100%}}.responsive-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=768px){.responsive-toolbar>*{flex:auto;min-width:0}.responsive-toolbar .search-input,.responsive-toolbar input[type=search]{flex:100%}}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:rgb(180 83 9/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:border-transparent:focus{border-color:#0000}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.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-amber-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(217 119 6/var(--tw-ring-opacity,1))}.focus\:ring-blue-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1))}.focus\:ring-emerald-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(5 150 105/var(--tw-ring-opacity,1))}.focus\:ring-purple-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity,1))}.focus\:ring-red-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(220 38 38/var(--tw-ring-opacity,1))}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-2:focus-visible{--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-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group.toaster .group-\[\.toaster\]\:border-border{border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:hsl(var(--background))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:1.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}@media (width>=640px){.sm\:mt-0{margin-top:0}.sm\:max-w-3xl{max-width:48rem}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-sm{max-width:24rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (width>=1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}:root{--spacing-0:0;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--height-input:40px;--height-input-sm:32px;--height-input-lg:48px;--height-button:40px;--height-button-sm:32px;--height-button-lg:48px;--height-button-icon:36px;--height-table-row:48px;--height-table-header:44px;--height-navbar:56px;--height-sidebar-item:40px;--width-sidebar:240px;--width-sidebar-collapsed:64px;--width-modal-sm:400px;--width-modal-md:560px;--width-modal-lg:720px;--width-search:280px;--width-dropdown:200px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:28px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 6px #00000014;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001f;--shadow-focus:0 0 0 3px var(--color-primary-light);--transition-fast:.1s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-popover:500;--z-tooltip:600;--z-toast:700;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-primary:#8b5cf6;--color-primary-hover:#7c3aed;--color-primary-active:#6d28d9;--color-primary-light:#8b5cf61a;--color-primary-lighter:#8b5cf60d;--color-primary-shadow:#8b5cf659;--color-success:#10b981;--color-success-hover:#059669;--color-success-light:#10b9811a;--color-success-bg:#ecfdf5;--color-success-border:#a7f3d0;--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-light:#f59e0b1a;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-error:#ef4444;--color-error-hover:#dc2626;--color-error-light:#ef44441a;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-info:#3b82f6;--color-info-hover:#2563eb;--color-info-light:#3b82f61a;--color-info-bg:#eff6ff;--color-info-border:#bfdbfe;--color-google:#4285f4;--color-google-hover:#3367d6;--color-google-light:#4285f41a;--color-microsoft:#00a4ef;--color-microsoft-hover:#0078d4;--color-microsoft-light:#00a4ef1a;--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-500);--text-tertiary:var(--color-gray-400);--text-disabled:var(--color-gray-300);--text-inverse:#fff;--text-link:var(--color-primary);--text-link-hover:var(--color-primary-hover);--bg-primary:#fff;--bg-secondary:var(--color-gray-50);--bg-tertiary:var(--color-gray-100);--bg-hover:var(--color-gray-50);--bg-active:var(--color-gray-100);--bg-disabled:var(--color-gray-100);--bg-overlay:#00000080;--border-default:var(--color-gray-200);--border-light:var(--color-gray-100);--border-dark:var(--color-gray-300);--border-focus:var(--color-primary);--button-font-size:var(--font-size-sm);--button-font-weight:var(--font-weight-medium);--button-padding-x:var(--spacing-4);--button-padding-x-sm:var(--spacing-3);--button-padding-x-lg:var(--spacing-6);--button-gap:var(--spacing-2);--button-radius:var(--radius-md);--button-primary-bg:var(--color-primary);--button-primary-bg-hover:var(--color-primary-hover);--button-primary-text:var(--text-inverse);--button-primary-border:transparent;--button-secondary-bg:var(--bg-primary);--button-secondary-bg-hover:var(--bg-hover);--button-secondary-text:var(--text-primary);--button-secondary-border:var(--border-default);--button-ghost-bg:transparent;--button-ghost-bg-hover:var(--bg-hover);--button-ghost-text:var(--text-secondary);--button-ghost-text-hover:var(--text-primary);--input-font-size:var(--font-size-sm);--input-padding-x:var(--spacing-3);--input-padding-y:var(--spacing-2);--input-radius:var(--radius-md);--input-bg:var(--bg-primary);--input-border:var(--border-default);--input-border-hover:var(--color-gray-300);--input-border-focus:var(--color-primary);--input-placeholder:var(--text-tertiary);--card-bg:var(--bg-primary);--card-border:var(--border-default);--card-radius:var(--radius-lg);--card-padding:var(--spacing-5);--card-shadow:var(--shadow-sm);--table-header-bg:var(--bg-secondary);--table-header-text:var(--text-secondary);--table-row-bg:var(--bg-primary);--table-row-hover:var(--bg-hover);--table-border:var(--border-light);--table-cell-padding-x:var(--spacing-4);--table-cell-padding-y:var(--spacing-3);--badge-font-size:var(--font-size-xs);--badge-font-weight:var(--font-weight-medium);--badge-padding-x:var(--spacing-2);--badge-padding-y:2px;--badge-radius:var(--radius-sm);--modal-bg:var(--bg-primary);--modal-radius:var(--radius-xl);--modal-shadow:var(--shadow-xl);--modal-padding:var(--spacing-6);--modal-header-padding:var(--spacing-5);--sidebar-bg:var(--bg-primary);--sidebar-border:var(--border-light);--sidebar-item-radius:var(--radius-md);--sidebar-item-padding:var(--spacing-3) var(--spacing-4);--sidebar-active-bg:var(--color-primary-light);--sidebar-active-text:var(--color-primary)}.dark,[data-theme=dark]{--color-gray-50:#18181b;--color-gray-100:#27272a;--color-gray-200:#3f3f46;--color-gray-300:#52525b;--color-gray-400:#71717a;--color-gray-500:#a1a1aa;--color-gray-600:#d4d4d8;--color-gray-700:#e4e4e7;--color-gray-800:#f4f4f5;--color-gray-900:#fafafa;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--bg-primary:#09090b;--bg-secondary:#18181b;--bg-tertiary:#27272a;--bg-hover:#27272a;--bg-active:#3f3f46;--border-default:#27272a;--border-light:#18181b;--border-dark:#3f3f46;--card-bg:#18181b;--card-border:#27272a;--table-header-bg:#18181b;--table-row-bg:#09090b;--table-row-hover:#18181b;--sidebar-bg:#09090b;--modal-bg:#18181b;--input-bg:#18181b;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080}:root{--helios-purple:#8b5cf6;--helios-purple-hover:#7c3aed;--helios-purple-light:#8b5cf61a;--helios-purple-lighter:#8b5cf60d;--helios-purple-shadow:#8b5cf666;--helios-gradient-start:#7c3aed;--helios-gradient-end:#8b5cf6;--helios-gradient:linear-gradient(135deg, var(--helios-gradient-start) 0%, var(--helios-gradient-end) 100%);--theme-primary:var(--helios-purple);--theme-primary-hover:var(--helios-purple-hover);--theme-primary-light:var(--helios-purple-light);--theme-primary-shadow:var(--helios-purple-shadow);--theme-gradient:var(--helios-gradient);--theme-text-on-gradient:white;--theme-primary-start:var(--helios-gradient-start);--theme-primary-end:var(--helios-gradient-end)}:root[data-theme=dark]{--helios-purple-light:#8b5cf633;--helios-purple-lighter:#8b5cf61a;--color-bg-main:#0f172a;--color-bg-card:#1e293b;--color-bg-hover:#334155;--color-bg-input:#1e293b;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-border:#334155;--color-border-light:#1e293b;--color-gray-50:#1e293b;--color-gray-100:#334155;--color-gray-200:#475569;--color-gray-300:#64748b;--color-gray-400:#94a3b8;--color-gray-500:#cbd5e1;--color-gray-600:#e2e8f0;--color-gray-700:#f1f5f9;--color-gray-800:#f8fafc;--color-gray-900:#fff;--sidebar-bg:#0f172a;--sidebar-text:#f1f5f9;--sidebar-text-muted:#94a3b8;--sidebar-hover:#1e293b;--sidebar-active-bg:var(--helios-purple-light);--sidebar-active-text:var(--helios-purple);--sidebar-border:#334155;--card-bg:#1e293b;--card-bg-hover:#334155;--card-text:#e2e8f0;--card-heading:#f8fafc;--card-border:#334155;--card-shadow:#0000004d;--card-on-gradient-bg:#0f172ae6;--card-on-gradient-text:#e2e8f0;--card-on-gradient-heading:#f8fafc;--card-on-gradient-border:#8b5cf64d;--card-on-gradient-shadow:#00000080;--button-primary-bg:var(--helios-purple);--button-primary-hover:var(--helios-purple-hover);--button-primary-text:white;--button-secondary-bg:#334155;--button-secondary-hover:#475569;--button-secondary-text:#f1f5f9;--button-secondary-border:#475569;--input-bg:#1e293b;--input-border:#475569;--input-border-focus:var(--helios-purple);--input-text:#f1f5f9;--input-placeholder:#64748b;--table-header-bg:#1e293b;--table-row-hover:#334155;--table-border:#334155;--toggle-off-bg:#475569;--toggle-on-bg:var(--helios-purple);--toggle-knob:white;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0006}:root[data-theme=helios-purple]{--helios-purple:#8b5cf6;--helios-purple-hover:#7c3aed;--helios-purple-light:#8b5cf61a;--helios-purple-shadow:#8b5cf666;--theme-primary:#8b5cf6;--theme-primary-hover:#7c3aed;--theme-primary-light:#8b5cf61a;--theme-primary-shadow:#8b5cf666;--theme-gradient:linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);--theme-primary-start:#7c3aed;--theme-primary-end:#8b5cf6}:root[data-theme=corporate-blue]{--helios-purple:#3b82f6;--helios-purple-hover:#2563eb;--helios-purple-light:#3b82f61a;--helios-purple-shadow:#3b82f666;--theme-primary:#3b82f6;--theme-primary-hover:#2563eb;--theme-primary-light:#3b82f61a;--theme-primary-shadow:#3b82f666;--theme-gradient:linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);--theme-primary-start:#2563eb;--theme-primary-end:#3b82f6}:root[data-theme=sophisticated-purple]{--helios-purple:#7c3aed;--helios-purple-hover:#6d28d9;--helios-purple-light:#7c3aed1a;--helios-purple-shadow:#7c3aed66;--theme-primary:#7c3aed;--theme-primary-hover:#6d28d9;--theme-primary-light:#7c3aed1a;--theme-primary-shadow:#7c3aed66;--theme-gradient:linear-gradient(135deg, #6d28d9 0%, #7c3aed 100%);--theme-primary-start:#6d28d9;--theme-primary-end:#7c3aed}:root[data-theme=modern-teal]{--helios-purple:#14b8a6;--helios-purple-hover:#0d9488;--helios-purple-light:#14b8a61a;--helios-purple-shadow:#14b8a666;--theme-primary:#14b8a6;--theme-primary-hover:#0d9488;--theme-primary-light:#14b8a61a;--theme-primary-shadow:#14b8a666;--theme-gradient:linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);--theme-primary-start:#0d9488;--theme-primary-end:#14b8a6}:root[data-theme=google-blue]{--helios-purple:#1a73e8;--helios-purple-hover:#1765cc;--helios-purple-light:#1a73e81a;--helios-purple-shadow:#1a73e866;--theme-primary:#1a73e8;--theme-primary-hover:#1765cc;--theme-primary-light:#1a73e81a;--theme-primary-shadow:#1a73e866;--theme-gradient:linear-gradient(135deg, #1a73e8 0%, #4285f4 100%);--theme-primary-start:#1a73e8;--theme-primary-end:#4285f4}:root[data-theme=helios-dark]{--helios-purple:#8b5cf6;--helios-purple-hover:#7c3aed;--helios-purple-light:#8b5cf633;--helios-purple-lighter:#8b5cf61a;--helios-purple-shadow:#8b5cf666;--theme-primary:#8b5cf6;--theme-primary-hover:#7c3aed;--theme-primary-light:#8b5cf633;--theme-primary-shadow:#8b5cf666;--theme-gradient:linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);--theme-primary-start:#7c3aed;--theme-primary-end:#8b5cf6;--color-bg-main:#0f172a;--color-bg-card:#1e293b;--color-bg-hover:#334155;--color-bg-input:#1e293b;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-border:#334155;--color-border-light:#1e293b;--color-gray-50:#1e293b;--color-gray-100:#334155;--color-gray-200:#475569;--color-gray-300:#64748b;--color-gray-400:#94a3b8;--color-gray-500:#cbd5e1;--color-gray-600:#e2e8f0;--color-gray-700:#f1f5f9;--color-gray-800:#f8fafc;--color-gray-900:#fff;--sidebar-bg:#0f172a;--sidebar-text:#f1f5f9;--sidebar-text-muted:#94a3b8;--sidebar-hover:#1e293b;--sidebar-active-bg:var(--helios-purple-light);--sidebar-active-text:var(--helios-purple);--sidebar-border:#334155;--card-bg:#1e293b;--card-bg-hover:#334155;--card-text:#e2e8f0;--card-heading:#f8fafc;--card-border:#334155;--card-shadow:#0000004d;--card-on-gradient-bg:#0f172ae6;--card-on-gradient-text:#e2e8f0;--card-on-gradient-heading:#f8fafc;--card-on-gradient-border:#8b5cf64d;--card-on-gradient-shadow:#00000080;--button-primary-bg:var(--helios-purple);--button-primary-hover:var(--helios-purple-hover);--button-primary-text:white;--button-secondary-bg:#334155;--button-secondary-hover:#475569;--button-secondary-text:#f1f5f9;--button-secondary-border:#475569;--input-bg:#1e293b;--input-border:#475569;--input-border-focus:var(--helios-purple);--input-text:#f1f5f9;--input-placeholder:#64748b;--table-header-bg:#1e293b;--table-row-hover:#334155;--table-border:#334155;--toggle-off-bg:#475569;--toggle-on-bg:var(--helios-purple);--toggle-knob:white;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0006}:root{--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-success-light:#10b9811a;--color-warning:#f59e0b;--color-warning-light:#f59e0b1a;--color-error:#ef4444;--color-error-light:#ef44441a;--color-info:#3b82f6;--color-info-light:#3b82f61a;--color-bg-main:#f5f5f5;--color-bg-card:#fff;--color-bg-hover:#f9fafb;--color-bg-input:#fff;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--sidebar-bg:#fff;--sidebar-text:#374151;--sidebar-text-muted:#6b7280;--sidebar-hover:#f9fafb;--sidebar-active-bg:var(--helios-purple-light);--sidebar-active-text:var(--helios-purple);--sidebar-border:#e5e7eb;--card-bg:#fff;--card-bg-hover:#f9fafb;--card-text:#374151;--card-heading:#111827;--card-border:#e5e7eb;--card-shadow:#00000014;--card-on-gradient-bg:#000000b3;--card-on-gradient-text:#fffffff2;--card-on-gradient-heading:#fff;--card-on-gradient-border:#ffffff40;--card-on-gradient-shadow:#0006;--button-primary-bg:var(--helios-purple);--button-primary-hover:var(--helios-purple-hover);--button-primary-text:white;--button-secondary-bg:white;--button-secondary-hover:#f9fafb;--button-secondary-text:#374151;--button-secondary-border:#e5e7eb;--input-bg:white;--input-border:#d1d5db;--input-border-focus:var(--helios-purple);--input-text:#1f2937;--input-placeholder:#9ca3af;--table-header-bg:#f9fafb;--table-row-hover:#f9fafb;--table-border:#e5e7eb;--toggle-off-bg:#d1d5db;--toggle-on-bg:var(--helios-purple);--toggle-knob:white}.card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 1px 3px var(--card-shadow);border-radius:12px;padding:1.5rem;transition:all .2s}.card:hover{background:var(--card-bg-hover);box-shadow:0 4px 12px var(--card-shadow)}.card-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.card-icon{color:var(--theme-primary);font-size:1.5rem}.card-title{color:var(--card-heading);margin:0;font-size:1.125rem;font-weight:600}.card-description{color:var(--card-text);opacity:.9;font-size:.875rem;line-height:1.5}.card-content{color:var(--card-text)}.card-on-gradient{background:var(--card-on-gradient-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-on-gradient-border);color:var(--card-on-gradient-text);border-radius:16px;padding:2rem}.card-on-gradient h2,.card-on-gradient h3,.card-on-gradient h4{color:var(--card-on-gradient-heading)}.card-on-gradient p{color:var(--card-on-gradient-text)}.card-interactive{cursor:pointer;transition:all .2s}.card-interactive:hover{box-shadow:0 8px 24px var(--card-shadow);transform:translateY(-2px)}.card-interactive:active{transform:translateY(0)}.card-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.card-badge.enabled{color:var(--color-success);background:#10b9811a}.card-badge.disabled{color:var(--color-gray-600);background:#6b72801a}.card-badge.warning{color:var(--color-warning);background:#f59e0b1a}*{box-sizing:border-box;margin:0;padding:0}.app{background:var(--color-bg-main);flex-direction:column;min-height:100vh;display:flex}.loading{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:4px solid var(--color-gray-200);border-top-color:var(--theme-primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.loading p{color:var(--color-gray-500);margin-top:1rem}.welcome-container{background:var(--theme-gradient);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.welcome-card{background:#fff;border-radius:16px;width:100%;max-width:900px;box-shadow:0 20px 60px #0000004d}.welcome-header{background:var(--theme-gradient);color:#fff;text-align:center;border-radius:16px 16px 0 0;padding:3rem 2rem}.welcome-header h1{margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.tagline{opacity:.95;font-size:1.125rem}.welcome-body{padding:2.5rem}.feature-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.feature-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);text-align:center;border-radius:12px;padding:1.5rem;transition:all .2s}.feature-card:hover{box-shadow:0 8px 20px var(--helios-purple-shadow);border-color:var(--theme-primary);transform:translateY(-4px)}.feature-icon{margin-bottom:1rem;font-size:3rem}.welcome-cta{text-align:center;margin-bottom:2rem}.btn-primary{background:var(--theme-gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-primary:hover{box-shadow:0 6px 20px var(--helios-purple-shadow);transform:translateY(-2px)}.opensource-badge{color:var(--color-gray-500);margin-top:1rem;font-size:.875rem;font-weight:500}.info-banner{text-align:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:1.25rem}.info-banner strong{color:#1e40af;margin-bottom:.5rem;display:block}.info-banner p{color:#1e40af;margin:0;font-size:.9375rem;line-height:1.6}.setup-container{background:var(--theme-gradient);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.setup-card{background:#fff;border-radius:12px;width:100%;max-width:700px;box-shadow:0 20px 60px #0000004d}.setup-header{background:var(--theme-gradient);color:#fff;text-align:center;border-radius:12px 12px 0 0;padding:2rem}.setup-header h1{margin-bottom:.5rem;font-size:2rem}.setup-body{padding:2rem}.setup-step h2{color:var(--color-gray-800);margin-bottom:.5rem;font-size:1.5rem}.form-input:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px var(--helios-purple-light);outline:none}.info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin:1.5rem 0;padding:1.25rem}.setup-actions{justify-content:space-between;gap:1rem;margin-top:2rem;display:flex}.btn-secondary{color:var(--color-gray-700);border:2px solid var(--color-gray-200);cursor:pointer;background:#fff;border-radius:8px;padding:.875rem 2rem;font-size:1rem;font-weight:500;transition:all .2s}.client-header{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,300px) minmax(0,1fr) auto;align-items:center;gap:2rem;min-height:60px;padding:.75rem 2rem;display:grid}.header-left{align-items:center;gap:1rem;min-width:0;display:flex}.org-branding-link{color:inherit;border-radius:8px;align-items:center;gap:1rem;min-width:0;margin:-4px;padding:4px;text-decoration:none;transition:background-color .15s;display:flex}.org-branding-link:hover{background-color:var(--color-gray-50)}.org-logo{background:var(--color-gray-100);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:2rem;display:flex}.org-info{flex-direction:column;min-width:0;display:flex}.org-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1.125rem;font-weight:600;line-height:1.2;overflow:hidden}.platform-name{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.header-center{justify-content:center;align-items:center;min-width:0;display:flex}.search-container{width:100%;max-width:400px;position:relative}.universal-search{border:1px solid var(--color-border);background:var(--color-bg-input);width:100%;height:36px;color:var(--color-text-primary);border-radius:6px;padding:0 1rem 0 2.75rem;font-size:.875rem;transition:all .2s}.universal-search::placeholder{color:var(--color-gray-400)}.universal-search:focus{border-color:var(--theme-primary);background:var(--color-bg-card);box-shadow:0 0 0 3px var(--helios-purple-lighter);outline:none}.search-icon{color:var(--color-gray-400);pointer-events:none;font-size:1.125rem;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.search-icon .spin{animation:1s linear infinite spin}.search-dropdown{background:var(--color-bg-card);border:1px solid var(--color-border);z-index:1000;border-radius:12px;max-height:420px;padding:8px 0;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.search-section{padding:4px 0}.search-section+.search-section{border-top:1px solid var(--color-border);margin-top:4px;padding-top:8px}.search-section-title{color:var(--theme-primary);text-transform:uppercase;letter-spacing:.8px;padding:6px 16px 4px;font-size:10px;font-weight:600}.search-result-item{cursor:pointer;text-align:left;width:100%;color:var(--color-text-primary);background:0 0;border:none;border-radius:0;align-items:center;gap:12px;padding:10px 16px;font-size:13px;transition:all .15s;display:flex}.search-result-item:hover{background:var(--helios-purple-lighter)}.search-result-item:active{background:var(--helios-purple-light)}.search-result-item svg{color:var(--theme-primary);opacity:.7;flex-shrink:0}.search-result-item:hover svg{opacity:1}.search-result-item .result-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.search-result-item .result-email{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:11px;overflow:hidden}.search-dropdown::-webkit-scrollbar{width:6px}.search-dropdown::-webkit-scrollbar-track{background:0 0}.search-dropdown::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.search-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.welcome-stats{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.welcome-text{color:var(--color-gray-800);font-size:.9375rem;font-weight:500}.quick-stats{color:var(--color-gray-500);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.stat-item{color:var(--theme-primary);font-weight:500}.stat-separator{color:var(--color-gray-300)}.header-right{align-items:center;gap:1rem;display:flex}.icon-btn{cursor:pointer;width:36px;height:36px;color:var(--color-gray-500);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:1.25rem;transition:all .2s;display:inline-flex}.icon-btn:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.icon-btn.ai-chat-btn{color:var(--helios-purple)}.icon-btn.ai-chat-btn:hover{background:var(--helios-purple-light);color:var(--helios-purple-hover)}.client-layout{flex:1;height:calc(100vh - 60px);display:flex;overflow:hidden}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--color-border);flex-shrink:0;width:240px;height:100%;padding:0;transition:all .3s;position:sticky;top:0;overflow-y:auto}.sidebar.collapsed{width:60px}.sidebar-header{border-bottom:1px solid var(--color-border-light);justify-content:flex-end;padding:1rem;display:flex}.sidebar-toggle{background:var(--color-bg-hover);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:.875rem;transition:all .2s;display:flex}.sidebar-toggle:hover{background:var(--color-border);color:var(--color-text-primary)}.mobile-nav-toggle{width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:none}.mobile-nav-toggle:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.mobile-nav-close{background:var(--color-bg-hover);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;display:none}.mobile-nav-close:hover{background:var(--color-border);color:var(--color-text-primary)}.sidebar-backdrop{display:none}.nav{flex-direction:column;gap:.5rem;padding:1rem 0;display:flex}.nav-section{margin:1rem 0}.nav-section-title{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;margin-left:1.5rem;font-size:.75rem;font-weight:600}.nav-item{color:var(--sidebar-text-muted,var(--color-gray-500));cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.5rem 1.5rem;font-size:.9375rem;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text,var(--color-gray-700))}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text,var(--theme-primary));border-left-color:var(--theme-primary)}.sidebar.collapsed .nav-section-title,.sidebar.collapsed .nav-item span:not(.nav-icon){display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:.5rem}.nav-icon{color:currentColor;flex-shrink:0}.client-main{background:var(--color-bg-main);flex:1;min-width:0;height:100%;padding:2rem;overflow-y:auto}.page-header h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:600}.stats-row{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}.stat-box{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:8px;padding:1.25rem}.content-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:2rem}.empty-state{text-align:center;background:var(--color-gray-50);border-radius:8px;padding:2.5rem 1.5rem}.empty-title{color:var(--color-gray-900);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.empty-subtitle{color:var(--color-gray-500);margin-bottom:1.5rem;font-size:.875rem}.empty-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.empty-action-btn{background:var(--theme-primary);color:#fff;cursor:pointer;box-shadow:0 2px 4px var(--theme-primary-shadow,#8b5cf64d);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.empty-action-btn:hover{background:var(--theme-primary-hover);box-shadow:0 4px 12px var(--theme-primary-shadow,#8b5cf666);transform:translateY(-1px)}.empty-action-btn:focus{box-shadow:0 0 0 3px var(--theme-primary-light,#8b5cf633);outline:none}.empty-action-btn svg{color:#fff}.empty-state h3{color:var(--color-gray-800);margin-bottom:.5rem;font-size:1.25rem}.empty-state p{color:var(--color-gray-500);margin-bottom:1.5rem}.client-footer{background:var(--color-gray-800);color:var(--color-gray-400);text-align:center;padding:1.5rem 2rem}.client-footer p{margin:.25rem 0;font-size:.875rem}.client-footer a{color:#60a5fa;font-weight:500;text-decoration:none}.client-footer a:hover{color:#93c5fd;text-decoration:underline}@media (width<=1024px){.feature-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.sidebar{width:200px}.client-header{grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;padding:.75rem 1rem}.welcome-stats{display:none}}@media (width<=768px){.client-header{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;padding:.75rem 1rem}.mobile-nav-toggle{display:inline-flex}.header-center,.platform-name{display:none}.header-right{gap:.5rem}.sidebar{z-index:1100;border-right:1px solid var(--color-border);width:260px;max-width:82vw;height:100vh;box-shadow:none;border-bottom:none;transition:transform .25s,box-shadow .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0);box-shadow:2px 0 16px #0000002e}.sidebar.collapsed{width:260px;max-width:82vw}.sidebar.collapsed .nav-item{justify-content:flex-start;padding:.5rem 1.5rem}.sidebar.collapsed .nav-item span:not(.nav-icon){display:inline}.sidebar.collapsed .nav-section-title{display:block}.sidebar-header{justify-content:flex-end}.sidebar-toggle{display:none}.mobile-nav-close{display:inline-flex}.sidebar-backdrop{z-index:1090;background:#00000073;border:none;display:block;position:fixed;inset:0}.stats-row{grid-template-columns:1fr}}.setup-error{color:var(--color-error-hover);background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-size:.875rem}.file-upload-section{margin:2rem 0}.file-upload-area{border:2px dashed var(--color-gray-300);text-align:center;cursor:pointer;background:#fafafa;border-radius:12px;padding:3rem 2rem;transition:all .2s;display:block}.file-upload-area:hover{border-color:var(--theme-primary);background:var(--color-gray-50)}.file-placeholder .file-icon,.file-selected .file-icon{margin-bottom:1rem;font-size:3rem}.file-text,.file-name{color:var(--color-gray-800);margin-bottom:.5rem;font-size:1.125rem;font-weight:500}.file-hint,.file-size{color:var(--color-gray-500);font-size:.875rem}.dwd-instructions{margin:2rem 0}.instruction-item{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.step-number{background:var(--theme-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:flex}.instruction-content{flex:1}.instruction-content p{color:var(--color-gray-700);margin:0 0 .75rem;line-height:1.6}.copy-field{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:6px;gap:.5rem;margin-top:.5rem;padding:.75rem;display:flex}.copy-field code{color:var(--color-gray-800);word-break:break-all;flex:1;font-family:Courier New,monospace;font-size:.8125rem}.copy-field.scopes code{font-size:.75rem}.copy-field button{background:var(--theme-primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.25rem .75rem;font-size:.875rem;transition:all .2s}.copy-field button:hover{background:var(--theme-primary-hover)}.btn-test{background:var(--color-success);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.btn-test:hover{background:var(--color-success-hover);transform:translateY(-1px)}.dashboard-content{padding:2rem}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.customize-btn{border:1px solid var(--color-gray-300);color:var(--color-gray-700);cursor:pointer;background:#fff;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.customize-btn:hover{background:var(--color-gray-50);border-color:var(--theme-primary);color:var(--theme-primary)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.dashboard-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:1.5rem;transition:all .2s}.dashboard-card:hover{box-shadow:0 4px 12px var(--card-shadow);background:var(--card-bg-hover)}.stat-card{text-align:center;padding:2rem 1.5rem}.stat-number{color:var(--theme-primary);margin-bottom:.5rem;font-size:3rem;font-weight:700}.stat-label{color:var(--color-gray-800);margin-bottom:.25rem;font-size:1rem;font-weight:500}.stat-trend{color:var(--color-gray-500);font-size:.8125rem}.feature-card{padding:1.5rem}.card-header{margin-bottom:1rem}.card-header h3{color:var(--color-gray-800);margin:0;font-size:1.125rem;font-weight:600}.card-content p{color:var(--color-gray-500);margin-bottom:1.5rem;font-size:.9375rem;line-height:1.5}.module-options{flex-direction:column;gap:.75rem;display:flex}.module-btn{border:1px solid var(--color-gray-200);color:var(--color-gray-700);cursor:pointer;text-align:left;background:#fff;border-radius:6px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.module-btn:hover:not(.disabled){border-color:var(--theme-primary);background:#f8faff}.module-btn.disabled{opacity:.6;cursor:not-allowed}.module-icon{font-size:1.25rem}.coming-soon{color:var(--color-warning);background:#fef3c7;border-radius:10px;margin-left:auto;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.page-loader{min-height:400px;color:var(--color-gray-500);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.page-loader-spinner{color:var(--helios-purple);animation:1s linear infinite spin}.page-placeholder{justify-content:center;align-items:center;min-height:500px;padding:2rem;display:flex}.placeholder-content{text-align:center;max-width:400px}.placeholder-icon{opacity:.6;margin-bottom:1rem;font-size:4rem}.placeholder-content h2{color:var(--color-gray-800);margin-bottom:.5rem;font-size:1.5rem}.placeholder-content p{color:var(--color-gray-500);margin-bottom:1.5rem;font-size:.9375rem}.nav-expandable{margin-bottom:.5rem}.nav-expand-icon{color:var(--color-gray-400);margin-left:auto;font-size:.75rem;transition:transform .2s}.nav-submenu{flex-direction:column;margin-top:.25rem;padding-left:1rem;display:flex}.submenu-item{gap:.5rem!important;padding:.625rem 1.5rem!important;font-size:.875rem!important}.submenu-dot{color:var(--color-gray-300);margin-right:.25rem;font-size:.5rem}.submenu-item.active .submenu-dot{color:var(--theme-primary)}.nav-badge{background:var(--color-gray-200);color:var(--color-gray-500);text-align:center;border-radius:10px;min-width:24px;margin-left:auto;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.nav-item.active .nav-badge{color:var(--theme-primary-hover);background:#ddd6fe}.user-status-badge{border-radius:12px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.8125rem;font-weight:500;display:inline-flex}.user-status-badge.status-active{color:#166534;background:#dcfce7}.user-status-badge.status-pending{color:#a16207;background:#fef3c7}.user-status-badge.status-deleted{color:#991b1b;background:#fee2e2}.status-dot.pending{background:var(--color-warning)}.dashboard-title h1{color:var(--color-text-primary);margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.dashboard-subtitle{color:var(--color-text-secondary);margin:0;font-size:.875rem}.stats-section{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.stat-card-modern{border:1px solid var(--color-gray-200);background:#fff;border-radius:8px;padding:1.25rem;transition:all .2s}.stat-card-modern:hover{border-color:var(--color-gray-300);box-shadow:0 4px 12px #0000000d}.stat-card-header{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.stat-icon{color:var(--theme-primary);flex-shrink:0;margin-top:.125rem}.stat-icon.warning-icon{color:#ea580c}.stat-info{flex:1}.stat-info .stat-label{color:var(--color-gray-500);align-items:center;gap:.375rem;margin-bottom:.25rem;font-size:.8125rem;font-weight:500;display:flex}.data-source-badge{align-items:center;margin-left:.25rem;display:inline-flex}.source-icon{opacity:.6;width:14px;height:14px;transition:opacity .2s}.source-icon:hover{opacity:1}.stat-info .stat-number{color:var(--color-gray-800);font-size:2rem;font-weight:700;line-height:1}.stat-trend{align-items:center;gap:.375rem;padding:.25rem 0;font-size:.75rem;font-weight:500;display:flex}.stat-trend svg{flex-shrink:0}.stat-trend.positive{color:#16a34a}.stat-trend.warning{color:#ea580c}.stat-trend.neutral{color:var(--color-gray-500)}.platform-cards-section{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.platform-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 1px 2px var(--card-shadow);border-radius:8px;flex-direction:column;gap:.875rem;padding:1.25rem;transition:all .2s;display:flex;position:relative}.platform-card:before{content:"";border-radius:8px 0 0 8px;width:3px;position:absolute;top:0;bottom:0;left:0}.platform-card.google-card:before{background:#4285f4}.platform-card.microsoft-card:before{background:#00a4ef}.platform-card.helios-card:before{background:var(--theme-primary)}.platform-card-header{justify-content:space-between;align-items:center;display:flex}.platform-title{align-items:flex-start;gap:.625rem;display:flex}.platform-logo{-o-object-fit:contain;object-fit:contain;flex-shrink:0;width:24px;height:24px}.helios-logo{background:linear-gradient(135deg, var(--theme-primary), var(--theme-primary-end));color:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.platform-title h3{color:var(--color-gray-900);margin:0 0 .125rem;font-size:.9375rem;font-weight:600;line-height:1.3}.platform-sync-time{color:var(--color-gray-400);align-items:center;gap:.25rem;font-size:.6875rem;font-weight:500;display:inline-flex}.platform-sync-time.warning{color:#d97706}.platform-sync-time svg{color:var(--color-warning)}.platform-status-badge{border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;transition:all .2s;display:inline-flex}.platform-status-badge.connected{color:#065f46;background:#d1fae5}.platform-status-badge.local{color:#6b21a8;background:#e9d5ff}.platform-status-badge svg{flex-shrink:0}.platform-status{color:var(--color-gray-500);align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;display:flex}.status-indicator{border-radius:50%;width:8px;height:8px}.status-indicator.connected{background:var(--color-success);box-shadow:0 0 8px #10b98166}.status-indicator.local{background:var(--theme-primary);box-shadow:0 0 8px var(--helios-purple-shadow)}.platform-sync-info{color:var(--color-gray-500);align-items:center;gap:.375rem;font-size:.6875rem;font-weight:500;display:flex}.platform-sync-info.warning{color:#d97706}.platform-sync-info.warning svg{color:var(--color-warning)}.platform-sync-info.muted{color:var(--color-gray-400)}.platform-stats-compact{flex-wrap:wrap;align-items:baseline;gap:1.25rem;display:flex}.stat-compact{align-items:baseline;gap:.375rem;display:inline-flex;position:relative}.stat-compact .stat-warning-icon{color:var(--color-warning);position:absolute;top:2px;left:-16px}.stat-compact .stat-value{color:var(--color-gray-900);font-size:1.5rem;font-weight:700;line-height:1}.stat-compact.warning .stat-value{color:#ea580c}.stat-compact .stat-label{color:var(--color-gray-500);font-size:.8125rem;font-weight:500}.platform-stats{gap:1.5rem;margin-bottom:1.25rem;display:flex}.platform-stat-item{flex-direction:column;gap:.25rem;display:flex}.platform-stat-item.warning .platform-stat-value{color:#ea580c}.platform-stat-value{color:var(--color-gray-900);font-size:1.75rem;font-weight:700;line-height:1}.platform-stat-label{color:var(--color-gray-500);text-transform:lowercase;font-size:.75rem;font-weight:500}.platform-licenses{background:var(--color-gray-50);border-radius:8px;margin-bottom:1.25rem;padding:1rem}.license-bar{background:var(--color-gray-200);border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden}.license-bar-fill{background:linear-gradient(90deg, var(--theme-primary), var(--theme-primary-end));border-radius:3px;height:100%;transition:width .3s}.license-text{color:var(--color-gray-500);font-size:.8125rem;font-weight:500}.license-date{color:var(--color-gray-400);font-size:.75rem}.platform-actions{gap:.5rem;margin-top:.125rem;display:flex}.platform-action-btn{border:1px solid var(--color-gray-200);cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:inline-flex}.platform-action-btn:disabled{opacity:.5;cursor:not-allowed}.platform-action-btn.primary{background:var(--theme-primary);color:#fff;border-color:var(--theme-primary);flex:1}.platform-action-btn.primary:hover:not(:disabled){background:var(--theme-primary-hover);border-color:var(--theme-primary-hover)}.platform-action-btn.secondary{color:var(--color-gray-500);border-color:var(--color-gray-200);background:#fff}.platform-action-btn.secondary:hover:not(:disabled){background:var(--color-gray-50);color:var(--color-gray-700)}.platform-action-btn svg.spin{animation:1s linear infinite spin}.quick-actions-section{border:1px solid var(--color-gray-200);background:#fff;border-radius:12px;margin-bottom:2rem;padding:1.25rem}.quick-actions-section .section-title{color:var(--color-gray-800);margin:0 0 1rem;font-size:1rem;font-weight:600}.quick-actions-section .flex{display:flex}.quick-actions-section .gap-3{gap:.75rem}.quick-actions-section .flex-1{flex:1}.quick-actions-section button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-height:40px;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.quick-actions-section button:not([data-variant]),.quick-actions-section button[data-variant=default]{background:var(--theme-primary,var(--color-primary));color:#fff;border:none}.quick-actions-section button:not([data-variant]):hover,.quick-actions-section button[data-variant=default]:hover{background:var(--theme-primary-hover,var(--color-primary-hover))}.quick-actions-section button[data-variant=outline]{color:var(--color-gray-700);border:1px solid var(--color-gray-200);background:#fff}.quick-actions-section button[data-variant=outline]:hover{background:var(--color-gray-50);border-color:var(--theme-primary,var(--color-primary));color:var(--theme-primary,var(--color-primary))}.section-title{color:var(--color-gray-800);margin:0 0 1rem;font-size:1.125rem;font-weight:600}.quick-actions-grid{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:600px;display:grid}@media (width<=640px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}.quick-action-btn{cursor:pointer;color:var(--color-gray-700);border:1px solid var(--color-gray-200);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:.625rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.quick-action-btn:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--theme-primary);color:var(--theme-primary);transform:translateY(-1px)}.quick-action-btn svg{flex-shrink:0}.quick-action-btn.primary{background:var(--theme-primary);color:#fff;border:none}.quick-action-btn.primary:hover:not(:disabled){background:var(--theme-primary-hover);box-shadow:0 4px 12px var(--helios-purple-shadow);transform:translateY(-1px)}.quick-action-btn.secondary{color:var(--color-gray-700);border:1px solid var(--color-gray-200);background:#fff}.quick-action-btn.secondary:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--theme-primary);color:var(--theme-primary);transform:translateY(-1px)}.quick-action-btn:disabled{opacity:.6;cursor:not-allowed}.quick-action-btn .spin{animation:1s linear infinite spin}.dashboard-two-column{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;display:grid}.activity-card{min-height:280px}.activity-item{background:var(--color-gray-50);border-radius:6px;gap:.75rem;padding:.75rem;transition:background .2s;display:flex}.activity-item:hover{background:var(--color-gray-100)}.activity-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.activity-icon.success{color:#16a34a;background:#dcfce7}.activity-icon.info{color:#2563eb;background:#dbeafe}.activity-content{flex:1;min-width:0}.activity-text{color:var(--color-gray-800);margin-bottom:.125rem;font-size:.875rem;font-weight:500}.alerts-card{min-height:280px}.alerts-list{flex-direction:column;gap:.75rem;display:flex}.alert-item{border-left:3px solid;border-radius:6px;align-items:flex-start;gap:.75rem;padding:.875rem;display:flex}.alert-item.warning{background:#fff7ed;border-left-color:#ea580c}.alert-item.info{border-left-color:var(--color-info);background:#eff6ff}.alert-icon{flex-shrink:0;margin-top:.125rem}.alert-item.warning .alert-icon{color:#ea580c}.alert-item.info .alert-icon{color:var(--color-info)}.alert-content{flex:1;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.alert-text{color:var(--color-gray-800);font-size:.875rem;font-weight:500}.alert-action{border:1px solid var(--color-gray-200);color:var(--theme-primary);cursor:pointer;background:#fff;border-radius:4px;flex-shrink:0;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.alert-action:hover{background:var(--color-gray-50);border-color:var(--theme-primary)}.empty-state{color:var(--color-gray-400);flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.empty-icon{opacity:.5;margin-bottom:.5rem}@media (width<=768px){.stats-section,.platform-cards-section{grid-template-columns:1fr}.platform-stats{flex-wrap:wrap}.quick-actions-grid{grid-template-columns:1fr 1fr}.dashboard-two-column{grid-template-columns:1fr}}.dashboard-engagement-section{max-width:400px;margin-top:1.5rem}.dashboard-engagement-section .email-engagement-widget{box-shadow:0 1px 3px #0000001a}.dashboard-security-section{max-width:600px;margin-top:1.5rem}.dashboard-security-section .section-title{color:var(--color-gray-800);margin-bottom:1rem;font-size:1rem;font-weight:600}.dashboard-security-section .login-map-widget{box-shadow:0 1px 3px #0000001a}.user-dashboard{max-width:900px}.user-info-summary{flex-direction:column;gap:.75rem;display:flex}.info-row{border-bottom:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:var(--color-gray-500);font-size:.875rem;font-weight:500}.info-value{color:var(--color-gray-800);font-size:.875rem}.getting-started-list{flex-direction:column;gap:.5rem;display:flex}.getting-started-item{background:var(--color-gray-50);cursor:pointer;color:var(--color-gray-700);border-radius:6px;align-items:center;gap:.75rem;padding:.75rem;font-size:.875rem;transition:all .2s;display:flex}.getting-started-item:hover{background:var(--color-gray-100);color:var(--color-primary)}.getting-started-item svg{color:var(--color-primary);flex-shrink:0}.text-muted{color:var(--color-gray-400);font-size:.875rem}.dashboard-widget-grid{grid-template-columns:repeat(12,1fr);gap:1rem;margin-bottom:2rem;display:grid}.metric-card{background:var(--card-bg);border:1px solid var(--card-border);min-height:56px;box-shadow:0 1px 3px var(--card-shadow);border-radius:8px;flex-direction:column;gap:.125rem;padding:.5rem .75rem;transition:all .2s;display:flex}.metric-card[style*="cursor: pointer"]:hover{border-color:var(--theme-primary,var(--color-primary))}.metric-card-header{align-items:center;gap:.5rem;display:flex}.metric-card-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600}.metric-card-body{flex-direction:column;flex:1;justify-content:center;display:flex}.metric-card-value{color:var(--card-heading);align-items:center;gap:.25rem;font-size:1.125rem;font-weight:700;line-height:1.1;display:flex}.metric-warning-icon{color:#d97706}.metric-card-label{color:var(--card-text);margin-top:.125rem;font-size:.8125rem}.metric-card-footer{border-top:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem;display:flex}.metric-footer-text{color:var(--color-gray-400);font-size:.6875rem}.metric-trend{align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;display:inline-flex}.metric-trend-up{color:var(--color-success-hover)}.metric-trend-down{color:var(--color-error-hover)}.metric-card-warning .metric-card-icon{color:var(--color-warning)}.metric-card-error .metric-card-icon{color:var(--color-error-hover)}.metric-card-success .metric-card-icon{color:var(--color-success-hover)}.metric-card-small{min-height:48px}.metric-card-medium{min-height:60px}.metric-card-large{min-height:80px}.dashboard-controls{justify-content:flex-end;margin-bottom:1rem;display:flex}.customize-dashboard-btn{color:var(--color-gray-500);border:1px solid var(--color-gray-200);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.customize-dashboard-btn:hover{background:var(--color-gray-50);color:var(--color-gray-700);border-color:var(--color-gray-300)}@media (width<=1199px){.dashboard-widget-grid{grid-template-columns:repeat(6,1fr)}.metric-card[style*=span\ 3]{grid-column:span 3!important}}@media (width<=767px){.dashboard-widget-grid{grid-template-columns:1fr;gap:.75rem}.metric-card{min-height:64px;padding:.625rem .875rem;grid-column:span 1!important}.metric-card-value{font-size:1.25rem}.metric-card-title{font-size:.625rem}}.login-page{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-form-section{background:#fff;flex-direction:column;justify-content:center;padding:3rem;display:flex}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{color:#1f2937;margin-bottom:.5rem;font-size:2rem;font-weight:600}.login-header h2{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.login-header p{color:#6b7280;font-size:.9375rem}.login-form{width:100%;max-width:400px;margin:0 auto}.form-field{margin-bottom:1.5rem}.form-field label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-field input{border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:.875rem;font-size:1rem;transition:all .2s}.form-field input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.form-field input:disabled{cursor:not-allowed;background:#f9fafb}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;border-radius:8px;width:100%;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-error{color:#dc2626;text-align:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-size:.875rem}.login-footer{text-align:center;margin-top:2rem}.security-note{color:#6b7280;background:#f9fafb;border-radius:6px;padding:.75rem;font-size:.8125rem}.login-info-section{flex-direction:column;justify-content:center;gap:2rem;padding:3rem;display:flex}.feature-card{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#00000080;border:1px solid #ffffff40;border-radius:16px;padding:2rem;transition:all .3s;box-shadow:0 8px 32px #00000080}.feature-card:hover{border-color:#ffffff59;transform:translateY(-4px);box-shadow:0 12px 40px #0009}.feature-card h3{color:#fff;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.feature-card p{color:#fffffff2;font-size:.9375rem;line-height:1.6}@media (width<=1024px){.login-page{grid-template-columns:1fr}.login-info-section{display:none}.login-form-section{padding:2rem 1.5rem}}@media (width<=480px){.login-header h1{font-size:1.75rem}.login-header h2{font-size:1.125rem}.login-form-section{padding:2rem 1rem}}.login-divider{color:#9ca3af;align-items:center;margin:1.5rem 0;font-size:.875rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.login-divider span{padding:0 1rem}.passkey-button{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.passkey-button:hover:not(:disabled){color:#4f46e5;background:#f5f3ff;border-color:#4f46e5}.passkey-button:disabled{opacity:.6;cursor:not-allowed}.passkey-button .animate-spin{animation:1s linear infinite spin}.setup-password-container{background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.setup-password-card{background:#fff;border-radius:12px;width:100%;max-width:500px;padding:3rem;box-shadow:0 20px 60px #0000004d}.setup-header{text-align:center;margin-bottom:2rem}.setup-logo{color:#8b5cf6;justify-content:center;margin-bottom:1rem;display:flex}.setup-header h1{color:#1a202c;margin:0 0 .5rem;font-size:1.875rem;font-weight:600}.setup-subtitle{color:#718096;margin:0;font-size:.95rem}.setup-form{flex-direction:column;gap:1.5rem;display:flex}.user-info{background:#f7fafc;border-left:4px solid #8b5cf6;border-radius:8px;padding:1rem}.info-label{color:#718096;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem}.info-value{color:#1a202c;font-size:1rem;font-weight:500}.form-input{border:1px solid #e2e8f0;border-radius:6px;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-input:disabled{cursor:not-allowed;background:#f7fafc}.error-message{color:#c53030;background:#fed7d7;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.password-requirements{background:#f7fafc;border-radius:6px;padding:1rem;font-size:.875rem}.requirements-title{color:#4a5568;margin-bottom:.5rem;font-weight:500}.password-requirements ul{margin:0;padding:0;list-style:none}.password-requirements li{color:#718096;padding:.25rem 0 .25rem 1.5rem;position:relative}.password-requirements li:before{content:"○";color:#cbd5e0;position:absolute;left:0}.password-requirements li.met{color:#38a169}.password-requirements li.met:before{content:"✓";color:#38a169}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%);border:none;border-radius:6px;padding:1rem 2rem;font-size:1rem;font-weight:500;transition:transform .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #8b5cf64d}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn-secondary{color:#8b5cf6;cursor:pointer;background:#fff;border:2px solid #8b5cf6;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:background-color .2s,color .2s}.btn-secondary:hover{color:#fff;background:#8b5cf6}.setup-footer{text-align:center;border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.setup-footer p{color:#718096;margin:0;font-size:.875rem}.loading{text-align:center;padding:3rem 0}.spinner{border:4px solid #e2e8f0;border-top-color:#8b5cf6;border-radius:50%;width:50px;height:50px;margin:0 auto 1rem;animation:.8s linear infinite spin}.loading p{color:#718096;margin:0}.error-state{text-align:center;padding:2rem 0}.error-icon{color:#dc2626;justify-content:center;margin-bottom:1rem;display:flex}.error-state h2{color:#1a202c;margin:0 0 1rem;font-size:1.5rem}.error-state .error-message{color:#c53030;background:0 0;margin-bottom:1rem;padding:0;font-size:1rem;display:block}.error-help{color:#718096;margin:0 0 2rem;line-height:1.6}.error-state .btn-secondary{display:inline-block}.client-user-menu{position:relative}.user-menu-trigger{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:.375rem;padding:.25rem;transition:all .2s;display:flex}.user-menu-trigger:hover{background:#f3f4f6}.user-avatar{color:#6b7280;background:#e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.6875rem;font-weight:500;display:flex}.menu-arrow{opacity:.5}.user-menu-dropdown{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:280px;animation:.2s ease-out menuSlideDown;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 10px 40px #0003}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{align-items:center;gap:1rem;padding:1.25rem;display:flex}.user-avatar-large{color:#6b7280;background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.user-info{flex:1;min-width:0}.org-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.domain-name{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-top:.125rem;font-size:.8125rem;overflow:hidden}.menu-items{padding:.5rem}.menu-item{cursor:pointer;color:#374151;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.75rem;width:100%;padding:.75rem;font-size:.9375rem;transition:all .15s;display:flex}.menu-item:hover{background:#f3f4f6}.menu-item.danger{color:#dc2626}.menu-item.danger:hover{background:#fee2e2}.menu-icon{text-align:center;flex-shrink:0;width:24px;font-size:1.125rem}.menu-icon-svg{color:#6b7280;flex-shrink:0;width:16px;height:16px}.menu-footer{background:#f9fafb;border-radius:0 0 8px 8px;padding:.75rem 1rem}.footer-text{color:#6b7280;text-align:center;font-size:.75rem}.user-role{color:var(--theme-primary);text-transform:capitalize;background:#eff6ff;border-radius:10px;margin-top:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}@media (width<=768px){.user-menu-dropdown{min-width:260px;right:-1rem}}.account-setup-container{background:linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-end) 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.account-setup-card{background:#fff;border-radius:12px;width:100%;max-width:600px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.account-setup-header{background:linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-end) 100%);color:#fff;text-align:center;padding:2rem}.account-setup-header h1{margin-bottom:.5rem;font-size:2rem;font-weight:600}.account-setup-header p{opacity:.9;font-size:1rem}.setup-progress{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:center;align-items:center;padding:2rem;display:flex}.step-number{color:#6b7280;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;transition:all .3s;display:flex}.progress-step.active .step-number{background:var(--theme-primary);color:#fff;box-shadow:0 4px 12px var(--theme-primary-shadow,#8b5cf666)}.progress-line{background:#e5e7eb;width:60px;height:2px;transition:all .3s}.progress-line.active{background:var(--theme-primary)}.account-setup-body{padding:2rem}.setup-step h2{color:#1f2937;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.step-description{color:#6b7280;margin-bottom:2rem;line-height:1.6}.form-group input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.75rem;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px var(--theme-primary-light,#8b5cf61a);outline:none}.info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;margin-top:1.5rem;padding:1rem}.info-box strong{color:#1e40af;margin-bottom:.5rem;font-size:.875rem;display:block}.info-box p{color:#1e40af;margin:0;font-size:.875rem;line-height:1.5}.setup-error{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:8px;margin-bottom:1.5rem;padding:1rem;font-size:.875rem;display:flex}.setup-error svg{flex-shrink:0}.account-setup-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:space-between;padding:1.5rem 2rem;display:flex}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px var(--theme-primary-shadow,#8b5cf666);transform:translateY(-1px)}.theme-card{cursor:pointer;text-align:left;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:0;transition:all .2s;overflow:hidden}.theme-card.selected{border-color:var(--theme-primary,#8b5cf6);box-shadow:0 0 0 3px var(--theme-primary-light,#8b5cf626)}.theme-preview{background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-direction:column;height:90px;display:flex;overflow:hidden}.theme-preview-header{background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 100%);flex-shrink:0;height:36px}.theme-preview-content{background:#f9fafb;flex:1;display:flex}.theme-preview-sidebar{background:#374151;flex-shrink:0;width:20px}.theme-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:3px;flex:1;justify-content:center;align-items:center;margin:6px;display:flex}.theme-preview-helios-purple .theme-preview-header{background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 100%)}.theme-preview-corporate-blue .theme-preview-header{background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%)}.theme-preview-sophisticated-purple .theme-preview-header{background:linear-gradient(135deg,#6d28d9 0%,#7c3aed 100%)}.theme-preview-google-blue .theme-preview-header{background:linear-gradient(135deg,#1a73e8 0%,#4285f4 100%)}.theme-preview-modern-teal .theme-preview-header{background:linear-gradient(135deg,#0d9488 0%,#14b8a6 100%)}.theme-preview-default .theme-preview-header{background:linear-gradient(135deg,#7c3aed 0%,#a78bfa 100%)}.theme-preview-helios-dark{background:#0f172a}.theme-preview-helios-dark .theme-preview-header{background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 100%)}.theme-preview-helios-dark .theme-preview-content{background:#0f172a}.theme-preview-helios-dark .theme-preview-sidebar{background:#1e293b}.theme-preview-helios-dark .theme-preview-card{background:#1e293b;border-color:#334155}.theme-card-info{padding:.75rem}.theme-card-name{color:#1f2937;justify-content:space-between;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.theme-check{background:var(--theme-primary,#8b5cf6);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.theme-card-description{color:#6b7280;margin-top:.25rem;font-size:.75rem;line-height:1.4}@media (width<=768px){.account-setup-container{padding:1rem}.form-row{grid-template-columns:1fr}.account-setup-footer{flex-direction:column;gap:.75rem}.btn-primary,.btn-secondary{width:100%}.theme-grid{grid-template-columns:repeat(2,1fr)}}.settings-container{max-width:1400px;margin:0 auto;padding:2rem}.settings-header{margin-bottom:2rem}.settings-header h1{color:#1f2937;margin-bottom:.5rem;font-size:2rem;font-weight:600}.settings-header p{color:#6b7280;font-size:1.125rem}.settings-layout{grid-template-columns:240px 1fr;gap:2rem;display:grid}.settings-sidebar{background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:0;height:fit-content;padding:1.5rem 0}.settings-nav{flex-direction:column;gap:.25rem;display:flex}.settings-nav-item{color:#6b7280;cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;transition:all .15s;display:flex}.settings-nav-item:hover{color:#1f2937;background:#f9fafb}.settings-nav-item.active{color:var(--theme-primary);border-left-color:var(--theme-primary);background:#eff6ff}.settings-nav-item .nav-icon{font-size:1.125rem}.settings-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:0;min-height:600px}.settings-section{padding:2rem}.section-header{border-bottom:1px solid #f3f4f6;margin-bottom:2rem;padding-bottom:1rem}.section-header h2{color:#1f2937;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.section-header p{color:#6b7280;font-size:.9375rem}.modules-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem;display:grid}.module-card{border:1px solid #e5e7eb;border-radius:8px;min-width:0;max-width:100%;padding:1.5rem;transition:all .2s}.module-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.module-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.module-info{flex:240px;align-items:flex-start;gap:1rem;min-width:0;display:flex}.module-icon{background:#f9fafb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex}.module-details{min-width:0}.module-details h3{color:#1f2937;overflow-wrap:anywhere;margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.module-details p{color:#6b7280;font-size:.9375rem}.module-status{flex-direction:column;align-items:flex-end;gap:.75rem;min-width:0;max-width:100%;display:flex}.status-badge{text-transform:uppercase;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-badge.disabled{color:#dc2626;background:#fee2e2}.status-badge.enabled{color:#065f46;background:#d1fae5}.status-badge.coming-soon{color:#92400e;background:#fef3c7}.enable-btn{background:var(--theme-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.enable-btn:hover{background:#4338ca;transform:translateY(-1px)}.disable-btn{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #dc2626;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.disable-btn:hover{color:#fff;background:#dc2626;transform:translateY(-1px)}.module-description{color:#374151;min-width:0;line-height:1.6}.module-description p{margin-bottom:1rem;font-size:.9375rem}.module-description code{overflow-wrap:anywhere;word-break:break-word}.module-features{flex-wrap:wrap;gap:.5rem;display:flex}.feature-tag{color:#1e40af;background:#eff6ff;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.feature-tag.disabled{color:#9ca3af;background:#f3f4f6}.settings-form{max-width:600px}.form-input:read-only{color:#6b7280;background:#f9fafb}.logo-upload{align-items:center;gap:1rem;display:flex}.logo-preview{color:#9ca3af;border:2px dashed #d1d5db;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.upload-btn{background:var(--theme-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.upload-btn:hover{background:#4338ca}.user-management{max-width:800px}.users-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.users-header h3{color:#1f2937;font-size:1.25rem;font-weight:600}.users-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.table-header{color:#374151;background:#f9fafb;border-bottom:1px solid #e5e7eb;grid-template-columns:2fr 2fr 1fr 1.5fr 1fr;gap:1rem;padding:1rem 1.5rem;font-size:.875rem;font-weight:600;display:grid}.table-row{border-bottom:1px solid #f3f4f6;grid-template-columns:2fr 2fr 1fr 1.5fr 1fr;align-items:center;gap:1rem;padding:1rem 1.5rem;display:grid}.table-row:last-child{border-bottom:none}.user-name{align-items:center;gap:.75rem;display:flex}.role-badge{text-transform:capitalize;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.action-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:4px;padding:.375rem .875rem;font-size:.8125rem;transition:all .2s}.action-btn:hover{background:#e5e7eb}.security-section{gap:1.5rem;display:grid}.security-card{border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.security-card h3{color:#1f2937;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.security-card p{color:#6b7280;margin-bottom:1rem;font-size:.9375rem}.policy-settings{flex-direction:column;gap:12px;display:flex}.policy-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}.policy-row:last-child{border-bottom:none}.policy-row>label:first-child{color:#374151;min-width:180px;font-size:14px;font-weight:500}.policy-row .checkbox-label{flex:1;justify-content:flex-start;margin:0}.policy-row select.form-select{color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:200px;padding:8px 12px;font-size:13px}.policy-row select.form-select:focus{border-color:var(--theme-primary);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.auth-options{flex-direction:column;gap:.75rem;display:flex}.checkbox-label{color:#374151;cursor:pointer;align-items:center;gap:.75rem;font-size:.9375rem;display:flex}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--theme-primary)}.module-config-modal{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay{background:#0009;position:absolute;inset:0}.modal-content{z-index:1001;background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.config-step{margin-bottom:2rem}.config-step h3{color:#1f2937;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.config-step p{color:#6b7280;margin-bottom:1rem;font-size:.9375rem}.file-upload{margin-top:1rem}.upload-button{color:#374151;cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:inline-block}.upload-button:hover{background:#f3f4f6;border-color:#9ca3af}.config-actions{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.configure-btn{background:linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-end) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 6px -1px #4f46e540}.configure-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #4f46e54d}.configure-btn:disabled{opacity:.6;cursor:not-allowed}.info-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:1.5rem;padding:1rem;font-size:.875rem}.info-box strong{color:#0369a1;margin-bottom:.5rem;display:block}.info-box ol{color:#0c4a6e;margin:.5rem 0 0 1.25rem;padding:0}.info-box ol li{margin-bottom:.375rem}.info-box a{color:#0284c7;text-decoration:underline}.info-box a:hover{color:#0369a1}@media (width<=1024px){.settings-layout{grid-template-columns:1fr;gap:1rem}.settings-sidebar{background:0 0;border:none;border-radius:0;order:0;height:auto;padding:0}.settings-content{order:1}.settings-nav{scrollbar-width:thin;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:row;gap:.25rem;padding:0 .5rem;overflow-x:auto}.settings-nav-item{white-space:nowrap;border-bottom:2px solid #0000;border-left:none;border-radius:0;flex:none;padding:.875rem 1rem}.settings-nav-item.active{border-left-color:#0000;border-bottom-color:var(--theme-primary);background:0 0}}.module-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:100%;margin-top:12px;display:flex}.module-actions .btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:100px;height:36px;padding:0 16px;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.module-actions .btn-primary{background:var(--theme-primary);color:#fff}.module-actions .btn-primary:hover{background:var(--theme-primary-hover)}.module-actions .btn-success{color:#fff;background:#10b981}.module-actions .btn-success:hover{background:#059669}.module-actions .btn-info{color:#fff;background:#3b82f6}.module-actions .btn-info:hover{background:#2563eb}.module-actions .btn-secondary{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.module-actions .btn-secondary:hover{background:#e5e7eb}.module-actions .btn-danger{color:#dc2626;background:#fff;border:1px solid #dc2626}.module-actions .btn-danger:hover{color:#fff;background:#dc2626}.module-more-menu{position:relative}.module-more-btn{cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:inline-flex}.module-more-btn:hover{background:#e5e7eb}.module-more-dropdown{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:160px;margin-top:4px;padding:4px;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000001a}.module-more-dropdown button{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:.875rem;display:flex}.module-more-dropdown button:hover{background:#f3f4f6}.module-more-dropdown button.danger{color:#dc2626}.module-more-dropdown button.danger:hover{background:#fef2f2}@media (width<=640px){.module-actions{flex-direction:column;align-items:stretch}.module-actions .btn{width:100%;min-width:unset}.module-more-menu,.module-more-btn{width:100%}.module-more-dropdown{min-width:unset;left:0;right:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.branding-settings{flex-direction:column;gap:16px;margin-top:16px;display:flex}.branding-settings .setting-row{flex-direction:column;gap:6px;display:flex}.branding-settings .setting-row label{flex-direction:column;gap:2px;display:flex}.branding-settings .setting-label{color:#374151;font-size:14px;font-weight:500}.branding-settings .setting-hint{color:#6b7280;font-size:12px}.branding-settings .setting-input{border:1px solid #d1d5db;border-radius:6px;width:100%;max-width:400px;padding:10px 12px;font-size:14px}.branding-settings .setting-input:focus{border-color:var(--theme-primary,#8b5cf6);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.branding-settings .setting-input:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f9fafb}.administrators-container{background:#f8f9fa;min-height:100vh;padding:20px}.administrators-header{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;display:flex;box-shadow:0 1px 3px #0000001a}.header-left h2{color:#1a1a1a;margin:0;font-size:24px;font-weight:600}.admin-count{color:#1976d2;background:#e3f2fd;border-radius:20px;padding:4px 12px;font-size:14px;font-weight:500}.btn-add-admin{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-add-admin:hover{background:#1565c0;box-shadow:0 2px 4px #0000001a}.administrators-info{margin-bottom:24px}.info-card{background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;gap:16px;padding:20px;display:flex}.info-card ul{color:#555;margin:8px 0 0;padding-left:20px;font-size:14px}.info-card li{margin:4px 0}.administrators-list{flex-direction:column;gap:16px;display:flex}.admin-card{background:#fff;border-radius:8px;align-items:center;gap:16px;padding:20px;transition:box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000001a}.admin-card:hover{box-shadow:0 2px 6px #00000026}.admin-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:18px;font-weight:600;display:flex}.admin-info{flex:1}.admin-name{color:#1a1a1a;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.current-badge{background:var(--color-success);color:#fff;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:500}.admin-email{color:#666;margin-top:4px;font-size:14px}.admin-meta{gap:16px;margin-top:8px;display:flex}.meta-item{color:#999;font-size:12px}.admin-actions{align-items:center;display:flex}.btn-demote{color:#d32f2f;cursor:pointer;background:#f5f5f5;border:1px solid #ffcdd2;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-demote:hover{background:#ffebee;border-color:#ef9a9a}.no-action{color:#999;padding:8px 16px;font-size:14px;font-style:italic}.modal-close{color:#999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:28px;display:flex}.modal-close:hover{color:#333}.modal-body p{color:#666;margin:0 0 16px}.user-select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;width:100%;padding:10px;font-size:14px}.user-select:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 2px #1976d21a}.no-users-message{text-align:center;color:#999;background:#f5f5f5;border-radius:6px;padding:20px;font-style:italic}.btn-cancel,.btn-confirm{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-cancel{color:#666;background:#f5f5f5}.btn-cancel:hover{background:#e0e0e0}.btn-confirm{color:#fff;background:#1976d2}.btn-confirm:hover:not(:disabled){background:#1565c0}.btn-confirm:disabled{cursor:not-allowed;background:#ccc}.loading-spinner,.error-message{color:#666;justify-content:center;align-items:center;padding:100px;font-size:16px;display:flex}.error-message{color:#d32f2f;background:#ffebee;border-radius:8px;padding:40px}@media (width<=768px){.administrators-header{flex-direction:column;align-items:stretch;gap:16px}.header-right{justify-content:center;display:flex}.admin-card{text-align:center;flex-direction:column}.admin-meta{flex-direction:column;align-items:center;gap:4px}.admin-actions{width:100%;margin-top:16px}.btn-demote,.no-action{text-align:center;width:100%}}.roles-management{padding:20px}.section-header h2{color:#1a1a1a;margin:0 0 4px;font-size:24px;font-weight:600}.section-header p{color:#666;margin:0;font-size:14px}.btn-create-role{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-create-role:hover{background:#1565c0;box-shadow:0 2px 4px #0000001a}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.role-card{background:#fff;border-radius:8px;padding:20px;transition:box-shadow .2s;box-shadow:0 1px 3px #0000001a}.role-card:hover{box-shadow:0 4px 12px #0000001a}.role-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.role-header h3{color:#1a1a1a;margin:0;font-size:18px;font-weight:600}.system-badge{color:#1976d2;text-transform:uppercase;letter-spacing:.5px;background:#e3f2fd;border-radius:12px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.role-actions{gap:4px;display:flex}.role-description{color:#666;margin:0 0 16px;font-size:14px;line-height:1.5}.role-permissions{margin-bottom:16px}.role-permissions h4{color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:13px;font-weight:600}.permission-tags{flex-wrap:wrap;gap:6px;display:flex}.permission-tag{color:#333;background:#f0f0f0;border-radius:12px;padding:4px 10px;font-family:Monaco,Courier New,monospace;font-size:12px;display:inline-block}.permission-tag.more{color:#1976d2;background:#e3f2fd;font-family:inherit}.role-footer{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.user-count{color:#666;align-items:center;gap:6px;font-size:14px;display:flex}.count-icon{font-size:16px}.btn-assign{color:#1976d2;cursor:pointer;background:0 0;border:1px solid #1976d2;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.btn-assign:hover{background:#e3f2fd}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow:auto;box-shadow:0 10px 40px #0003}.modal-header h2{color:#1a1a1a;margin:0;font-size:20px}.form-input{border:1px solid #ddd;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}textarea.form-input{resize:vertical;font-family:inherit}.permissions-selector{border:1px solid #e0e0e0;border-radius:8px;max-height:300px;padding:16px;overflow-y:auto}.permission-category{margin-bottom:20px}.permission-category:last-child{margin-bottom:0}.permission-category h4{color:#333;margin:0 0 12px;font-size:14px;font-weight:600}.permission-checkboxes{gap:8px;display:grid}.permission-checkbox{color:#666;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.permission-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.permission-checkbox:hover{color:#333}.modal-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;border-radius:0 0 12px 12px;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}@media (width<=768px){.roles-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:stretch;gap:16px}.btn-create-role{width:100%}}.theme-selector{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.theme-selector h3{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:600}.theme-description{color:#6b7280;margin-bottom:24px;font-size:14px}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.theme-card{cursor:pointer;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.theme-card:hover{border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.theme-card.active{border-color:var(--theme-primary,#4f46e5);box-shadow:0 0 0 3px var(--theme-primary-light,#4f46e51a)}.theme-preview{width:100%;height:80px;position:relative;overflow:hidden}.theme-preview-gradient{width:100%;height:100%;position:relative}.theme-preview[data-theme=default] .theme-preview-gradient,.theme-preview[data-theme=helios-purple] .theme-preview-gradient{background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 100%)}.theme-preview[data-theme=corporate-blue] .theme-preview-gradient{background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%)}.theme-preview[data-theme=sophisticated-purple] .theme-preview-gradient{background:linear-gradient(135deg,#6d28d9 0%,#7c3aed 100%)}.theme-preview[data-theme=helios-dark] .theme-preview-gradient{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);position:relative}.theme-preview[data-theme=helios-dark] .theme-preview-gradient:after{content:"";background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 100%);height:4px;position:absolute;bottom:0;left:0;right:0}.theme-preview[data-theme=google-blue] .theme-preview-gradient{background:linear-gradient(135deg,#1a73e8 0%,#4285f4 100%)}.theme-preview[data-theme=modern-teal] .theme-preview-gradient{background:linear-gradient(135deg,#0d9488 0%,#14b8a6 100%)}.theme-info{background:#fff;padding:12px}.theme-info h4{color:#1f2937;margin:0 0 4px;font-size:14px;font-weight:600}.theme-info p{color:#6b7280;margin:0;font-size:12px}.theme-selected{color:var(--color-primary,#4f46e5);background:#fff;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;top:8px;right:8px;box-shadow:0 2px 4px #0000001a}.theme-note{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;padding:12px;font-size:13px;display:flex}.theme-note code{background:#e5e7eb;border-radius:3px;padding:2px 6px;font-family:monospace;font-size:12px}.info-icon{flex-shrink:0;font-size:16px}@media (width<=768px){.theme-grid{grid-template-columns:1fr}}.help-widget{z-index:9990;pointer-events:none;top:0;bottom:0;right:0;position:fixed!important}.help-widget .help-widget-button,.help-widget-button{cursor:pointer;pointer-events:auto;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;bottom:24px;right:24px;color:#fff!important;background:#8b5cf6!important;border:none!important;border-radius:50%!important;display:flex!important;position:fixed!important;box-shadow:0 4px 12px #8b5cf659!important}.help-widget-button:hover{box-shadow:0 6px 16px var(--helios-purple-shadow,#8b5cf673);transform:scale(1.05)}.help-widget-button.active{background:var(--color-gray-500,#6b7280);box-shadow:0 4px 12px #6b728059}.help-widget-button:focus{box-shadow:0 0 0 3px var(--helios-purple-light,#8b5cf64d), 0 4px 12px var(--helios-purple-shadow,#8b5cf659);outline:none}.help-widget .help-widget-popup,.help-widget-popup{pointer-events:auto;flex-direction:column;max-height:calc(100vh - 80px);animation:.2s ease-out slideInRight;top:60px;right:0;overflow:hidden;background:#fff!important;border-left:1px solid #e5e7eb!important;width:360px!important;display:flex!important;position:absolute!important;box-shadow:-4px 0 24px #00000014!important}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.help-widget .help-widget-header,.help-widget-header{flex-shrink:0;justify-content:space-between;align-items:center;background:#fafbfc!important;border-bottom:1px solid #e5e7eb!important;padding:16px 20px!important;display:flex!important}.help-widget .help-widget-title,.help-widget-title{align-items:center;gap:8px;color:#1f2937!important;font-size:15px!important;font-weight:600!important;display:flex!important}.help-widget-title svg{color:var(--helios-purple,#8b5cf6)}.help-header-actions{align-items:center;gap:10px;display:flex}.help-page-context{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:4px 10px;font-size:12px}.help-widget .help-close-btn,.help-close-btn{cursor:pointer;justify-content:center;align-items:center;transition:all .15s;color:#6b7280!important;background:0 0!important;border:none!important;border-radius:6px!important;width:28px!important;height:28px!important;padding:0!important;display:flex!important}.help-widget .help-close-btn:hover,.help-close-btn:hover{color:#374151!important;background:#f3f4f6!important}.help-widget-disabled{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 24px;display:flex}.help-widget-disabled .disabled-icon{color:#d1d5db;margin-bottom:16px}.help-widget-disabled p{color:#6b7280;margin:0 0 20px;font-size:14px;line-height:1.5}.help-widget-disabled .configure-btn{background:var(--helios-purple,#8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:500;transition:background .15s}.help-widget-disabled .configure-btn:hover{background:var(--helios-purple-hover,#7c3aed)}.help-suggestions{flex:1;padding:20px;overflow-y:auto}.suggestions-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:12px;font-weight:600}.help-suggestions ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.suggestion-btn{color:#374151;text-align:left;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px 14px;font-size:13px;transition:all .15s;display:flex}.suggestion-btn:hover{border-color:var(--helios-purple,#8b5cf6);background:#f3f4f6}.suggestion-text{flex:1;line-height:1.4}.category-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:600}.category-badge.quick{color:#1d4ed8;background:#dbeafe}.category-badge.how-to{color:#047857;background:#d1fae5}.category-badge.explain{color:#b45309;background:#fef3c7}.quick-answer{background:linear-gradient(135deg,#faf5ff 0%,#f5f3ff 100%);border-bottom:1px solid #e5e7eb;padding:20px}.quick-answer-header{color:var(--helios-purple,#8b5cf6);align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.quick-answer p{color:#374151;margin:0 0 14px;font-size:14px;line-height:1.6}.expand-chat-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:4px;padding:8px 12px;font-size:12px;transition:all .15s;display:inline-flex}.expand-chat-btn:hover{border-color:var(--helios-purple,#8b5cf6);color:var(--helios-purple,#8b5cf6);background:#fff}.help-loading{color:#6b7280;justify-content:center;align-items:center;gap:10px;padding:32px;font-size:14px;display:flex}.help-loading .spin{animation:1s linear infinite spin}.help-widget .help-widget-footer,.help-widget-footer{flex-shrink:0;justify-content:space-between;align-items:center;background:#fafbfc!important;border-top:1px solid #e5e7eb!important;padding:14px 20px!important;display:flex!important}.open-chat-btn{background:var(--helios-purple,#8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.open-chat-btn:hover{background:var(--helios-purple-hover,#7c3aed)}.keyboard-hint{color:#9ca3af;font-size:11px}.keyboard-hint kbd{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:4px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-family:inherit;font-size:11px;display:inline-flex}.ai-status{align-items:center;gap:8px;display:flex}.ai-disabled-hint{color:#9ca3af;align-items:center;gap:4px;font-size:12px;display:flex}.ai-disabled-hint svg{width:14px;height:14px}.configure-link{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;font-size:11px;transition:all .15s}.configure-link:hover{border-color:var(--helios-purple,#8b5cf6);color:var(--helios-purple,#8b5cf6);background:#f3f4f6}@media (width<=768px){.help-widget-popup{border-top:1px solid #e5e7eb;border-left:none;width:100%;max-width:100%;max-height:calc(100vh - 56px);top:56px}.help-widget-button{width:44px;height:44px;bottom:16px;right:16px}}.help-widget .help-search,.help-search{align-items:center;gap:8px;background:#fff!important;border-bottom:1px solid #e5e7eb!important;padding:12px 20px!important;display:flex!important}.help-widget .help-search-icon,.help-search-icon{flex-shrink:0;color:#9ca3af!important}.help-widget .help-search-input,.help-search-input{flex:1;color:#1f2937!important;background:0 0!important;border:none!important;outline:none!important;padding:8px 0!important;font-size:14px!important}.help-widget .help-search-input::-moz-placeholder{color:#9ca3af!important}.help-search-input::-moz-placeholder{color:#9ca3af!important}.help-widget .help-search-input::placeholder,.help-search-input::placeholder{color:#9ca3af!important}.help-search-loading{color:var(--helios-purple,#8b5cf6)}.help-widget .help-content-area,.help-content-area{flex:1;overflow-y:auto;background-color:#fff!important}.help-widget .help-article-list,.help-article-list{background-color:#fff!important;padding:16px 20px!important}.help-widget .help-list-label,.help-list-label{text-transform:uppercase;letter-spacing:.05em;color:#6b7280!important;margin:0 0 12px!important;font-size:12px!important;font-weight:600!important}.help-article-list ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.help-widget .help-article-btn,.help-article-btn{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;transition:all .15s;background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:8px!important;width:100%!important;padding:12px 14px!important;display:flex!important}.help-widget .help-article-btn:hover,.help-article-btn:hover{background:#f3f4f6!important;border-color:#8b5cf6!important}.help-article-btn svg{color:#9ca3af;flex-shrink:0}.help-article-info{flex:1;min-width:0}.help-article-title{color:#1f2937;margin-bottom:4px;font-size:14px;font-weight:500;display:block}.help-article-summary{color:#6b7280;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.help-article-detail{padding:16px 20px}.help-widget .help-back-btn,.help-back-btn{cursor:pointer;align-items:center;gap:4px;margin-bottom:16px;transition:all .15s;color:#6b7280!important;background:0 0!important;border:1px solid #e5e7eb!important;border-radius:6px!important;padding:6px 12px!important;font-size:12px!important;display:inline-flex!important}.help-widget .help-back-btn:hover,.help-back-btn:hover{color:#8b5cf6!important;background:#f3f4f6!important;border-color:#8b5cf6!important}.help-back-btn .rotate-180{transform:rotate(180deg)}.help-article-content h3{color:#1f2937;margin:0 0 8px;font-size:18px;font-weight:600}.help-article-type{color:#6b7280;text-transform:capitalize;background:#f3f4f6;border-radius:4px;margin-bottom:16px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.help-article-body{color:#374151;font-size:14px;line-height:1.7}.help-article-body p{margin:0 0 12px}.help-article-body h4,.help-content-header{color:#1f2937;margin:16px 0 8px;font-size:14px;font-weight:600}.help-article-body li{margin-bottom:6px;margin-left:20px;list-style-type:disc}.help-article-body strong{color:#1f2937;font-weight:600}.help-widget .help-ask-ai-btn,.help-ask-ai-btn{cursor:pointer;align-items:center;gap:8px;margin-top:20px;transition:all .2s;color:#fff!important;background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%)!important;border:none!important;border-radius:8px!important;padding:10px 16px!important;font-size:13px!important;font-weight:500!important;display:flex!important;box-shadow:0 2px 8px #8b5cf64d!important}.help-widget .help-ask-ai-btn:hover,.help-ask-ai-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666!important}.help-widget .help-ask-ai-btn:active,.help-ask-ai-btn:active{transform:translateY(0)}.help-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.help-empty-icon{color:#d1d5db;margin-bottom:12px}.help-empty p{color:#6b7280;margin:0;font-size:14px}@media (prefers-color-scheme:dark){.help-widget-popup{background:#1f2937;border-color:#374151}.help-widget-header{background:#111827;border-color:#374151}.help-widget-title{color:#f9fafb}.help-page-context{color:#d1d5db;background:#374151}.help-suggestions{background:#1f2937}.suggestions-label{color:#9ca3af}.suggestion-btn{color:#f3f4f6;background:#111827;border-color:#374151}.suggestion-btn:hover{border-color:var(--helios-purple,#8b5cf6);background:#374151}.quick-answer{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border-color:#374151}.quick-answer p{color:#f3f4f6}.expand-chat-btn{color:#d1d5db;background:#374151;border-color:#4b5563}.help-widget-footer{background:#111827;border-color:#374151}.keyboard-hint kbd{color:#d1d5db;background:#374151;border-color:#4b5563}.help-close-btn{color:#9ca3af}.help-close-btn:hover{color:#f3f4f6;background:#374151}}.help-nav-link{font:inherit;color:#8b5cf6;cursor:pointer;font-weight:500;line-height:inherit;background:0 0;border:none;border-bottom:1px solid #8b5cf666;margin:0;padding:0;text-decoration:none}.help-nav-link:hover{color:#7c3aed;border-bottom-color:#7c3aed}.gw-wizard-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gw-wizard-container{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:800px;max-height:90vh;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.gw-wizard-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px;display:flex}.gw-wizard-header h2{color:#111827;margin:0;font-size:24px;font-weight:600}.gw-wizard-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:24px;transition:background .2s}.gw-wizard-close:hover{background:#f3f4f6}.gw-wizard-progress{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:24px}.gw-wizard-step{opacity:.6;align-items:center;margin-bottom:16px;transition:opacity .3s;display:flex}.gw-wizard-step:last-child{margin-bottom:0}.gw-wizard-step.active,.gw-wizard-step.completed{opacity:1}.gw-wizard-step-number{color:#6b7280;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;font-weight:600;transition:all .3s;display:flex}.gw-wizard-step.active .gw-wizard-step-number{color:#fff;background:#3b82f6}.gw-wizard-step.completed .gw-wizard-step-number{color:#fff;background:#10b981}.gw-wizard-step-info{flex:1}.gw-wizard-step-title{color:#111827;margin-bottom:2px;font-weight:600}.gw-wizard-step-description{color:#6b7280;font-size:14px}.gw-wizard-content{flex:1;padding:24px;overflow-y:auto}.gw-wizard-step-content h3{color:#111827;margin-top:0;margin-bottom:8px}.gw-wizard-step-content>p{color:#6b7280;margin-bottom:24px}.gw-wizard-upload-area{margin:24px 0}.gw-wizard-upload-label{text-align:center;cursor:pointer;border:2px dashed #d1d5db;border-radius:8px;padding:48px 24px;transition:all .3s;display:block}.gw-wizard-upload-label:hover{background:#f0f9ff;border-color:#3b82f6}.gw-wizard-upload-label p{color:#374151;margin:4px 0}.gw-wizard-upload-hint{font-size:14px;color:#9ca3af!important}.gw-wizard-file-info{font-size:14px;color:#6b7280!important;margin-top:8px!important}.gw-wizard-info{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;margin-top:24px;padding:16px}.gw-wizard-info h4{color:#1e40af;margin:0 0 12px;font-size:14px;font-weight:600}.gw-wizard-info ol,.gw-wizard-info ul{color:#3730a3;margin:0;padding-left:24px;font-size:14px}.gw-wizard-info li{margin:4px 0}.gw-wizard-form{margin:24px 0}.gw-wizard-field{margin-bottom:20px}.gw-wizard-field label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.gw-wizard-field input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px;font-size:14px;transition:border-color .2s}.gw-wizard-field input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.gw-wizard-field small{color:#6b7280;margin-top:4px;font-size:12px;display:block}.gw-wizard-test-section{text-align:center;margin:32px 0}.gw-wizard-test-button{cursor:pointer;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;transition:all .3s}.gw-wizard-test-button.idle{color:#fff;background:#3b82f6}.gw-wizard-test-button.idle:hover{background:#2563eb}.gw-wizard-test-button.testing{color:#fff;cursor:not-allowed;background:#6b7280}.gw-wizard-test-button.success{color:#fff;background:#10b981}.gw-wizard-test-button.error{color:#fff;background:#ef4444}.gw-wizard-test-success{text-align:left;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;margin-top:24px;padding:16px}.gw-wizard-test-success h4{color:#166534;margin:0 0 8px}.gw-wizard-test-success p{color:#166534;margin:4px 0;font-size:14px}.gw-wizard-test-progress{margin-top:24px}.gw-wizard-spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin}.gw-wizard-summary{background:#f9fafb;border-radius:8px;margin:24px 0;padding:20px}.gw-wizard-summary h4{color:#111827;margin:0 0 16px}.gw-wizard-summary dl{grid-template-columns:140px 1fr;gap:8px 16px;margin:0;display:grid}.gw-wizard-summary dt{color:#374151;font-weight:600}.gw-wizard-summary dd{color:#6b7280;overflow-wrap:anywhere;min-width:0;margin:0}.gw-wizard-final-actions{text-align:center;margin-top:32px}.gw-wizard-save-button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:12px 48px;font-size:16px;font-weight:600;transition:background .3s}.gw-wizard-save-button:hover{background:#059669}.gw-wizard-save-button:disabled{cursor:not-allowed;background:#9ca3af}.gw-wizard-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin:0 24px;padding:12px 16px;font-size:14px}.gw-wizard-footer{border-top:1px solid #e5e7eb;justify-content:space-between;padding:16px 24px;display:flex}.gw-wizard-button{cursor:pointer;border:1px solid #d1d5db;border-radius:6px;padding:8px 24px;font-weight:500;transition:all .2s}.gw-wizard-button.primary{color:#fff;background:#3b82f6;border-color:#3b82f6}.gw-wizard-button.primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.gw-wizard-button.secondary{color:#374151;background:#fff}.gw-wizard-button.secondary:hover:not(:disabled){background:#f3f4f6}.gw-wizard-button:disabled{opacity:.5;cursor:not-allowed}:root{--primary-50:#faf5ff;--primary-100:#f3e8ff;--primary-200:#e9d5ff;--primary-300:#d8b4fe;--primary-400:#c084fc;--primary-500:#a855f7;--primary-600:var(--theme-primary);--primary-700:var(--theme-primary-hover);--primary-800:#6d28d9;--primary-900:#5b21b6;--gray-50:#fafbfc;--gray-100:#f9fafb;--gray-200:#f3f4f6;--gray-300:#e5e7eb;--gray-400:#d1d5db;--gray-500:#9ca3af;--gray-600:#6b7280;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#1a1a1a;--success-50:#f0fdf4;--success-500:#22c55e;--success-600:#10b981;--warning-50:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--error-50:#fee2e2;--error-500:#ef4444;--error-600:#dc2626;--info-50:#eff6ff;--info-500:#3b82f6;--info-600:#2563eb;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--text-xs:11px;--text-sm:12px;--text-md:13px;--text-base:14px;--text-lg:15px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}[data-theme=helios-purple]{--primary-50:#faf5ff;--primary-100:#f3e8ff;--primary-200:#e9d5ff;--primary-300:#d8b4fe;--primary-400:#c084fc;--primary-500:#a855f7;--primary-600:var(--theme-primary);--primary-700:var(--theme-primary-hover);--primary-800:#6d28d9;--primary-900:#5b21b6}[data-theme=corporate-blue]{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a}[data-theme=sophisticated-purple]{--primary-50:#f5f3ff;--primary-100:#ede9fe;--primary-200:#ddd6fe;--primary-300:#c4b5fd;--primary-400:var(--theme-primary-end);--primary-500:var(--theme-primary);--primary-600:var(--theme-primary-hover);--primary-700:#6d28d9;--primary-800:#5b21b6;--primary-900:#4c1d95}[data-theme=google-blue]{--primary-50:#e8f0fe;--primary-100:#d2e3fc;--primary-200:#aecbfa;--primary-300:#8ab4f8;--primary-400:#669df6;--primary-500:#4285f4;--primary-600:#1a73e8;--primary-700:#1967d2;--primary-800:#185abc;--primary-900:#174ea6}[data-theme=modern-teal]{--primary-50:#f0fdfa;--primary-100:#ccfbf1;--primary-200:#99f6e4;--primary-300:#5eead4;--primary-400:#2dd4bf;--primary-500:#14b8a6;--primary-600:#0d9488;--primary-700:#0f766e;--primary-800:#115e59;--primary-900:#134e4a}[data-theme=default]{--primary-50:#faf5ff;--primary-100:#f3e8ff;--primary-200:#e9d5ff;--primary-300:#d8b4fe;--primary-400:#c084fc;--primary-500:#a855f7;--primary-600:#9333ea;--primary-700:#7e22ce;--primary-800:#6b21a8;--primary-900:#581c87}[data-theme=helios-dark]{--primary-50:#1e1b4b;--primary-100:#312e81;--primary-200:#3730a3;--primary-300:#4338ca;--primary-400:#4f46e5;--primary-500:#6366f1;--primary-600:#818cf8;--primary-700:#a5b4fc;--primary-800:#c7d2fe;--primary-900:#e0e7ff;--gray-50:#111827;--gray-100:#1f2937;--gray-200:#374151;--gray-300:#4b5563;--gray-400:#6b7280;--gray-500:#9ca3af;--gray-600:#d1d5db;--gray-700:#e5e7eb;--gray-800:#f3f4f6;--gray-900:#f9fafb}.helios-modal-overlay{z-index:1000;animation:fadeIn var(--transition-normal);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.helios-modal-content{box-shadow:var(--shadow-xl);max-height:90vh;animation:slideUp var(--transition-normal);z-index:1001;background:#fff;border-radius:8px;position:relative;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.helios-modal-content.size-small{width:90%;max-width:400px}.helios-modal-content.size-medium{width:90%;max-width:600px}.helios-modal-content.size-large{width:90%;max-width:900px}.helios-modal-header{padding:var(--space-xl);border-bottom:1px solid var(--gray-300);justify-content:space-between;align-items:center;display:flex}.helios-modal-title{font-size:var(--text-xl);color:var(--gray-800);margin:0;font-weight:600}.helios-modal-close{background:var(--gray-200);width:32px;height:32px;color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex}.helios-modal-close:hover{background:var(--gray-300);color:var(--gray-700)}.helios-modal-body{padding:var(--space-xl)}.helios-confirm-dialog .helios-modal-content{max-width:500px}.helios-confirm-header{align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.helios-confirm-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.helios-confirm-icon.variant-danger{background:var(--error-50);color:var(--error-600)}.helios-confirm-icon.variant-warning{background:var(--warning-50);color:var(--warning-600)}.helios-confirm-icon.variant-info{background:var(--info-50);color:var(--info-600)}.helios-confirm-icon.variant-success{background:var(--success-50);color:var(--success-600)}.helios-confirm-content h3{font-size:var(--text-xl);color:var(--gray-800);margin:0 0 var(--space-sm) 0;font-weight:600}.helios-confirm-content p{font-size:var(--text-base);color:var(--gray-600);margin:0;line-height:1.5}.helios-confirm-actions{gap:var(--space-md);margin-top:var(--space-xl);justify-content:flex-end;display:flex}.helios-btn{font-size:var(--text-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:var(--space-sm);border:none;border-radius:5px;padding:7px 14px;font-weight:500;display:inline-flex}.helios-btn-secondary{color:var(--gray-700);border:1px solid var(--gray-400);background:#fff}.helios-btn-secondary:hover{background:var(--gray-100);border-color:var(--gray-500)}.helios-btn-danger{background:var(--error-600);color:#fff}.helios-btn-danger:hover{background:var(--error-500);box-shadow:var(--shadow-sm)}.helios-btn-warning{background:var(--warning-600);color:#fff}.helios-btn-warning:hover{background:var(--warning-500);box-shadow:var(--shadow-sm)}.helios-btn-info{background:var(--info-600);color:#fff}.helios-btn-info:hover{background:var(--info-500);box-shadow:var(--shadow-sm)}.helios-btn-success{background:var(--success-600);color:#fff}.helios-btn-success:hover{background:var(--success-500);box-shadow:var(--shadow-sm)}.helios-btn-primary{background:linear-gradient(135deg, var(--primary-600) 0%, var(--theme-primary-end) 100%);color:#fff}.helios-btn-primary:hover{background:linear-gradient(135deg, var(--primary-700) 0%, #9333ea 100%);box-shadow:var(--shadow-sm)}.helios-user-selector{position:relative}.helios-user-selector-label{font-size:var(--text-sm);color:var(--gray-700);margin-bottom:var(--space-sm);font-weight:600;display:block}.helios-user-selector-input{width:100%;position:relative}.helios-user-selector-field{border:1px solid var(--gray-400);width:100%;font-size:var(--text-base);color:var(--gray-700);transition:all var(--transition-fast);border-radius:6px;padding:8px 12px 8px 36px}.helios-user-selector-field:focus{border-color:var(--primary-600);outline:none;box-shadow:0 0 0 3px #8b5cf614}.helios-user-selector-field::placeholder{color:var(--gray-500)}.helios-user-selector-icon{color:var(--gray-500);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.helios-user-selector-dropdown{border:1px solid var(--gray-300);box-shadow:var(--shadow-lg);z-index:100;background:#fff;border-radius:6px;max-height:240px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.helios-user-selector-option{align-items:center;gap:var(--space-md);padding:var(--space-md);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;width:100%;display:flex}.helios-user-selector-option:hover{background:var(--gray-100)}.helios-user-selector-option.selected{background:var(--primary-50)}.helios-user-avatar{background:linear-gradient(135deg, var(--primary-600) 0%, var(--theme-primary-end) 100%);color:#fff;width:32px;height:32px;font-weight:600;font-size:var(--text-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.helios-user-info{flex:1;min-width:0}.helios-user-name{font-size:var(--text-base);color:var(--gray-800);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.helios-user-email{font-size:var(--text-sm);color:var(--gray-600);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.helios-user-selector-loading,.helios-user-selector-empty{padding:var(--space-xl);text-align:center;color:var(--gray-600);font-size:var(--text-sm)}.helios-user-selector-selected{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.helios-user-chip{align-items:center;gap:var(--space-sm);background:var(--primary-50);border:1px solid var(--primary-200);font-size:var(--text-sm);color:var(--gray-700);border-radius:12px;padding:4px 8px 4px 4px;display:inline-flex}.helios-user-chip .helios-user-avatar{width:24px;height:24px;font-size:10px}.helios-user-chip-remove{width:16px;height:16px;color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.helios-user-chip-remove:hover{background:var(--primary-200);color:var(--gray-800)}.helios-selectable-block{border:2px solid var(--gray-300);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-fast);background:#fff;border-radius:8px}.helios-selectable-block:hover{border-color:var(--gray-400);box-shadow:var(--shadow-sm)}.helios-selectable-block.selected{border-color:var(--primary-600);background:var(--primary-50)}.helios-block-header{align-items:flex-start;gap:var(--space-md);display:flex}.helios-block-icon{background:var(--gray-100);width:40px;height:40px;color:var(--gray-600);transition:all var(--transition-fast);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.helios-selectable-block.selected .helios-block-icon{background:var(--primary-100);color:var(--primary-600)}.helios-block-content{flex:1;min-width:0}.helios-block-title-row{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);display:flex}.helios-block-title{font-size:var(--text-base);color:var(--gray-800);margin:0;font-weight:600}.helios-block-badge{font-size:var(--text-xs);border-radius:9px;align-items:center;padding:2px 7px;font-weight:500;display:inline-flex}.helios-block-badge.variant-info{background:var(--info-50);color:var(--info-600)}.helios-block-badge.variant-success{background:var(--success-50);color:var(--success-600)}.helios-block-badge.variant-warning{background:var(--warning-50);color:var(--warning-600)}.helios-block-badge.variant-danger{background:var(--error-50);color:var(--error-600)}.helios-block-description{font-size:var(--text-sm);color:var(--gray-600);margin:0}.helios-block-expanded{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--gray-200);animation:expandBlock var(--transition-normal)}@keyframes expandBlock{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.helios-loading-spinner{border:2px solid var(--gray-300);border-top-color:var(--primary-600);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.helios-text-muted{color:var(--gray-600)}.helios-text-error{color:var(--error-600)}.helios-text-success{color:var(--success-600)}@media (width<=768px){.helios-modal-content{max-width:none;width:95%!important}.helios-confirm-actions{flex-direction:column}.helios-btn{justify-content:center;width:100%}}.helios-tree-select{width:100%;position:relative}.helios-tree-select.disabled{opacity:.6;pointer-events:none}.helios-tree-select-label{font-size:var(--text-sm);color:var(--gray-700);margin-bottom:var(--space-sm);font-weight:600;display:block}.helios-tree-select-trigger{align-items:center;gap:var(--space-sm);border:1px solid var(--gray-400);cursor:pointer;transition:all var(--transition-fast);background:#fff;border-radius:6px;min-height:38px;padding:8px 12px;display:flex}.helios-tree-select-trigger:hover{border-color:var(--gray-500)}.helios-tree-select-trigger.open{border-color:var(--primary-600);box-shadow:0 0 0 3px #8b5cf614}.helios-tree-select-icon{color:var(--gray-500);flex-shrink:0}.helios-tree-select-value{font-size:var(--text-base);color:var(--gray-800);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.helios-tree-select-value.placeholder{color:var(--gray-500)}.helios-tree-select-clear{background:var(--gray-200);width:20px;height:20px;color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.helios-tree-select-clear:hover{background:var(--gray-300);color:var(--gray-700)}.helios-tree-select-arrow{color:var(--gray-500);transition:transform var(--transition-fast);flex-shrink:0}.helios-tree-select-arrow.open{transform:rotate(180deg)}.helios-tree-select-dropdown{border:1px solid var(--gray-300);box-shadow:var(--shadow-lg);z-index:100;background:#fff;border-radius:6px;flex-direction:column;max-height:320px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.helios-tree-select-search{padding:var(--space-sm);border-bottom:1px solid var(--gray-200);position:relative}.helios-tree-search-icon{color:var(--gray-500);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.helios-tree-select-search input{border:1px solid var(--gray-300);width:100%;font-size:var(--text-sm);color:var(--gray-700);transition:all var(--transition-fast);border-radius:4px;padding:6px 28px 6px 32px}.helios-tree-select-search input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 2px #8b5cf61a}.helios-tree-select-search input::placeholder{color:var(--gray-400)}.helios-tree-search-clear{background:var(--gray-200);width:18px;height:18px;color:var(--gray-600);cursor:pointer;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.helios-tree-search-clear:hover{background:var(--gray-300)}.helios-tree-select-list{padding:var(--space-xs) 0;flex:1;overflow-y:auto}.helios-tree-select-empty{padding:var(--space-xl);text-align:center;color:var(--gray-500);font-size:var(--text-sm)}.helios-tree-node{-webkit-user-select:none;user-select:none}.helios-tree-node-content{align-items:center;gap:var(--space-sm);cursor:pointer;transition:background var(--transition-fast);padding:6px 12px;display:flex}.helios-tree-node-content:hover{background:var(--gray-100)}.helios-tree-node-content.selected{background:var(--primary-50)}.helios-tree-expand{width:18px;height:18px;color:var(--gray-500);transition:background var(--transition-fast);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.helios-tree-expand.has-children{cursor:pointer}.helios-tree-expand.has-children:hover{background:var(--gray-200);color:var(--gray-700)}.helios-tree-node-name{font-size:var(--text-sm);color:var(--gray-800);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.helios-tree-node-content.selected .helios-tree-node-name{color:var(--primary-700);font-weight:500}.helios-tree-node-count{font-size:var(--text-xs);color:var(--gray-500);background:var(--gray-100);border-radius:10px;flex-shrink:0;padding:1px 6px}.helios-tree-node-content.selected .helios-tree-node-count{background:var(--primary-100);color:var(--primary-600)}.helios-tree-check{color:var(--primary-600);flex-shrink:0}.helios-tree-select-chips{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.helios-tree-chip{align-items:center;gap:var(--space-xs);background:var(--primary-50);border:1px solid var(--primary-200);font-size:var(--text-sm);color:var(--gray-700);border-radius:12px;padding:4px 8px 4px 10px;display:inline-flex}.helios-tree-chip-remove{width:16px;height:16px;color:var(--gray-500);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.helios-tree-chip-remove:hover{background:var(--primary-200);color:var(--gray-700)}.helios-toggle-container{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);display:flex}.helios-toggle-container.disabled{opacity:.5;pointer-events:none}.helios-toggle-text{gap:var(--space-xs);flex-direction:column;flex:1;min-width:0;display:flex}.helios-toggle-label{font-size:var(--text-base);color:var(--gray-900);cursor:pointer;font-weight:500}.helios-toggle-description{font-size:var(--text-sm);color:var(--gray-600);line-height:1.4}.helios-toggle{cursor:pointer;background:0 0;border:none;outline:none;flex-shrink:0;padding:0}.helios-toggle:focus-visible .helios-toggle-track{box-shadow:0 0 0 2px var(--primary-200)}.helios-toggle-track{background:var(--gray-300);transition:background var(--transition-fast);border-radius:9999px;align-items:center;display:flex;position:relative}.helios-toggle.checked .helios-toggle-track{background:var(--primary-600,#8b5cf6)}.helios-toggle-thumb{transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;box-shadow:0 1px 3px #00000026}.helios-toggle-medium .helios-toggle-track{width:44px;height:24px}.helios-toggle-medium .helios-toggle-thumb{width:20px;height:20px;top:2px;left:2px}.helios-toggle-medium.checked .helios-toggle-thumb{transform:translate(20px)}.helios-toggle-small .helios-toggle-track{width:36px;height:20px}.helios-toggle-small .helios-toggle-thumb{width:16px;height:16px;top:2px;left:2px}.helios-toggle-small.checked .helios-toggle-thumb{transform:translate(16px)}.helios-toggle:disabled{cursor:not-allowed}.helios-toggle:disabled .helios-toggle-track{background:var(--gray-200)}.helios-toggle:disabled.checked .helios-toggle-track{background:var(--primary-300)}.toggle-switch{cursor:pointer;box-sizing:content-box;flex-shrink:0;align-items:center;display:inline-flex;position:relative;border:none!important}.toggle-switch.disabled{opacity:.5;cursor:not-allowed}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{cursor:pointer;box-sizing:border-box;background-color:#d1d5db;border-radius:9999px;transition:background-color .2s;position:absolute;inset:0;border:none!important}.toggle-slider:before{content:"";box-sizing:border-box;background-color:#fff;border-radius:50%;transition:transform .2s;position:absolute;box-shadow:0 1px 3px #0000004d;border:none!important}.toggle-switch input:focus-visible+.toggle-slider{box-shadow:0 0 0 3px #8b5cf633}.toggle-switch-small{min-width:32px;min-height:18px;width:32px!important;height:18px!important}.toggle-switch-small .toggle-slider:before{width:14px!important;height:14px!important;top:2px!important;left:2px!important}.toggle-switch-small input:checked+.toggle-slider:before{transform:translate(14px)!important}.toggle-switch-medium{min-width:44px;min-height:24px;width:44px!important;height:24px!important}.toggle-switch-medium .toggle-slider:before{width:20px!important;height:20px!important;top:2px!important;left:2px!important}.toggle-switch-medium input:checked+.toggle-slider:before{transform:translate(20px)!important}.toggle-switch-large{min-width:60px;min-height:34px;width:60px!important;height:34px!important}.toggle-switch-large .toggle-slider:before{width:26px!important;height:26px!important;top:4px!important;left:4px!important}.toggle-switch-large input:checked+.toggle-slider:before{transform:translate(26px)!important}.toggle-switch.disabled .toggle-slider{cursor:not-allowed}.toggle-switch.disabled input:checked+.toggle-slider{background-color:var(--theme-primary,#8b5cf6);opacity:.6}.data-table-wrapper{flex-direction:column;width:100%;display:flex}.data-table-container{position:relative;overflow:auto}.data-table{border-collapse:collapse;table-layout:fixed;width:100%}.data-table-header{z-index:1;background:#fafbfc;position:sticky;top:0}.data-table-th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #e5e7eb;padding:8px 12px;font-size:11px;font-weight:600;position:relative;overflow:hidden}.data-table-th.sortable{cursor:pointer}.data-table-th.sortable:hover{background:#f3f4f6}.th-content{align-items:center;gap:4px;display:flex}.sort-indicator{color:#9ca3af;align-items:center;display:flex}.sort-indicator svg{flex-shrink:0}.sort-inactive{opacity:.3}.data-table-th:hover .sort-inactive{opacity:.6}.column-resizer{cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;width:4px;position:absolute;top:0;bottom:0;right:0}.column-resizer:hover,.column-resizer.resizing{background:var(--theme-primary,#8b5cf6)}.data-table-body{background:#fff}.data-table-row{border-bottom:1px solid #f5f5f5;transition:background .1s}.data-table-row.clickable{cursor:pointer}.data-table-row.clickable:hover{background:#f9fafb}.data-table-row.selected{background:#f5f3ff}.data-table-row.selected:hover{background:#ede9fe}.data-table-td{color:#374151;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;padding:8px 12px;font-size:13px;overflow:hidden}.row-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--theme-primary,#8b5cf6)}.data-table-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.loading-spinner{border:2px solid #e5e7eb;border-top-color:var(--theme-primary,#8b5cf6);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.data-table-empty{color:#9ca3af;justify-content:center;align-items:center;padding:60px 20px;font-size:14px;display:flex}.data-table-pagination{background:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;display:flex}.pagination-info{color:#6b7280;align-items:center;gap:8px;display:flex}.pagination-info select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;font-size:14px}.pagination-info select:focus{border-color:var(--theme-primary,#8b5cf6);outline:none;box-shadow:0 0 0 2px #8b5cf61a}.pagination-status{color:#6b7280}.pagination-controls{gap:4px;display:flex}.pagination-controls button{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;min-width:32px;height:32px;padding:0 8px;font-size:14px;font-weight:500;transition:all .15s}.pagination-controls button:hover:not(:disabled){color:#374151;background:#f9fafb;border-color:#9ca3af}.pagination-controls button:disabled{opacity:.4;cursor:not-allowed}.status-badge.suspended{color:#92400e;background:#fef3c7}.status-badge.staged{color:#4b5563;background:#f3f4f6}.status-badge.deleted{color:#991b1b;background:#fee2e2}.status-dot{border-radius:50%;width:6px;height:6px}.status-dot.active{background:#22c55e}.status-dot.suspended{background:#f59e0b}.status-dot.staged{background:#6b7280}.status-dot.deleted{background:#dc2626}.role-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.role-badge.admin{color:#3730a3;background:#e0e7ff}.role-badge.user{color:#4b5563;background:#f3f4f6}.platform-icon-cell{align-items:center;display:flex}.name-cell{flex-direction:column;gap:2px;display:flex}.name-secondary{color:#9ca3af;font-size:11px}@media (width<=768px){.data-table-pagination{flex-direction:column;gap:12px}.data-table-container{max-height:none!important;overflow:visible!important}.data-table{table-layout:auto!important}.data-table-header{display:none!important}.data-table-body{height:auto!important}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block!important}.data-table-row{border:1px solid var(--color-border,#e5e7eb);background:var(--color-bg-card,#fff);border-radius:8px;margin:0 0 12px;padding:4px 0;width:auto!important;height:auto!important;position:static!important;transform:none!important}.data-table-td{white-space:normal;text-align:right;border-bottom:1px solid var(--color-border-light,#f3f4f6);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;width:auto!important;min-width:0!important;max-width:none!important;display:flex!important}.data-table-td:last-child{border-bottom:none}.data-table-td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted,#6b7280);text-align:left;flex:0 0 40%;font-size:11px;font-weight:600}.data-table-td[data-label=""]:before{content:none}}.toolbar{align-items:center;gap:var(--spacing-3,12px);flex-wrap:wrap;display:flex}.toolbar-search,.toolbar-select,.toolbar-button,.toolbar-icon-button{height:var(--height-input,40px);font-size:var(--font-size-sm,13px);border-radius:var(--radius-md,6px);transition:all var(--transition-normal,.2s ease)}.toolbar-search{min-width:200px;max-width:var(--width-search,280px);flex:1;align-items:center;display:flex;position:relative}.toolbar-search-icon{left:var(--spacing-3,12px);color:var(--text-tertiary,#9ca3af);pointer-events:none;position:absolute}.toolbar-search-input{width:100%;height:100%;padding:0 var(--spacing-3,12px) 0 var(--spacing-10,40px);border:1px solid var(--input-border,#e5e7eb);border-radius:inherit;background:var(--input-bg,#fff);font-size:inherit;color:var(--text-primary,#111827)}.toolbar-search-input::placeholder{color:var(--input-placeholder,#9ca3af)}.toolbar-search-input:hover{border-color:var(--input-border-hover,#d1d5db)}.toolbar-search-input:focus{border-color:var(--input-border-focus,#8b5cf6);box-shadow:var(--shadow-focus,0 0 0 3px #8b5cf61a);outline:none}.toolbar-search-clear{right:var(--spacing-2,8px);background:var(--bg-tertiary,#f3f4f6);border-radius:var(--radius-full,9999px);width:20px;height:20px;color:var(--text-tertiary,#9ca3af);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.toolbar-search-clear:hover{background:var(--bg-active,#e5e7eb);color:var(--text-secondary,#6b7280)}.toolbar-select{align-items:center;min-width:140px;display:flex;position:relative}.toolbar-select-input{width:100%;height:100%;padding:0 var(--spacing-8,32px) 0 var(--spacing-3,12px);border:1px solid var(--input-border,#e5e7eb);border-radius:inherit;background:var(--input-bg,#fff);font-size:inherit;color:var(--text-primary,#111827);cursor:pointer;appearance:none}.toolbar-select-input:hover{border-color:var(--input-border-hover,#d1d5db)}.toolbar-select-input:focus{border-color:var(--input-border-focus,#8b5cf6);box-shadow:var(--shadow-focus,0 0 0 3px #8b5cf61a);outline:none}.toolbar-select-icon{right:var(--spacing-3,12px);color:var(--text-tertiary,#9ca3af);pointer-events:none;position:absolute}.toolbar-button{justify-content:center;align-items:center;gap:var(--button-gap,8px);padding:0 var(--button-padding-x,16px);font-weight:var(--button-font-weight,500);cursor:pointer;white-space:nowrap;border:1px solid #0000;display:inline-flex}.toolbar-button:disabled{opacity:.6;cursor:not-allowed}.toolbar-button-icon{align-items:center;display:flex}.toolbar-button-icon svg{width:16px;height:16px}.toolbar-button-primary{background:var(--button-primary-bg,#8b5cf6);border-color:var(--button-primary-border,transparent);color:var(--button-primary-text,#fff)}.toolbar-button-primary:hover:not(:disabled){background:var(--button-primary-bg-hover,#7c3aed)}.toolbar-button-secondary{background:var(--button-secondary-bg,#fff);border-color:var(--button-secondary-border,#e5e7eb);color:var(--button-secondary-text,#374151)}.toolbar-button-secondary:hover:not(:disabled){background:var(--button-secondary-bg-hover,#f9fafb);border-color:var(--color-primary,#8b5cf6);color:var(--color-primary,#8b5cf6)}.toolbar-button-ghost{background:var(--button-ghost-bg,transparent);color:var(--button-ghost-text,#6b7280);border-color:#0000}.toolbar-button-ghost:hover:not(:disabled){background:var(--button-ghost-bg-hover,#f9fafb);color:var(--button-ghost-text-hover,#374151)}.toolbar-icon-button{width:var(--height-button-icon,36px);height:var(--height-button-icon,36px);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:flex}.toolbar-icon-button svg{width:18px;height:18px}@media (width<=767px){.toolbar{gap:var(--spacing-2,8px)}.toolbar-search{order:-1;min-width:100%;max-width:none}.toolbar-button-text{display:none}.toolbar-button{padding:0 var(--spacing-3,12px)}}.ai-settings-loading{color:#64748b;justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.ai-settings-loading .spin{animation:1s linear infinite spin}.ai-settings-enable-section{margin-bottom:16px}.enable-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.enable-info{align-items:flex-start;gap:12px;display:flex}.enable-info .enable-icon{color:#8b5cf6;flex-shrink:0;margin-top:2px}.enable-info strong{color:#1e293b;margin-bottom:2px;font-size:14px;font-weight:600;display:block}.enable-info p{color:#64748b;margin:0;font-size:13px}.toggle-switch{cursor:pointer;display:inline-block;position:relative}.toggle-switch input{display:none}.toggle-slider-simple{background:#d1d5db;border-radius:12px;width:44px;height:24px;transition:background .2s;display:block;position:relative}.toggle-slider-simple:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000001a}.toggle-switch input:checked+.toggle-slider-simple{background:#8b5cf6}.toggle-switch input:checked+.toggle-slider-simple:after{transform:translate(20px)}.ai-settings-error,.ai-settings-success{border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.ai-settings-error{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2}.ai-settings-success{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7}.ai-settings-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.section-title{color:#1e293b;align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}.view-usage-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.view-usage-btn:hover{color:#374151;background:#e5e7eb;border-color:#d1d5db}.view-usage-btn svg{color:inherit}.required-badge{color:#92400e;background:#fef3c7;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500}.optional-badge{color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500}.checkbox-group{margin-bottom:16px}.checkbox-label input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;width:18px;height:18px}.checkbox-text{color:#374151;font-size:14px}.form-group .optional{color:#9ca3af;font-weight:400}.form-group input[type=text],.form-group input[type=password],.form-group input[type=number],.form-group select{color:#1e293b;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.form-group input::placeholder{color:#9ca3af}.form-hint{color:#6b7280;margin-top:4px;font-size:12px;display:block}.form-hint.success{color:#16a34a}.endpoint-presets{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.presets-label{color:#6b7280;margin-right:4px;font-size:12px}.preset-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;padding:4px 10px;font-size:12px;transition:all .15s}.preset-btn:hover{background:#e5e7eb;border-color:#d1d5db}.preset-btn.active{color:#7c3aed;background:#ede9fe;border-color:#8b5cf6}.input-with-select{gap:8px;display:flex}.input-with-select select{flex-shrink:0;width:140px}.input-with-select input{flex:1}.input-with-toggle{display:flex;position:relative}.input-with-toggle input{flex:1;padding-right:40px}.input-with-toggle .toggle-visibility{cursor:pointer;color:#6b7280;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.input-with-toggle .toggle-visibility:hover{color:#374151}.form-actions-row{align-items:center;gap:12px;margin-top:12px;display:flex}.btn-secondary .spin{animation:1s linear infinite spin}.test-result{border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.test-result.success{color:#16a34a;background:#f0fdf4}.test-result.error{color:#dc2626;background:#fef2f2}.checkbox-label{color:#374151;cursor:pointer;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.checkbox-label input[type=checkbox]{accent-color:#8b5cf6;width:16px;height:16px}.form-row{gap:16px;display:flex}.form-group.half{flex:1}.usage-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.usage-stat{text-align:center;background:#f8fafc;border-radius:8px;padding:16px}.usage-stat-value{color:#1e293b;margin-bottom:4px;font-size:24px;font-weight:600}.usage-stat-label{color:#64748b;font-size:12px}.ai-settings-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;margin-top:8px;padding-top:16px;display:flex}.btn-primary .spin{animation:1s linear infinite spin}.mcp-tools-section{border-top:1px solid #f3f4f6;margin-top:16px;padding-top:16px}.tools-label{color:#374151;margin-bottom:12px;font-size:13px;font-weight:500;display:block}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.tool-checkbox{cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;transition:all .15s;display:flex}.tool-checkbox:hover{background:#f3f4f6;border-color:#d1d5db}.tool-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--helios-purple,#8b5cf6);flex-shrink:0;margin-top:2px}.tool-checkbox svg{color:var(--helios-purple,#8b5cf6);flex-shrink:0;margin-top:1px}.tool-checkbox span{color:#1e293b;font-size:14px;font-weight:500}.tool-checkbox small{color:#6b7280;grid-column:2/-1;margin-top:2px;font-size:12px;display:block}.system-prompt-textarea{color:#1e293b;resize:vertical;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:150px;padding:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.system-prompt-textarea:focus{border-color:var(--helios-purple,#8b5cf6);box-shadow:0 0 0 3px var(--helios-purple-light,#8b5cf61a);outline:none}.system-prompt-textarea::placeholder{color:#9ca3af;font-family:inherit}@media (width<=768px){.ai-settings-header{flex-direction:column;gap:16px}.ai-settings-header .header-toggle{width:100%}.form-row{flex-direction:column;gap:0}.form-group.half{width:100%}.usage-stats-grid{grid-template-columns:repeat(2,1fr)}.input-with-select{flex-direction:column}.input-with-select select{width:100%}.tools-grid{grid-template-columns:1fr}.role-selector{flex-direction:column}}.role-selector{gap:16px;margin-top:16px;display:flex}.role-option{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;gap:12px;padding:16px;transition:all .2s;display:flex}.role-option:hover{background:#f8fafc;border-color:#cbd5e1}.role-option.selected{background:#faf5ff;border-color:#8b5cf6}.role-option input[type=radio]{display:none}.role-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.role-icon.viewer{color:#16a34a;background:#dcfce7}.role-icon.operator{color:#d97706;background:#fef3c7}.role-icon.admin{color:#dc2626;background:#fee2e2}.role-info{flex:1}.role-info strong{color:#1e293b;margin-right:8px;font-size:15px;font-weight:600;display:inline-block}.role-badge.safe{color:#16a34a;background:#dcfce7}.role-badge.moderate{color:#d97706;background:#fef3c7}.role-badge.caution{color:#dc2626;background:#fee2e2}.role-info p{color:#64748b;margin:8px 0;font-size:13px;line-height:1.4}.role-permissions{margin:12px 0 0;padding:0;font-size:12px;list-style:none}.role-permissions li{padding:4px 0 4px 20px;position:relative}.role-permissions li:before{content:"";border-radius:50%;width:12px;height:12px;position:absolute;top:8px;left:0}.role-permissions li.can{color:#16a34a}.role-permissions li.can:before{background:#dcfce7;border:2px solid #16a34a}.role-permissions li.cannot{color:#dc2626}.role-permissions li.cannot:before{background:#fee2e2;border:2px solid #dc2626}.role-permissions li.warning{color:#d97706}.role-permissions li.warning:before{background:#fef3c7;border:2px solid #d97706}@media (width<=768px){.role-selector{flex-direction:column}}.model-selector-row{gap:8px;display:flex}.model-selector-row .model-input,.model-selector-row .model-select{flex:1;min-width:0}.model-selector-row select.model-select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:14px}.model-selector-row select.model-select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.model-selector-row .discover-btn{flex-shrink:0}.form-hint.success{color:#16a34a;align-items:center;gap:6px;display:flex}.form-hint.success svg{flex-shrink:0}.discovered-models{margin-top:12px}.models-dropdown-row{align-items:center;gap:12px;display:flex}.models-select{flex:1;max-width:400px}.models-count{color:#64748b;white-space:nowrap;font-size:12px}.selected-model-info{color:#475569;background:#f8fafc;border-radius:6px;align-items:center;gap:16px;margin-top:8px;padding:8px 12px;font-size:13px;display:flex}.model-detail{align-items:center;gap:6px;display:flex}.model-detail strong{color:#64748b;font-weight:500}.tool-badge{border-radius:4px;margin-top:2px;padding:2px 6px;font-size:10px;font-weight:500}.tool-badge.likely{color:#16a34a;background:#dcfce7}.tool-badge.unlikely{color:#dc2626;background:#fee2e2}.tool-badge.unknown{color:#64748b;background:#f1f5f9}.models-error{color:#dc2626;align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.models-error svg{flex-shrink:0}.tool-test-result{border-radius:8px;align-items:flex-start;gap:8px;margin-top:12px;padding:12px 16px;font-size:13px;display:flex}.tool-test-result.success{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7}.tool-test-result.warning{color:#92400e;background:#fffbeb;border:1px solid #fef3c7}.tool-test-result svg{flex-shrink:0;margin-top:1px}.tool-test-details{flex-direction:column;gap:4px;display:flex}.tool-test-hint{color:#64748b;font-size:12px}@media (width<=768px){.model-selector-row{flex-direction:column}.models-dropdown-row{flex-direction:column;align-items:stretch}.models-select{max-width:none}.selected-model-info{flex-direction:column;align-items:flex-start;gap:8px}}.api-keys-container{width:100%}.api-keys-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.api-keys-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;display:flex}.header-left h3{color:#1f2937;align-items:center;gap:8px;margin-bottom:4px;font-size:18px;font-weight:600;display:flex}.header-left p{color:#6b7280;margin:0;font-size:13px}.api-keys-filters{background:#f9fafb;border-radius:6px;align-items:center;gap:16px;margin-bottom:24px;padding:12px 16px;display:flex}.filter-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:5px;padding:6px 10px;font-size:13px;transition:all .15s}.filter-stats{color:#6b7280;margin-left:auto;font-size:13px}.empty-state h4{color:#1f2937;margin:16px 0 8px;font-size:16px}.empty-state p{color:#6b7280;margin-bottom:24px;font-size:14px}.api-keys-list{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px;display:grid}.api-key-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .15s}.api-key-card:hover{border-color:var(--theme-primary);box-shadow:0 2px 8px #8b5cf61a}.key-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.key-title h4{color:#1f2937;margin:0 0 8px;font-size:15px;font-weight:600}.key-badges{flex-wrap:wrap;gap:8px;display:flex}.type-badge{border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-block}.type-badge.type-service{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.type-badge.type-vendor{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7}.key-actions{gap:8px;display:flex}.btn-secondary-sm{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:5px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.btn-secondary-sm:hover{border-color:var(--theme-primary);color:var(--theme-primary);background:#faf5ff}.btn-danger-sm{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fee2e2;border-radius:5px;align-items:center;padding:6px 8px;font-size:12px;transition:all .15s;display:flex}.btn-danger-sm:hover{background:#fee2e2;border-color:#dc2626}.key-description{color:#6b7280;margin:0 0 16px;font-size:13px;line-height:1.5}.key-details{border-top:1px solid #f3f4f6;flex-direction:column;gap:10px;padding-top:16px;display:flex}.key-detail-row{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.detail-label{color:#6b7280;flex-shrink:0;font-weight:500}.detail-value{color:#374151}.key-prefix{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;padding:3px 8px;font-family:Monaco,Menlo,Courier New,monospace;font-size:12px}.permissions-list{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.permission-tag{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:500}.permission-tag.more{color:var(--theme-primary);background:#faf5ff;border-color:#e9d5ff}@media (width<=1024px){.api-keys-list{grid-template-columns:1fr}}@media (width<=640px){.api-keys-header{flex-direction:column;gap:16px}.api-keys-filters{flex-direction:column;align-items:flex-start}.filter-stats{margin-left:0}.key-detail-row{flex-direction:column;align-items:flex-start;gap:4px}.permissions-list{justify-content:flex-start}}.api-key-wizard-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.api-key-wizard-modal{background:#fff;border-radius:10px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.wizard-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.wizard-title{align-items:center;gap:12px;display:flex}.wizard-title h2{color:#1f2937;margin:0;font-size:20px;font-weight:600}.wizard-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .15s}.wizard-close:hover{color:#1f2937;background:#f3f4f6}.wizard-progress{background:#fafbfc;justify-content:center;align-items:center;padding:24px 32px;display:flex}.progress-step{flex-direction:column;align-items:center;gap:8px;display:flex}.step-number{color:#9ca3af;background:#fff;border:2px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.progress-step.active .step-number{border-color:var(--theme-primary);background:var(--theme-primary);color:#fff}.progress-step.completed .step-number{color:#fff;background:#10b981;border-color:#10b981}.step-label{color:#6b7280;font-size:12px;font-weight:500}.progress-step.active .step-label{color:var(--theme-primary)}.progress-step.completed .step-label{color:#10b981}.progress-line{background:#e5e7eb;width:80px;height:2px;margin:0 16px 28px}.wizard-body{flex:1;padding:32px;overflow-y:auto}.wizard-step h3{color:#1f2937;margin:0 0 8px;font-size:18px;font-weight:600}.type-cards{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.type-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:center;padding:24px;transition:all .2s;display:flex}.type-card:hover{border-color:var(--theme-primary);box-shadow:0 4px 6px #8b5cf61a}.type-card.selected{border-color:var(--theme-primary);background:#faf5ff;box-shadow:0 4px 6px #8b5cf626}.type-icon{border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.type-icon.service{color:#2563eb;background:#eff6ff}.type-icon.vendor{color:#16a34a;background:#f0fdf4}.type-card.selected .type-icon.service{background:#dbeafe}.type-card.selected .type-icon.vendor{background:#dcfce7}.type-card h4{color:#1f2937;margin:0 0 8px;font-size:16px;font-weight:600}.type-card p{color:#6b7280;margin:0 0 16px;font-size:13px;line-height:1.5}.type-features{text-align:left;width:100%;margin:0;padding:0;list-style:none}.type-features li{color:#6b7280;padding:6px 0 6px 20px;font-size:12px;position:relative}.type-features li:before{content:"✓";color:#10b981;font-weight:600;position:absolute;left:0}.wizard-form{flex-direction:column;gap:20px;display:flex}.form-input,.form-textarea,.form-select{color:#1f2937;border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;font-size:14px;transition:all .15s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--theme-primary);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.form-textarea{resize:vertical;font-family:inherit}.form-hint{color:#6b7280;font-size:12px}.checkbox-group .checkbox-label{cursor:pointer;align-items:center;gap:10px;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px}.permissions-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.permission-card{cursor:pointer;border:2px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:16px;transition:all .15s;display:flex;position:relative}.permission-card:hover{border-color:var(--theme-primary);background:#fafbfc}.permission-card input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--theme-primary)}.permission-card input[type=checkbox]:checked~.permission-check{display:block}.permission-info{flex:1}.permission-label{color:#1f2937;margin-bottom:2px;font-size:14px;font-weight:500}.permission-description{color:#6b7280;font-size:12px}.permission-check{color:#10b981;display:none;position:absolute;top:12px;right:12px}.permissions-summary{background:#faf5ff;border:1px solid #e9d5ff;border-radius:6px;align-items:center;gap:8px;padding:12px 16px;display:flex}.summary-label{color:#6b7280;font-size:13px;font-weight:500}.summary-count{color:var(--theme-primary);font-size:13px;font-weight:600}.wizard-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:20px 32px;display:flex}@media (width<=768px){.api-key-wizard-modal{border-radius:0;max-width:100%;max-height:100vh}.type-cards,.permissions-grid{grid-template-columns:1fr}.wizard-progress{padding:16px 20px}.progress-line{width:40px;margin:0 8px}.step-label{display:none}.wizard-body{padding:24px 20px}}.api-key-show-once-overlay{z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.api-key-show-once-modal{background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.show-once-header{text-align:center;border-bottom:1px solid #f3f4f6;padding:32px 32px 24px}.header-icon{background:linear-gradient(135deg, var(--theme-primary), var(--theme-primary-end));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.show-once-header h2{color:#1f2937;margin:0 0 8px;font-size:22px;font-weight:600}.show-once-header p{color:#6b7280;margin:0;font-size:14px}.show-once-warning{background:#fef3c7;border:1px solid #fbbf24;border-left:4px solid #f59e0b;border-radius:6px;gap:12px;margin:20px 32px;padding:16px 20px;display:flex}.show-once-warning svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.warning-text strong{color:#92400e;margin-bottom:4px;font-size:14px;display:block}.warning-text p{color:#92400e;margin:0;font-size:13px;line-height:1.5}.show-once-body{padding:24px 32px}.key-info{background:#fafbfc;border-radius:8px;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;display:flex}.info-row{justify-content:space-between;align-items:center;font-size:14px;display:flex}.info-label{color:#6b7280;font-weight:500}.info-value{color:#1f2937;font-weight:500}.info-badge{border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600}.info-badge.type-service{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.info-badge.type-vendor{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.key-display{margin-bottom:20px}.key-display label{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.key-container{background:#1f2937;border:2px solid #374151;border-radius:8px;align-items:center;gap:12px;padding:14px 16px;display:flex}.key-value{color:#10b981;word-break:break-all;-webkit-user-select:all;user-select:all;flex:1;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px}.copy-button{color:#9ca3af;cursor:pointer;background:#374151;border:1px solid #4b5563;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.copy-button:hover{color:#f3f4f6;background:#4b5563;border-color:#6b7280}.copy-button:active{transform:scale(.95)}.show-once-actions{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.action-button{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.action-button.download{color:#374151;background:#fff;border:1px solid #d1d5db}.action-button.download:hover{border-color:var(--theme-primary);color:var(--theme-primary);background:#f9fafb}.action-button.copy{background:var(--theme-primary);border:1px solid var(--theme-primary);color:#fff}.action-button.copy:hover{background:var(--theme-primary-hover);border-color:var(--theme-primary-hover)}.integration-info{border-radius:8px;margin-bottom:24px;padding:20px}.integration-info.vendor{background:#f0fdf4;border:1px solid #86efac}.integration-info.service{background:#eff6ff;border:1px solid #93c5fd}.integration-info h4{color:#1f2937;margin:0 0 8px;font-size:14px;font-weight:600}.integration-info p{color:#6b7280;margin:0 0 12px;font-size:13px}.code-example{background:#1f2937;border:1px solid #374151;border-radius:6px;padding:12px 14px}.code-example code{color:#10b981;font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;line-height:1.6;display:block}.code-example .optional{color:#9ca3af;font-size:11px}.show-once-footer{border-top:1px solid #f3f4f6;flex-direction:column;gap:16px;padding:24px 32px;display:flex}.confirmation-checkbox{cursor:pointer;border:2px dashed #d1d5db;border-radius:6px;align-items:center;gap:10px;padding:12px;transition:all .15s;display:flex}.confirmation-checkbox:hover{border-color:var(--theme-primary);background:#faf5ff}.confirmation-checkbox input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--theme-primary)}.confirmation-checkbox span{color:#374151;font-size:14px;font-weight:500}.btn-primary-large{background:linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-end) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;transition:all .2s}.btn-primary-large:hover:not(:disabled){background:linear-gradient(135deg, var(--theme-primary-hover) 0%, #9333ea 100%);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-primary-large:disabled{opacity:.5;cursor:not-allowed}.close-warning{text-align:center;color:#f59e0b;background:#fef3c7;border-top:1px solid #fbbf24;padding:12px 32px;font-size:12px;font-weight:500}@media (width<=640px){.api-key-show-once-modal{border-radius:0;max-width:100%;max-height:100vh}.show-once-header,.show-once-body,.show-once-footer{padding-left:20px;padding-right:20px}.show-once-warning{margin-left:20px;margin-right:20px}.show-once-actions{grid-template-columns:1fr}.key-value{font-size:11px}}.masterdata-tabs{border-bottom:1px solid #e5e7eb;gap:4px;margin-bottom:24px;padding-bottom:0;display:flex}.masterdata-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.masterdata-tab:hover{color:#374151;background:#f9fafb}.masterdata-tab.active{color:#8b5cf6;border-bottom-color:#8b5cf6}.masterdata-tab .badge{color:#fff;background:#ef4444;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:600}.masterdata-content{min-height:400px}.masterdata-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px}.panel-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.panel-header h3{color:#111827;margin:0;font-size:16px;font-weight:600}.tree-view{padding:8px 0}.tree-node{cursor:default;border-radius:4px;align-items:center;gap:8px;padding:10px 12px;transition:background .15s;display:flex}.tree-node:hover{background:#f9fafb}.expand-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.expand-btn:hover{color:#374151}.node-name{color:#374151;flex:1;font-size:14px}.node-count{color:#9ca3af;background:#f3f4f6;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:flex}.node-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex}.tree-node:hover .node-actions{opacity:1}.action-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;display:flex}.action-btn.danger:hover{color:#dc2626;background:#fef2f2}.tree-children{border-left:1px solid #e5e7eb;margin-left:20px}.list-view{padding:0}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:12px;font-weight:600}.data-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:12px 16px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f9fafb}.code-cell{color:#8b5cf6;font-family:monospace;font-weight:500}.count-cell{color:#6b7280;align-items:center;gap:6px;display:flex}.status-badge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.table-actions{gap:4px;display:flex}.quality-content{padding:20px}.issues-summary{color:#6b7280;margin:0 0 16px;font-size:14px}.issues-list{flex-direction:column;gap:12px;display:flex}.issue-card{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:16px}.issue-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.issue-field{color:#92400e;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.issue-value{color:#374151;font-size:14px;font-weight:500}.issue-details{align-items:center;gap:16px;margin-bottom:12px;font-size:13px;display:flex}.user-count{color:#6b7280}.suggested-match{color:#059669}.issue-actions{gap:8px;display:flex}.empty-state h4{color:#374151;margin:0 0 8px;font-size:16px;font-weight:600}.empty-state p{max-width:300px;margin:0 0 16px;font-size:14px}.empty-state.success svg{color:#10b981}.loading-state svg{color:#8b5cf6;margin-bottom:12px}.modal-content{background:#fff;border-radius:12px;min-width:400px;max-width:90vw;padding:24px;box-shadow:0 20px 25px -5px #0000001a}.modal-content.masterdata-modal{min-width:500px;max-width:600px;max-height:90vh;overflow-y:auto}.modal-content h3{margin:0 0 16px;font-size:18px;font-weight:600}.modal-header-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header-row h3{margin:0}.modal-close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.modal-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:16px;padding:12px 16px;font-size:14px}.form-input{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.form-input::placeholder{color:#9ca3af}textarea.form-input{resize:vertical;min-height:60px}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-hint{color:#6b7280;margin-top:4px;font-size:12px}.checkbox-group{align-items:center;display:flex}.checkbox-group label{cursor:pointer;align-items:center;gap:8px;margin-bottom:0;display:flex}.checkbox-group input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;width:16px;height:16px}.checkbox-group span{color:#374151;font-size:14px}.settings-loading{color:#6b7280;justify-content:center;align-items:center;gap:8px;padding:48px;display:flex}.settings-header{border-bottom:1px solid #e5e7eb;padding:20px 24px}.settings-header h2{color:#111827;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.settings-header h2 svg{color:#8b5cf6}.settings-description{color:#6b7280;margin:4px 0 0;font-size:14px}.settings-alert{border-radius:6px;align-items:center;gap:8px;margin:16px 24px 0;padding:12px 16px;font-size:14px;display:flex}.settings-alert.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.settings-alert.success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.settings-form{padding:24px}.setting-group{border-bottom:1px solid #f3f4f6;padding:16px 0}.setting-group:last-of-type{border-bottom:none}.setting-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.setting-info{flex:1}.setting-label{color:#111827;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.setting-label svg{color:#6b7280}.setting-help{color:#6b7280;margin:4px 0 0 24px;font-size:13px}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #8b5cf633}.retention-select{color:#374151;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #e5e7eb;border-radius:6px;padding:8px 32px 8px 12px;font-size:14px}.retention-select:hover{border-color:#d1d5db}.retention-select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.privacy-notice{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;gap:12px;margin-top:24px;padding:16px;display:flex}.privacy-notice svg{color:#6b7280;flex-shrink:0;margin-top:2px}.notice-content strong{color:#374151;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.notice-content p{color:#6b7280;margin:0;font-size:13px;line-height:1.5}.settings-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;display:flex}.reset-btn,.save-btn{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.reset-btn{color:#6b7280;background:#fff;border:1px solid #e5e7eb}.reset-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.reset-btn:disabled{opacity:.5;cursor:not-allowed}.save-btn{color:#fff;background:#8b5cf6;border:1px solid #8b5cf6}.save-btn:hover:not(:disabled){background:#7c3aed;border-color:#7c3aed}.save-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=640px){.setting-row{flex-direction:column;align-items:flex-start;gap:12px}.setting-help{margin-left:0}.settings-actions{flex-direction:column}.reset-btn,.save-btn{justify-content:center;width:100%}}.feature-flags-settings{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.feature-flags-loading{color:#6b7280;justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.feature-flags-loading .spin{animation:1s linear infinite spin}.ff-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;display:flex}.ff-header-info h3{color:#111827;margin:0 0 4px;font-size:16px;font-weight:600}.ff-header-info p{color:#6b7280;margin:0;font-size:13px}.ff-header .btn-icon{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:6px;padding:8px;transition:all .15s}.ff-header .btn-icon:hover{color:#374151;background:#e5e7eb}.ff-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:12px;font-size:13px;display:flex}.ff-categories{flex-direction:column;gap:24px;display:flex}.ff-category-header{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f3f4f6;margin-bottom:12px;padding-bottom:8px;font-size:12px;font-weight:600}.ff-list{flex-direction:column;gap:8px;display:flex}.ff-item{background:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .15s;display:flex}.ff-item:hover{background:#f3f4f6}.ff-item-info{flex-direction:column;gap:2px;display:flex}.ff-item-name{color:#111827;font-size:14px;font-weight:500}.ff-item-desc{color:#6b7280;font-size:12px}.ff-item-key{color:#9ca3af;font-family:monospace;font-size:11px}.ff-item-toggle{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;min-width:60px;display:flex}.ff-item-toggle .ff-updating{color:var(--theme-primary,#8b5cf6);animation:1s linear infinite spin}.ff-toggle{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:all .15s;display:flex}.ff-toggle.enabled{color:var(--helios-purple)}.ff-toggle.disabled{color:#d1d5db}.ff-toggle:hover.enabled{color:var(--helios-purple-hover)}.ff-toggle:hover.disabled{color:#9ca3af}.ff-note{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;align-items:center;gap:8px;margin-top:20px;padding:12px;font-size:12px;display:flex}.ff-nav-hierarchy{flex-direction:column!important;gap:16px!important;display:flex!important}.ff-nav-section{flex-direction:column!important;gap:4px!important;display:flex!important}.ff-section-header{border-left:3px solid var(--theme-primary,#8b5cf6)!important;background:#f3f4f6!important;border-radius:0 8px 8px 0!important}.ff-section-header .ff-item-name{font-size:14px!important;font-weight:600!important}.ff-section-header.ff-disabled{opacity:.7;border-left-color:#d1d5db!important}.ff-child-item{background:#fafafa!important;border-left:2px solid #e5e7eb!important;border-radius:0 8px 8px 0!important;margin-left:24px!important;padding-left:16px!important}.ff-child-item .ff-item-info{flex-direction:row!important;align-items:center!important;gap:8px!important;display:flex!important}.ff-indent-icon{color:#9ca3af;flex-shrink:0}.ff-child-item .ff-item-name{font-size:13px!important;font-weight:400!important}.ff-parent-disabled{opacity:.5}.ff-parent-disabled .ff-item-name:after{content:" (section disabled)";color:#9ca3af;font-size:11px;font-weight:400}.ff-maturity-badge{vertical-align:middle;border-radius:10px;margin-left:8px;padding:1px 8px;font-size:11px;font-weight:500;display:inline-block}.ff-maturity-preview{background:var(--color-primary-50,#f5f3ff);color:var(--color-primary-700,#6d28d9)}.ff-maturity-experimental{color:#92400e;background:#fef3c7}.relay-settings{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.relay-loading{color:#6b7280;justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.relay-loading .spin,.relay-add-btn .spin,.relay-delete .spin{animation:1s linear infinite spin}.relay-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;display:flex}.relay-header-info h3{color:#111827;margin:0 0 4px;font-size:16px;font-weight:600}.relay-header-info p{color:#6b7280;max-width:620px;margin:0;font-size:13px}.relay-header .btn-icon{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:6px;flex-shrink:0;padding:8px;transition:all .15s}.relay-header .btn-icon:hover{color:#374151;background:#e5e7eb}.relay-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:12px;font-size:13px;display:flex}.relay-toggles{border:1px solid #f3f4f6;border-radius:8px;flex-direction:column;gap:4px;display:flex;overflow:hidden}.relay-toggle-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.relay-toggle-row:last-child{border-bottom:none}.relay-toggle-info{flex-direction:column;gap:2px;min-width:0;display:flex}.relay-toggle-name{color:#111827;font-size:14px;font-weight:600}.relay-toggle-desc{color:#6b7280;font-size:12px}.relay-toggle-desc code,.relay-hint code,.relay-rules-table code{color:#374151;background:#f3f4f6;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.relay-status{border-radius:6px;margin-top:14px;padding:10px 14px;font-size:13px;font-weight:500}.relay-status.active{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.relay-status.inactive{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb}.relay-rules{margin-top:28px}.relay-rules h4,.relay-add h4{color:#111827;margin:0 0 12px;font-size:14px;font-weight:600}.relay-empty{color:#6b7280;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:8px;padding:16px;font-size:13px}.relay-rules-table{border-collapse:collapse;width:100%;font-size:13px}.relay-rules-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;border-bottom:1px solid #e5e7eb;padding:8px 10px;font-size:11px;font-weight:600}.relay-rules-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px}.relay-effect{text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.relay-effect-allow{color:#047857;background:#ecfdf5}.relay-effect-deny{color:#b91c1c;background:#fef2f2}.relay-subject-cell{flex-wrap:wrap;gap:4px;display:flex}.relay-tag{color:#4f46e5;background:#eef2ff;border-radius:4px;padding:2px 6px;font-size:11px;display:inline-block}.relay-muted{color:#9ca3af}.relay-delete{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;padding:6px;transition:all .15s}.relay-delete:hover{color:#b91c1c;background:#fef2f2}.relay-delete:disabled{opacity:.5;cursor:not-allowed}.relay-add{border-top:1px solid #f3f4f6;margin-top:28px;padding-top:20px}.relay-add-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.relay-add-form label{color:#6b7280;flex-direction:column;gap:4px;font-size:12px;display:flex}.relay-add-form label span{font-weight:500}.relay-add-form select,.relay-add-form input[type=text],.relay-add-form input[type=datetime-local]{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:160px;padding:7px 10px;font-size:13px}.relay-add-form select:focus,.relay-add-form input:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px #8b5cf626}.relay-checkbox{align-items:center;padding-bottom:8px;color:#374151!important;flex-direction:row!important;gap:6px!important}.relay-checkbox input{margin:0}.relay-add-btn{align-items:center;gap:6px;display:inline-flex}.relay-hint{color:#6b7280;max-width:640px;margin:14px 0 0;font-size:12px}.entity-label-settings .settings-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.entity-label-settings .header-content h3{color:#111827;align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:600;display:flex}.entity-label-settings .header-content p{color:#6b7280;margin:0;font-size:14px}.entity-label-settings .header-actions{flex-shrink:0;gap:8px;display:flex}.entity-label-settings .btn-primary,.entity-label-settings .btn-secondary{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.entity-label-settings .btn-primary{color:#fff;background:#8b5cf6;border:none}.entity-label-settings .btn-primary:hover:not(:disabled){background:#7c3aed}.entity-label-settings .btn-primary:disabled{opacity:.5;cursor:not-allowed}.entity-label-settings .btn-secondary{color:#374151;background:#fff;border:1px solid #d1d5db}.entity-label-settings .btn-secondary:hover:not(:disabled){background:#f9fafb}.entity-label-settings .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.entity-label-settings .status-message{border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.entity-label-settings .status-message.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.entity-label-settings .status-message.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.entity-label-settings .info-box{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;align-items:flex-start;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:13px;display:flex}.entity-label-settings .info-box svg{flex-shrink:0;margin-top:2px}.entity-label-settings .entity-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.entity-label-settings .entity-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.entity-label-settings .entity-card.unavailable{opacity:.6}.entity-label-settings .entity-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.entity-label-settings .entity-header h4{color:#111827;margin:0;font-size:15px;font-weight:600}.entity-label-settings .unavailable-badge{color:#9ca3af;background:#f3f4f6;border-radius:4px;padding:2px 8px;font-size:11px}.entity-label-settings .entity-description{color:#6b7280;margin:0 0 8px;font-size:13px}.entity-label-settings .entity-examples{color:#9ca3af;margin:0 0 16px;font-size:12px}.entity-label-settings .entity-examples strong{color:#6b7280}.entity-label-settings .label-fields{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.entity-label-settings .label-field label{color:#374151;justify-content:space-between;margin-bottom:4px;font-size:12px;font-weight:500;display:flex}.entity-label-settings .label-field .char-count{color:#9ca3af;font-weight:400}.entity-label-settings .label-field input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.entity-label-settings .label-field input:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.entity-label-settings .label-field input:disabled{color:#6b7280;cursor:not-allowed;background:#f3f4f6}.entity-label-settings .label-preview{background:#f3f4f6;border-radius:4px;padding:8px 12px;font-size:12px}.entity-label-settings .preview-label{color:#6b7280;margin-right:6px}.entity-label-settings .preview-text{color:#374151;font-family:monospace}.entity-label-settings .admin-only-notice{color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:6px;align-items:center;gap:8px;margin-top:24px;padding:12px 16px;font-size:13px;display:flex}.entity-label-settings .spin{animation:1s linear infinite spin}@media (width<=768px){.entity-label-settings .settings-header{flex-direction:column}.entity-label-settings .header-actions{width:100%}.entity-label-settings .header-actions button{flex:1}.entity-label-settings .label-fields{grid-template-columns:1fr}}.metric-card{background:var(--card-bg,#fff);border:1px solid var(--card-border,#e5e7eb);border-radius:var(--card-radius,8px);box-shadow:var(--card-shadow,0 1px 3px #00000014);padding:var(--spacing-3,12px) var(--spacing-4,16px);transition:all var(--transition-normal,.2s ease);flex-direction:column;min-height:80px;display:flex}.metric-card:hover{box-shadow:var(--shadow-md,0 4px 6px #00000014);background:var(--bg-hover,#f9fafb)}.metric-card.clickable{cursor:pointer}.metric-card.clickable:hover{border-color:var(--color-primary,#8b5cf6)}.metric-card-header{align-items:center;gap:var(--spacing-2,8px);margin-bottom:var(--spacing-2,8px);display:flex}.metric-card-icon{color:var(--text-tertiary,#9ca3af);justify-content:center;align-items:center;display:flex}.metric-card-icon svg{width:16px;height:16px}.metric-card-title{font-size:var(--font-size-xs,11px);font-weight:var(--font-weight-semibold,600);color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.5px}.metric-card-content{flex-direction:column;flex:1;justify-content:center;display:flex}.metric-card-value{align-items:center;gap:var(--spacing-2,8px);font-size:var(--font-size-xl,18px);font-weight:var(--font-weight-bold,700);color:var(--text-primary,#111827);line-height:var(--line-height-tight,1.25);display:flex}.metric-card-label{font-size:var(--font-size-sm,13px);color:var(--text-secondary,#6b7280);margin-top:var(--spacing-1,4px)}.metric-card-footer{padding-top:var(--spacing-2,8px);margin-top:var(--spacing-2,8px);border-top:1px solid var(--border-light,#f3f4f6);justify-content:space-between;align-items:center;display:flex}.metric-card-trend{align-items:center;gap:var(--spacing-1,4px);font-size:var(--font-size-xs,11px);font-weight:var(--font-weight-medium,500);display:flex}.metric-card-trend.up{color:var(--color-success,#10b981)}.metric-card-trend.down{color:var(--color-error,#ef4444)}.metric-card-timestamp{font-size:var(--font-size-xs,11px);color:var(--text-tertiary,#9ca3af)}.metric-card.state-success .metric-card-icon,.metric-card.state-success .metric-card-value{color:var(--color-success,#10b981)}.metric-card.state-warning .metric-card-icon,.metric-card.state-warning .metric-card-value{color:var(--color-warning,#f59e0b)}.metric-card.state-error .metric-card-icon,.metric-card.state-error .metric-card-value{color:var(--color-error,#ef4444)}.metric-card.size-small{min-height:64px;padding:var(--spacing-2,8px) var(--spacing-3,12px)}.metric-card.size-small .metric-card-value{font-size:var(--font-size-lg,16px)}.metric-card.size-medium{min-height:80px}.metric-card.size-large{min-height:100px;padding:var(--spacing-4,16px) var(--spacing-5,20px)}.metric-card.size-large .metric-card-value{font-size:var(--font-size-2xl,20px)}.license-banners{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.license-banner{border:1px solid;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;line-height:1.4;display:flex}.license-banner svg{flex-shrink:0}.license-banner-msg{flex:1}.license-banner.near{color:#92400e;background:#fffbeb;border-color:#fde68a}.license-banner.at{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.license-banner.over{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.license-banner-dismiss{cursor:pointer;color:inherit;opacity:.65;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:inline-flex}.license-banner-dismiss:hover{opacity:1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .license-banner.near{color:#fde68a;background:#3a2e0a;border-color:#78560f}:root:not([data-theme=light]) .license-banner.at{color:#fed7aa;background:#3a220a;border-color:#7c3f12}:root:not([data-theme=light]) .license-banner.over{color:#fecaca;background:#3a1414;border-color:#7f1d1d}}:root[data-theme=dark] .license-banner.near{color:#fde68a;background:#3a2e0a;border-color:#78560f}:root[data-theme=dark] .license-banner.at{color:#fed7aa;background:#3a220a;border-color:#7c3f12}:root[data-theme=dark] .license-banner.over{color:#fecaca;background:#3a1414;border-color:#7f1d1d}.dashboard-customizer{width:90%;max-width:600px}.customizer-description{color:#6b7280;margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.widget-category{margin-bottom:1.5rem}.category-title{color:#374151;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;margin:0 0 .75rem;padding-bottom:.5rem;font-size:.875rem;font-weight:600}.widget-list{flex-direction:column;gap:.5rem;display:flex}.widget-checkbox-item{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;padding:.75rem;transition:all .2s;display:flex}.widget-checkbox-item:hover{background:#f9fafb;border-color:#d1d5db}.widget-checkbox-item input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--theme-primary);margin-right:.75rem}.widget-checkbox-content{flex:1;align-items:center;gap:.5rem;display:flex}.widget-checkbox-icon{color:#6b7280;justify-content:center;align-items:center;display:flex}.widget-checkbox-label{color:#374151;font-size:.875rem;font-weight:500}.widget-check-icon{color:var(--theme-primary);margin-left:auto}.modal-content{background:#fff;border-radius:8px;flex-direction:column;max-height:90vh;animation:.2s slideUp;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.modal-close-btn:hover{color:#374151;background:#f3f4f6}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:.75rem;padding:1.5rem;display:flex}@media (width<=640px){.dashboard-customizer{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.modal-header,.modal-body,.modal-footer{padding:1rem}}.field-drift-banner{color:#92400e;text-align:left;cursor:pointer;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;align-items:center;gap:8px;width:100%;margin:0 0 12px;padding:10px 14px;font-size:13px;display:flex}.field-drift-banner:hover{background:#fef3c7}.field-drift-review{margin-left:auto;font-weight:600;text-decoration:underline}.field-drift-overlay{z-index:1300;background:#11182766;justify-content:center;align-items:flex-start;padding:60px 16px;display:flex;position:fixed;inset:0}.field-drift-dialog{background:var(--color-surface,#fff);border-radius:12px;width:min(900px,100%);max-height:calc(100vh - 120px);padding:18px 20px;overflow:auto;box-shadow:0 20px 50px -20px #00000059}.field-drift-head{justify-content:space-between;align-items:center;display:flex}.field-drift-head h3{margin:0;font-size:16px}.field-drift-close{cursor:pointer;color:var(--gray-500,#6b7280);background:0 0;border:0}.field-drift-intro{color:var(--gray-600,#4b5563);margin:8px 0 12px;font-size:12.5px}.field-drift-error{color:#b91c1c;margin:0 0 10px;font-size:12.5px}.field-drift-table{border-collapse:collapse;width:100%;font-size:13px}.field-drift-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500,#6b7280);border-bottom:1px solid var(--gray-200,#e5e7eb);padding:6px 8px;font-size:11px}.field-drift-table td{border-bottom:1px solid var(--gray-100,#f3f4f6);vertical-align:top;padding:8px}.field-drift-sub{color:var(--gray-500,#6b7280);font-size:11.5px}.field-drift-empty{color:var(--gray-400,#9ca3af);font-style:italic}.field-drift-actions{white-space:nowrap;gap:6px;display:flex}@media (width<=640px){.field-drift-table thead{display:none}.field-drift-table tr{border-bottom:1px solid var(--gray-200,#e5e7eb);gap:4px;padding:8px 0;display:grid}.field-drift-table td{border:0;padding:2px 0}}.merge-field-picker{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.picker-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px}.picker-header h4{color:#1f2937;margin:0 0 4px;font-size:14px;font-weight:600}.picker-header p{color:#6b7280;margin:0;font-size:12px}.picker-search{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:12px 16px;display:flex}.picker-search svg{color:#9ca3af;flex-shrink:0}.picker-search input{color:#1f2937;border:none;outline:none;flex:1;font-size:13px}.picker-search input::placeholder{color:#9ca3af}.picker-categories{max-height:400px;overflow-y:auto}.category-group{border-bottom:1px solid #f3f4f6}.category-group:last-child{border-bottom:none}.category-header{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:12px 16px;transition:background .15s;display:flex}.category-header:hover{background:#f9fafb}.category-icon{color:#6b7280;background:#f3f4f6;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.category-name{color:#374151;flex:1;font-size:13px;font-weight:500}.category-count{color:#9ca3af;background:#f3f4f6;border-radius:10px;padding:2px 6px;font-size:11px}.category-chevron{color:#9ca3af;align-items:center;display:flex}.category-fields{flex-direction:column;gap:2px;padding:4px 8px 8px;display:flex}.field-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;gap:4px;width:100%;padding:10px 12px;transition:all .15s;display:flex}.field-item:hover{background:#f3f4f6;border-color:#e5e7eb}.field-item:active{background:#e5e7eb}.field-main{justify-content:space-between;align-items:center;gap:8px;display:flex}.field-name{color:#374151;font-size:13px;font-weight:500}.field-key{color:var(--theme-primary);background:#8b5cf614;border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:11px}.field-example{color:#9ca3af;font-size:12px;font-style:italic}.picker-empty{text-align:center;padding:24px 16px}.picker-empty p{color:#6b7280;margin:0;font-size:13px}.picker-loading{text-align:center;color:#6b7280;padding:24px 16px;font-size:13px}.template-editor{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.editor-toolbar{background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 12px;display:flex}.toolbar-group{align-items:center;gap:2px;display:flex}.toolbar-divider{background:#e5e7eb;width:1px;height:24px;margin:0 4px}.toolbar-spacer{flex:1}.toolbar-button{color:#4b5563;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:4px;min-width:32px;height:32px;padding:0 8px;transition:all .15s;display:flex}.toolbar-button:hover{background:#e5e7eb;border-color:#d1d5db}.toolbar-button.active{color:var(--theme-primary);background:#8b5cf61a;border-color:#8b5cf633}.toolbar-button svg{flex-shrink:0}.font-size-icon{font-size:14px;font-weight:600}.color-icon{text-decoration:underline;-webkit-text-decoration-color:var(--theme-primary);text-decoration-color:var(--theme-primary);text-underline-offset:2px;font-size:14px;font-weight:700;text-decoration-thickness:3px}.merge-field-button{color:var(--theme-primary);background:#8b5cf614;border-color:#8b5cf633;padding:0 12px}.merge-field-button:hover{background:#8b5cf626}.merge-field-button span{font-size:12px;font-weight:500}.toolbar-dropdown{position:relative}.dropdown-trigger{gap:2px}.dropdown-menu{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:140px;margin-top:4px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.dropdown-item{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 12px;font-size:13px;transition:background .15s;display:block}.dropdown-item:hover{background:#f3f4f6}.font-family-menu{min-width:180px}.color-picker{min-width:auto;padding:8px}.color-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.color-swatch{cursor:pointer;border:1px solid #e5e7eb;border-radius:4px;width:24px;height:24px;transition:transform .15s}.color-swatch:hover{z-index:1;transform:scale(1.15)}.merge-field-dropdown{z-index:200;border-radius:8px;width:320px;position:absolute;top:50px;right:80px;overflow:hidden;box-shadow:0 8px 24px #00000026}.editor-content-wrapper{flex:1;min-height:200px;position:relative}.editor-content{color:#1f2937;outline:none;min-height:200px;max-height:400px;padding:16px;font-family:Arial,sans-serif;font-size:14px;line-height:1.6;overflow-y:auto}.editor-content:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none}.editor-content:focus{background:#fefefe}.editor-content a{color:var(--theme-primary)}.editor-content img{max-width:100%;height:auto}.editor-content table{border-collapse:collapse;width:100%}.editor-content td,.editor-content th{border:1px solid #e5e7eb;padding:8px}.editor-content .merge-field{color:var(--theme-primary);white-space:nowrap;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:12px;display:inline}.editor-source{resize:none;color:#1f2937;background:#f9fafb;border:none;outline:none;width:100%;min-height:200px;max-height:400px;padding:16px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:13px;line-height:1.5}.editor-source:focus{background:#fff}.editor-dialog-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.editor-dialog{background:#fff;border-radius:8px;width:400px;max-width:90%;box-shadow:0 20px 60px #0000004d}.dialog-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dialog-header h3{color:#1f2937;margin:0;font-size:16px;font-weight:600}.dialog-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.dialog-close:hover{color:#374151;background:#f3f4f6}.dialog-body{padding:20px}.dialog-field{margin-bottom:16px}.dialog-field:last-child{margin-bottom:0}.dialog-field label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.dialog-field input{color:#1f2937;border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:8px 12px;font-size:14px;transition:border-color .15s}.dialog-field input:focus{border-color:var(--theme-primary);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.dialog-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.dialog-footer .btn-primary,.dialog-footer .btn-secondary{padding:8px 16px;font-size:13px}.dialog-footer .btn-primary{background:var(--theme-primary);color:#fff;cursor:pointer;border:none;border-radius:6px}.dialog-footer .btn-primary:hover:not(:disabled){background:#7c3aed}.dialog-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}.dialog-footer .btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.dialog-footer .btn-secondary:hover{background:#f9fafb}@media (width<=768px){.editor-toolbar{gap:2px;padding:6px 8px}.toolbar-divider{display:none}.toolbar-button{min-width:28px;height:28px;padding:0 6px}.merge-field-button span{display:none}.merge-field-dropdown{width:280px;right:10px}}.template-preview{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.preview-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.preview-title{color:#374151;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.preview-title svg{color:#6b7280}.preview-controls{align-items:center;gap:8px;display:flex}.user-selector{position:relative}.user-selector-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;transition:all .15s;display:flex}.user-selector-button:hover{background:#fafafa;border-color:#d1d5db}.user-dropdown{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:260px;max-height:300px;margin-top:4px;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.user-option{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:background .15s;display:flex}.user-option:last-child{border-bottom:none}.user-option:hover{background:#f9fafb}.user-option.active{background:#8b5cf614}.user-avatar-small{background:var(--theme-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:600;display:flex}.user-option-info{flex:1;min-width:0}.user-option-name{color:#374151;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;display:block;overflow:hidden}.user-option-email{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.refresh-button{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.refresh-button:hover:not(:disabled){color:#374151;border-color:#d1d5db}.refresh-button .spinning{animation:1s linear infinite spin}.preview-tabs{background:#fafafa;border-bottom:1px solid #e5e7eb;gap:4px;padding:8px 12px;display:flex}.preview-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.preview-tab:hover{color:#374151;background:#e5e7eb}.preview-tab.active{color:var(--theme-primary);background:#8b5cf61a}.preview-content{flex:1;min-height:200px;overflow:auto}.preview-html{padding:20px}.signature-render{color:#333;font-family:Arial,sans-serif;font-size:14px;line-height:1.5}.signature-render img{max-width:100%;height:auto}.signature-render a{color:var(--theme-primary)}.preview-text{padding:16px}.preview-text pre{color:#374151;white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:13px;line-height:1.6}.preview-source{background:#1f2937;padding:16px}.preview-source pre{margin:0}.preview-source code{color:#e5e7eb;white-space:pre-wrap;word-wrap:break-word;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:12px;line-height:1.6}.preview-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.preview-empty p{color:#6b7280;margin:0 0 4px;font-size:14px;font-weight:500}.preview-empty span{color:#9ca3af;font-size:12px}.preview-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.preview-loading svg{color:var(--theme-primary)}.preview-loading span{font-size:13px}.preview-error{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2;border-radius:6px;align-items:center;gap:8px;margin:12px;padding:12px 16px;font-size:13px;display:flex}.preview-error svg{flex-shrink:0}.tracking-indicator{background:linear-gradient(135deg,#22c55e14 0%,#10b98114 100%);border-bottom:1px solid #22c55e33;padding:8px 12px}.tracking-indicator-content{color:#166534;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.tracking-icon{color:#22c55e;animation:2s ease-in-out infinite pulse}.tracking-info-trigger{cursor:help;color:#6b7280;align-items:center;display:flex;position:relative}.tracking-info-trigger:hover{color:#374151}.tracking-tooltip{z-index:1000;background:#1f2937;border-radius:8px;width:260px;margin-bottom:8px;padding:12px;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.tracking-tooltip:after{content:"";border:6px solid #0000;border-top-color:#1f2937;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tracking-tooltip p{color:#f3f4f6;margin:0 0 4px;font-size:12px;font-weight:500}.tracking-note{color:#9ca3af;font-size:11px;font-weight:400}.assignment-manager{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.assignment-manager-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:16px 20px;display:flex}.assignment-manager-header h3{color:#1f2937;margin:0;font-size:16px;font-weight:600}.assignment-manager-header .template-name{color:#6b7280;margin:4px 0 0;font-size:13px}.assignment-manager-header .header-actions{align-items:center;gap:8px;display:flex}.assignment-manager .error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:8px;margin:12px;padding:12px 16px;font-size:13px;display:flex}.assignment-manager .error-message button{cursor:pointer;color:#dc2626;background:0 0;border:none;margin-left:auto;padding:2px}.new-assignment-form{background:#fafafa;border-bottom:1px solid #e5e7eb;padding:20px}.new-assignment-form h4{color:#374151;margin:0 0 16px;font-size:14px;font-weight:600}.form-section label{color:#4b5563;margin-bottom:10px;font-size:13px;font-weight:500;display:block}.type-selector{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.type-option{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:flex-start;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.type-option:hover{background:#f9fafb;border-color:#d1d5db}.type-option.selected{background:#f5f3ff;border-color:#8b5cf6}.type-option .type-info{flex:1;min-width:0}.type-option .type-label{color:#1f2937;font-size:14px;font-weight:500;display:block}.type-option .type-desc{color:#6b7280;margin-top:2px;font-size:12px;display:block}.type-option .check-icon{color:#8b5cf6;flex-shrink:0}.type-option svg:first-child{color:#6b7280;flex-shrink:0;margin-top:2px}.type-option.selected svg:first-child{color:#8b5cf6}.target-selector{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.target-selector .search-box{border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:10px 12px;display:flex}.target-selector .search-box svg{color:#9ca3af;flex-shrink:0}.target-selector .search-box input{background:0 0;border:none;outline:none;flex:1;font-size:14px}.target-selector .loading-state,.target-selector .empty-state{text-align:center;color:#6b7280;padding:24px;font-size:13px}.target-selector .loading-state{justify-content:center;align-items:center;gap:8px;display:flex}.target-list{max-height:250px;overflow-y:auto}.target-option{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:background .1s;display:flex}.target-option:hover{background:#f9fafb}.target-option.selected{background:#f5f3ff}.target-option svg:first-child{color:#9ca3af;flex-shrink:0}.target-option.selected svg:first-child{color:#8b5cf6}.target-option .target-name{color:#1f2937;flex:1;font-size:14px}.target-option .target-count{color:#6b7280;font-size:12px}.target-option .check-icon{color:#8b5cf6}.org-default-note{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:8px;align-items:flex-start;gap:12px;padding:16px;display:flex}.org-default-note svg{color:#8b5cf6;flex-shrink:0;margin-top:2px}.org-default-note p{color:#4b5563;margin:0;font-size:13px;line-height:1.5}.preview-toggle{margin-bottom:16px}.preview-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden}.preview-panel .preview-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 14px}.preview-panel .preview-header h5{color:#374151;margin:0;font-size:13px;font-weight:500}.preview-panel .empty-state{text-align:center;color:#6b7280;padding:24px;font-size:13px}.preview-list{max-height:200px;overflow-y:auto}.preview-user{border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:10px 14px;display:flex}.preview-user:last-child{border-bottom:none}.preview-user .user-name{color:#1f2937;font-size:14px;font-weight:500}.preview-user .user-email{color:#6b7280;font-size:13px}.preview-user .user-dept{color:#9ca3af;margin-left:auto;font-size:12px}.preview-more{text-align:center;color:#6b7280;background:#f9fafb;padding:10px 14px;font-size:13px}.form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding-top:16px;display:flex}.assignments-list{padding:16px 20px}.assignments-list h4{color:#374151;margin:0 0 12px;font-size:14px;font-weight:500}.assignments-list .loading-state,.assignments-list .empty-state{color:#6b7280;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px;display:flex}.assignments-list .loading-state{flex-direction:row}.assignments-list .empty-state p{color:#4b5563;margin:0;font-size:14px;font-weight:500}.assignments-list .empty-state span{color:#9ca3af;font-size:12px}.assignment-items{flex-direction:column;gap:8px;display:flex}.assignment-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.assignment-item:hover{border-color:#d1d5db}.assignment-item.inactive{opacity:.6;background:#f9fafb}.assignment-item .assignment-icon{color:#6b7280;background:#f3f4f6;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.assignment-item .assignment-info{flex:1;min-width:0}.assignment-item .assignment-type{color:#1f2937;font-size:13px;font-weight:500}.assignment-item .assignment-target{color:#6b7280;margin-top:2px;font-size:12px}.assignment-item .assignment-stats{color:#9ca3af;align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.assignment-item .assignment-priority{color:#9ca3af;background:#f3f4f6;border-radius:4px;padding:4px 8px;font-size:11px}.assignment-item .assignment-actions{align-items:center;gap:8px;display:flex}.btn-toggle{color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s}.btn-toggle:hover{border-color:#d1d5db}.btn-toggle.active{color:#16a34a;background:#dcfce7;border-color:#86efac}.spinner{animation:1s linear infinite spin}.assignment-manager .btn-primary{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.assignment-manager .btn-primary:hover{background:#7c3aed}.assignment-manager .btn-primary:disabled{opacity:.6;cursor:not-allowed}.assignment-manager .btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.assignment-manager .btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.assignment-manager .btn-icon{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:inline-flex}.assignment-manager .btn-icon:hover{color:#374151;background:#f3f4f6}.assignment-manager .btn-icon.danger:hover{color:#dc2626;background:#fef2f2}.user-signature-status{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.user-signature-status .status-loading{color:#6b7280;justify-content:center;align-items:center;gap:10px;padding:32px;font-size:14px;display:flex}.user-signature-status .status-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.user-signature-status .user-info{align-items:center;gap:12px;display:flex}.user-signature-status .user-info svg{color:#8b5cf6}.user-signature-status .user-info>div{flex-direction:column;display:flex}.user-signature-status .user-name{color:#1f2937;font-size:14px;font-weight:500}.user-signature-status .user-email{color:#6b7280;font-size:12px}.user-signature-status .status-error{color:#dc2626;background:#fef2f2;border-bottom:1px solid #fecaca;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.user-signature-status .status-content{padding:16px}.user-signature-status .status-section{margin-bottom:16px}.user-signature-status .status-section:last-child{margin-bottom:0}.user-signature-status .status-section h4{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;font-size:12px;font-weight:500}.user-signature-status .assignment-info{flex-direction:column;gap:10px;display:flex}.user-signature-status .source-badge{border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:6px 10px;font-size:13px;font-weight:500;display:inline-flex}.user-signature-status .template-info{align-items:center;gap:8px;font-size:13px;display:flex}.user-signature-status .template-info .label{color:#6b7280}.user-signature-status .template-info .value{color:#1f2937;font-weight:500}.user-signature-status .no-assignment{text-align:center;background:#f9fafb;border-radius:6px;flex-direction:column;align-items:center;padding:20px;display:flex}.user-signature-status .no-assignment svg{color:#d1d5db;margin-bottom:10px}.user-signature-status .no-assignment p{color:#4b5563;margin:0;font-size:14px;font-weight:500}.user-signature-status .no-assignment span{color:#9ca3af;margin-top:4px;font-size:12px}.user-signature-status .sync-info{flex-direction:column;gap:10px;display:flex}.user-signature-status .sync-status-badge{border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:6px 10px;font-size:13px;font-weight:500;display:inline-flex}.user-signature-status .sync-details{flex-direction:column;gap:4px;display:flex}.user-signature-status .detail-row{align-items:baseline;gap:8px;font-size:13px;display:flex}.user-signature-status .detail-row .label{color:#6b7280}.user-signature-status .detail-row .value{color:#1f2937}.user-signature-status .detail-row.error .value{color:#dc2626}.user-signature-status .preview-toggle{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;transition:all .15s;display:inline-flex}.user-signature-status .preview-toggle:hover{color:#1f2937;background:#e5e7eb}.user-signature-status .signature-preview{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:12px;padding:16px;overflow-x:auto}.user-signature-status .preview-content{color:#1f2937;font-size:14px;line-height:1.5}.user-signature-status .preview-content img{max-width:100%;height:auto}.user-signature-status .status-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;padding:12px 16px;display:flex}.user-signature-status .btn-resync{color:#8b5cf6;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.user-signature-status .btn-resync:hover{background:#f5f3ff;border-color:#ddd6fe}.user-signature-status .btn-resync:disabled{opacity:.6;cursor:not-allowed}.user-signature-status.compact{padding:10px 12px}.user-signature-status.compact .compact-content{align-items:center;gap:10px;display:flex}.user-signature-status.compact .signature-indicator{color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.user-signature-status.compact .compact-info{flex:1;min-width:0}.user-signature-status.compact .template-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;display:block;overflow:hidden}.user-signature-status.compact .source-label{color:#6b7280;font-size:11px;display:block}.user-signature-status.compact .sync-badge{flex-shrink:0;justify-content:center;align-items:center;display:flex}.deployment-status{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.deployment-status.compact{justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.status-loading{color:#6b7280;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:14px;display:flex}.status-loading .spinning{animation:1s linear infinite spin}.status-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.header-left svg{color:var(--theme-primary,#8b5cf6);margin-top:2px}.header-left h3{color:#1f2937;margin:0;font-size:16px;font-weight:600}.last-sync{color:#6b7280;font-size:12px}.health-badge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500}.health-indicator{color:#fff;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:500}.status-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:13px;display:flex}.deploy-result{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:13px;display:flex}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card.synced .stat-icon{color:#10b981}.stat-card.pending .stat-icon{color:#f59e0b}.stat-card.failed .stat-icon{color:#ef4444}.stat-card.skipped .stat-icon{color:#9ca3af}.stat-icon{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-content{flex-direction:column;display:flex}.sync-progress{margin-bottom:16px}.progress-bar{background:#f3f4f6;border-radius:4px;height:8px;display:flex;overflow:hidden}.progress-segment{height:100%;transition:width .3s}.progress-segment.synced{background:#10b981}.progress-segment.pending{background:#f59e0b}.progress-segment.failed{background:#ef4444}.progress-label{color:#6b7280;text-align:right;margin-top:4px;font-size:12px;display:block}.status-actions{border-top:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:8px;padding-top:16px;display:flex}.status-actions .btn-primary,.status-actions .btn-secondary{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.status-actions .btn-primary{background:var(--theme-primary,#8b5cf6);color:#fff}.status-actions .btn-primary:hover:not(:disabled){background:var(--theme-primary-hover,#7c3aed)}.status-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.status-actions .btn-secondary{color:#374151;background:#fff;border:1px solid #e5e7eb}.status-actions .btn-secondary:hover:not(:disabled){background:#f9fafb}.status-actions .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.status-actions .btn-icon{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;transition:all .15s;display:inline-flex}.status-actions .btn-icon:hover{color:#374151;background:#f9fafb}.compact-stats{align-items:center;gap:16px;display:flex}.compact-stats .stat{align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.compact-stats .stat.synced{color:#10b981}.compact-stats .stat.pending{color:#f59e0b}.compact-stats .stat.failed{color:#ef4444}.user-sync-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.table-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.header-title svg{color:var(--theme-primary,#8b5cf6)}.header-title h3{color:#1f2937;margin:0;font-size:15px;font-weight:600}.user-count{color:#6b7280;background:#e5e7eb;border-radius:10px;padding:2px 8px;font-size:12px}.search-box{background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;width:200px;padding:6px 10px;display:flex}.search-box input{color:#1f2937;border:none;outline:none;width:100%;font-size:13px}.filter-select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;display:flex}.filter-select svg{color:#9ca3af;flex-shrink:0}.filter-select select{color:#1f2937;cursor:pointer;background:0 0;border:none;outline:none;font-size:13px}.table-error{color:#991b1b;background:#fef2f2;align-items:center;gap:8px;padding:12px 20px;font-size:13px;display:flex}.table-loading{color:#6b7280;justify-content:center;align-items:center;gap:8px;padding:48px 20px;font-size:14px;display:flex}.table-loading .spinning{animation:1s linear infinite spin}.table-empty{color:#6b7280;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 20px;display:flex}.table-empty svg{color:#d1d5db;margin-bottom:12px}.table-empty p{margin:0;font-size:14px}.btn-text{color:var(--theme-primary,#8b5cf6);cursor:pointer;background:0 0;border:none;margin-top:8px;padding:4px 8px;font-size:13px}.table-content{overflow-x:auto}.table-content table{border-collapse:collapse;width:100%}.table-content thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.table-content th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding:10px 16px;font-size:11px;font-weight:600}.table-content td{color:#374151;vertical-align:middle;border-bottom:1px solid #f3f4f6;height:48px;padding:12px 16px;font-size:13px}.table-content tbody tr:hover{background:#f9fafb}.user-cell{min-width:200px}.user-info{flex-direction:column;gap:2px;display:flex}.user-name{color:#1f2937;font-weight:500}.user-email{color:#6b7280;font-size:12px}.template-cell{min-width:120px}.no-template{color:#9ca3af;font-style:italic}.source-cell{min-width:100px}.source-badge{border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.no-source{color:#d1d5db}.status-cell{min-width:100px}.status-badge .spinning{animation:1s linear infinite spin}.status-badge .attempts{opacity:.7;margin-left:2px;font-size:10px}.date-cell{color:#6b7280;min-width:140px;font-size:12px}.actions-cell{text-align:right;min-width:80px}.btn-icon-small{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.btn-icon-small:hover:not(:disabled){color:#374151;background:#f3f4f6;border-color:#e5e7eb}.btn-icon-small:disabled{cursor:not-allowed;opacity:.5}.table-pagination{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.pagination-info{color:#6b7280;font-size:12px}.pagination-buttons{align-items:center;gap:8px;display:flex}.btn-pagination{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:all .15s;display:inline-flex}.btn-pagination:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.btn-pagination:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.table-header{flex-direction:column;align-items:flex-start}.header-actions{flex-wrap:wrap;width:100%}.search-box{flex:1;min-width:150px}.table-content table{display:block;overflow-x:auto}}.campaign-editor-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.campaign-editor{background:#fff;border-radius:16px;flex-direction:column;width:95%;max-width:900px;max-height:90vh;animation:.3s slideUp;display:flex;box-shadow:0 25px 50px -12px #00000040}.campaign-editor-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.campaign-editor-header h2{color:#1f2937;margin:0;font-size:20px;font-weight:600}.campaign-steps{background:#f9fafb;border-bottom:1px solid #e5e7eb;gap:8px;padding:16px 24px;display:flex}.campaign-step{cursor:default;border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 16px;transition:all .2s;display:flex}.campaign-step.completed{cursor:pointer}.campaign-step.completed:hover{background:#f3f4f6}.step-indicator{color:#6b7280;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.campaign-step.active .step-indicator{background:var(--theme-primary);color:#fff}.campaign-step.completed .step-indicator{color:#fff;background:#10b981}.step-title{color:#6b7280;white-space:nowrap;font-size:13px;font-weight:500}.campaign-step.active .step-title{color:#1f2937}.campaign-step.completed .step-title{color:#10b981}.campaign-error{color:#dc2626;background:#fef2f2;border-bottom:1px solid #fee2e2;align-items:center;gap:12px;padding:12px 24px;font-size:14px;display:flex}.campaign-error button{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:4px}.campaign-error button:hover{background:#dc26261a}.campaign-editor-body{flex:1;padding:24px;overflow-y:auto}.campaign-step-content h3{color:#1f2937;margin:0 0 8px;font-size:18px;font-weight:600}.step-description{color:#6b7280;margin:0 0 24px;font-size:14px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-field{flex-direction:column;gap:6px;display:flex}.form-field.full-width{grid-column:1/-1}.form-field label{color:#374151;font-size:13px;font-weight:500}.form-field input,.form-field textarea,.form-field select{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--theme-primary);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.form-field textarea{resize:vertical;min-height:80px}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:#6b7280;pointer-events:none;position:absolute;left:12px}.input-with-icon input,.input-with-icon select{width:100%;padding-left:38px}.checkbox-field{grid-column:1/-1}.checkbox-label{cursor:pointer;color:#374151;align-items:center;gap:10px;font-size:14px;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--theme-primary);cursor:pointer}.field-hint{color:#6b7280;margin:4px 0 0 28px;font-size:12px}.template-section{margin-bottom:32px}.template-section h4,.banner-section h4,.audience-section h4{color:#374151;margin:0 0 12px;font-size:14px;font-weight:600}.loading-state{color:#6b7280;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.empty-templates{text-align:center;color:#6b7280;padding:40px}.empty-templates svg{color:#d1d5db;margin-bottom:12px}.template-selector{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.template-option{cursor:pointer;border:2px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s;position:relative}.template-option:hover{background:#f9fafb;border-color:#d1d5db}.template-option.selected{border-color:var(--theme-primary);background:#8b5cf60a}.template-option-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.template-name{color:#1f2937;font-weight:600}.default-badge{background:var(--theme-primary);color:#fff;text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.template-option .template-description{color:#6b7280;margin:0;font-size:13px;line-height:1.4}.selected-indicator{background:var(--theme-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:12px;right:12px}.template-preview-section{margin-bottom:32px}.template-preview-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-height:200px;padding:16px;overflow-y:auto}.banner-section{margin-bottom:32px}.section-hint{color:#6b7280;margin:0 0 16px;font-size:13px}.banner-upload{cursor:pointer;color:#6b7280;border:2px dashed #d1d5db;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:40px;transition:all .2s;display:flex}.banner-upload:hover{border-color:var(--theme-primary);background:#8b5cf60a}.banner-upload input{display:none}.banner-upload svg{color:#9ca3af;margin-bottom:12px}.banner-upload span{font-size:14px}.upload-hint{color:#9ca3af;margin-top:4px;font-size:12px}.banner-preview{border:1px solid #e5e7eb;border-radius:8px;position:relative;overflow:hidden}.banner-preview img{-o-object-fit:contain;object-fit:contain;background:#f9fafb;max-width:100%;max-height:200px;display:block}.remove-banner{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.remove-banner:hover{background:#dc2626;transform:scale(1.1)}.banner-options{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.tracking-section{background:#f9fafb;border-radius:8px;padding:16px}.tracking-section .checkbox-label{margin-bottom:4px}.tracking-section .field-hint{margin-left:28px}.audience-section{flex-direction:column;gap:24px;display:flex}.assignment-types h4{margin-bottom:12px}.type-buttons{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.type-button{cursor:pointer;text-align:left;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;transition:all .2s;display:flex}.type-button:hover{background:#f9fafb;border-color:#d1d5db}.type-button.active{border-color:var(--theme-primary);color:var(--theme-primary);background:#8b5cf614}.type-button svg{flex-shrink:0}.target-selector{background:#f9fafb;border-radius:12px;padding:16px}.target-search{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;display:flex}.target-search input{border:none;outline:none;flex:1;font-size:14px}.target-search svg{color:#6b7280}.loading-targets{color:#6b7280;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.target-list{flex-direction:column;gap:4px;max-height:200px;display:flex;overflow-y:auto}.target-item{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;transition:all .15s;display:flex}.target-item:hover{border-color:var(--theme-primary);background:#8b5cf60a}.target-name{color:#1f2937;font-size:14px}.target-count{color:#6b7280;font-size:12px}.no-targets{text-align:center;color:#6b7280;padding:24px;font-size:14px}.current-assignments h4{align-items:center;gap:8px;display:flex}.current-assignments .count{color:#6b7280;font-weight:400}.no-assignments{color:#6b7280;background:#f9fafb;border-radius:8px;align-items:center;gap:12px;padding:24px;display:flex}.no-assignments svg{flex-shrink:0}.assignment-list{flex-direction:column;gap:8px;display:flex}.assignment-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.assignment-icon{color:#6b7280;background:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.assignment-info{flex-direction:column;flex:1;gap:2px;display:flex}.assignment-type{color:#6b7280;text-transform:uppercase;font-size:11px;font-weight:500}.assignment-target{color:#1f2937;font-size:14px;font-weight:500}.remove-assignment{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.remove-assignment:hover{color:#dc2626;background:#fef2f2}.review-section{flex-direction:column;gap:20px;display:flex}.review-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.review-card h4{color:#374151;margin:0 0 16px;font-size:14px;font-weight:600}.review-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.review-item{flex-direction:column;gap:4px;display:flex}.review-item.full{grid-column:1/-1}.review-item .label{color:#6b7280;text-transform:uppercase;font-size:12px;font-weight:500}.review-item .value{color:#1f2937;font-size:14px}.review-template{flex-direction:column;gap:12px;display:flex}.review-template .template-name{color:#1f2937;font-size:14px;font-weight:500}.review-banner{flex-direction:column;gap:8px;display:flex}.review-banner .label{color:#6b7280;font-size:12px}.review-banner img{-o-object-fit:contain;object-fit:contain;border-radius:4px;max-height:100px}.review-assignments{flex-wrap:wrap;gap:8px;display:flex}.review-assignment{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.review-assignment svg{color:#6b7280}.review-options{gap:24px;display:flex}.option-item{color:#374151;align-items:center;gap:8px;font-size:14px;display:flex}.option-status{border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.option-status.enabled{color:#fff;background:#10b981}.option-status.disabled{color:#6b7280;background:#e5e7eb}.campaign-editor-footer{background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.footer-left,.footer-right{gap:12px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--theme-primary-hover);transform:translateY(-1px)}.btn-primary.launch{background:#10b981}.btn-primary.launch:hover:not(:disabled){background:#059669}.btn-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.btn-close:hover{color:#1f2937;background:#f3f4f6}@media (width<=768px){.campaign-editor{border-radius:0;width:100%;max-width:none;max-height:100vh}.campaign-steps{flex-wrap:wrap;gap:4px;padding:12px 16px}.campaign-step{flex:none;padding:6px 12px}.step-title{display:none}.campaign-step.active .step-title{display:block}.campaign-editor-body{padding:16px}.form-grid,.banner-options,.type-buttons,.review-grid{grid-template-columns:1fr}.review-options,.campaign-editor-footer{flex-direction:column;gap:12px}.footer-left,.footer-right{width:100%}.footer-right{justify-content:flex-end}}.campaign-analytics{max-width:1400px;margin:0 auto;padding:1.5rem}.analytics-loading,.analytics-error{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.analytics-loading .spinner{border:3px solid #e5e7eb;border-top-color:var(--theme-primary,#8b5cf6);border-radius:50%;width:48px;height:48px;margin-bottom:1rem;animation:1s linear infinite spin}.analytics-error svg{color:#ef4444;margin-bottom:1rem}.analytics-error h3{color:#1f2937;margin:0 0 .5rem;font-size:1.25rem}.analytics-error p{margin:0 0 1.5rem}.analytics-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.header-left{align-items:flex-start;gap:1rem;display:flex}.btn-back{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.25rem;padding:.5rem;font-size:.875rem;transition:all .15s;display:flex}.btn-back:hover{color:#1f2937;background-color:#f3f4f6}.campaign-info h1{color:#1f2937;margin:0;font-size:1.5rem;font-weight:600}.campaign-meta{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.status-badge{text-transform:capitalize;border-radius:12px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-active{color:#15803d;background-color:#dcfce7}.badge-completed{color:#1d4ed8;background-color:#dbeafe}.badge-paused{color:#b45309;background-color:#fef3c7}.badge-draft{color:#6b7280;background-color:#f3f4f6}.badge-cancelled{color:#dc2626;background-color:#fef2f2}.date-range{color:#6b7280;align-items:center;gap:.375rem;font-size:.875rem;display:flex}.header-actions{align-items:center;gap:.75rem;display:flex}.date-range-select{color:#374151;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border:1px solid #e5e7eb;border-radius:6px;padding:.5rem 2rem .5rem .75rem;font-size:.875rem}.date-range-select:focus{border-color:var(--theme-primary,#8b5cf6);outline:none;box-shadow:0 0 0 2px #8b5cf61a}.btn-secondary{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db}.btn-secondary svg.spinning{animation:1s linear infinite spin}.btn-primary{background-color:var(--theme-primary,#8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.btn-primary:hover{background-color:var(--theme-primary-dark,#7c3aed)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:1rem;padding:1.25rem;transition:box-shadow .15s;display:flex}.stat-card:hover{box-shadow:0 2px 8px #0000000d}.stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-content{flex:1;min-width:0}.stat-label{color:#6b7280;margin-top:.25rem;font-size:.875rem}.charts-row{grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (width<=1024px){.charts-row{grid-template-columns:1fr}}.chart-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.chart-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.chart-header h3{color:#1f2937;align-items:center;gap:.5rem;margin:0;font-size:.9375rem;font-weight:600;display:flex}.chart-header h3 svg{color:#6b7280}.chart-content{padding:1.25rem}.empty-chart{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.empty-chart svg{margin-bottom:.75rem}.empty-chart p{margin:0;font-size:.875rem}.bar-chart{flex-direction:column;height:250px;display:flex}.chart-bars{flex:1;align-items:flex-end;gap:4px;padding-bottom:24px;display:flex;position:relative}.bar-group{flex-direction:column;flex:1;align-items:center;height:100%;display:flex;position:relative}.bar{cursor:pointer;border-radius:2px 2px 0 0;width:100%;max-width:20px;transition:height .3s ease-out;position:absolute;bottom:24px}.bar.total-bar{opacity:.6;background-color:#dbeafe}.bar.unique-bar{background-color:#3b82f6;max-width:12px}.bar:hover{opacity:1}.bar-label{color:#6b7280;white-space:nowrap;font-size:.6875rem;position:absolute;bottom:0}.chart-legend{border-top:1px solid #f3f4f6;justify-content:center;gap:1.5rem;padding-top:.75rem;display:flex}.legend-item{color:#6b7280;align-items:center;gap:.375rem;font-size:.75rem;display:flex}.legend-color{border-radius:2px;width:12px;height:12px}.legend-color.total{background-color:#dbeafe}.legend-color.unique{background-color:#3b82f6}.device-breakdown{flex-direction:column;gap:1rem;display:flex}.device-bar-row{align-items:center;gap:1rem;display:flex}.device-info{flex-shrink:0;align-items:center;gap:.5rem;width:100px;display:flex}.device-icon{align-items:center;display:flex}.device-label{color:#374151;font-size:.875rem}.device-bar-container{background-color:#f3f4f6;border-radius:4px;flex:1;height:8px;overflow:hidden}.device-bar-fill{border-radius:4px;height:100%;transition:width .5s ease-out}.device-stats{flex-shrink:0;justify-content:flex-end;align-items:center;gap:.5rem;width:80px;display:flex}.device-value{color:#1f2937;font-size:.875rem;font-weight:600}.device-percent{color:#6b7280;font-size:.75rem}.geo-table{overflow-x:auto}.geo-table table{border-collapse:collapse;width:100%}.geo-table th,.geo-table td{text-align:left;border-bottom:1px solid #f3f4f6;padding:.75rem 1rem}.geo-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.geo-table td{color:#374151;font-size:.875rem}.geo-table tbody tr:hover{background-color:#f9fafb}.country-cell{align-items:center;gap:.5rem;display:flex}.country-flag{font-size:1.25rem;line-height:1}.geo-bar{background-color:#f3f4f6;border-radius:3px;width:100px;height:6px;overflow:hidden}.geo-bar-fill{background-color:var(--theme-primary,#8b5cf6);border-radius:3px;height:100%;transition:width .5s ease-out}.last-open-info{color:#9ca3af;justify-content:flex-end;padding:1rem 0;font-size:.75rem;display:flex}@media (width<=768px){.campaign-analytics{padding:1rem}.analytics-header{flex-direction:column;align-items:stretch}.header-left{flex-direction:column;align-items:flex-start}.header-actions{flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:1rem}.stat-value{font-size:1.25rem}.device-info{width:80px}.device-stats{width:60px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.device-bar-row{flex-wrap:wrap}.device-bar-container{order:3;width:100%}}.signature-permissions{padding:0}.permissions-loading{color:#6b7280;justify-content:center;align-items:center;gap:12px;padding:80px 0;font-size:14px;display:flex}.permissions-loading .spin{animation:1s linear infinite spin}.permissions-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.permissions-header .header-content h2{color:#1f2937;align-items:center;gap:10px;margin:0 0 6px;font-size:20px;font-weight:600;display:flex}.permissions-header .header-content p{color:#6b7280;margin:0;font-size:13px}.header-actions{gap:12px;display:flex}.error-banner button{cursor:pointer;color:#dc2626;background:0 0;border:none;margin-left:auto;padding:2px}.levels-info-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px;position:relative}.levels-info-panel h3{color:#374151;margin:0 0 16px;font-size:14px;font-weight:600}.levels-info-panel .close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:4px;position:absolute;top:16px;right:16px}.levels-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.level-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.level-card .level-badge{border-radius:12px;margin-bottom:8px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.level-description{color:#6b7280;margin:0 0 10px;font-size:12px;line-height:1.4}.level-capabilities{flex-wrap:wrap;gap:6px;display:flex}.capability-tag{color:#374151;background:#f3f4f6;border-radius:4px;padding:3px 8px;font-size:10px}.capability-more{color:#9ca3af;padding:3px 8px;font-size:10px}.permissions-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:14px;padding:16px 20px;display:flex}.stat-card svg{color:var(--theme-primary)}.stat-card .stat-value{color:#1f2937;font-size:22px;font-weight:600;line-height:1.2;display:block}.stat-card .stat-label{color:#6b7280;font-size:12px;display:block}.stat-card.stat-breakdown{grid-column:span 1}.breakdown-items{flex-direction:column;gap:6px;width:100%;display:flex}.breakdown-item{align-items:center;gap:8px;font-size:12px;display:flex}.level-dot{border-radius:50%;width:8px;height:8px}.breakdown-label{color:#6b7280;flex:1}.breakdown-value{color:#374151;font-weight:600}.permissions-tabs{border-bottom:1px solid #e5e7eb;gap:4px;margin-bottom:24px;display:flex}.tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:12px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.section-toolbar{gap:12px;margin-bottom:20px;display:flex}.search-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;align-items:center;gap:8px;max-width:320px;padding:8px 12px;display:flex}.search-box input{color:#1f2937;border:none;outline:none;flex:1;font-size:13px}.search-box svg{color:#9ca3af}.filter-select{align-items:center;display:flex;position:relative}.filter-select select{appearance:none;color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 36px 8px 12px;font-size:13px}.filter-select svg{color:#9ca3af;pointer-events:none;position:absolute;right:12px}.btn-primary{background:var(--theme-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.users-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.users-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;font-size:12px;font-weight:600}.users-table td{color:#1f2937;border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:13px}.users-table tr:last-child td{border-bottom:none}.users-table tr.inactive{opacity:.5}.users-table tr:hover{background:#f9fafb}.user-cell{align-items:center;gap:12px;display:flex}.user-avatar{background:var(--theme-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:flex}.user-avatar.large{width:48px;height:48px;font-size:16px}.user-info{flex-direction:column;display:flex}.user-info .user-name{color:#1f2937;align-items:center;gap:6px;font-weight:500;display:flex}.user-info .user-email{color:#6b7280;font-size:12px}.admin-icon{color:#f59e0b}.permission-badge,.level-badge{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-purple,.level-dot.badge-purple{color:#7c3aed;background:#ede9fe}.badge-blue,.level-dot.badge-blue{color:#2563eb;background:#dbeafe}.badge-green,.level-dot.badge-green{color:#16a34a;background:#dcfce7}.badge-orange,.level-dot.badge-orange{color:#ea580c;background:#ffedd5}.badge-gray,.level-dot.badge-gray{color:#6b7280;background:#f3f4f6}.source-cell .source-tag{border-radius:4px;padding:4px 8px;font-size:11px}.source-tag.org-admin{color:#b45309;background:#fef3c7}.source-tag.explicit{color:#7c3aed;background:#ede9fe}.source-tag.default{color:#6b7280;background:#f3f4f6}.date-cell .date{color:#1f2937;display:block}.date-cell .granter{color:#9ca3af;font-size:11px;display:block}.actions-cell{gap:6px;display:flex}.action-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:6px;padding:6px;transition:all .2s}.action-btn:hover{color:#374151;background:#f3f4f6}.action-btn.danger:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.empty-state{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{color:#d1d5db;margin-bottom:16px}.audit-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.audit-table{border-collapse:collapse;width:100%}.audit-table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.audit-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;font-size:12px;font-weight:600}.audit-table td{color:#1f2937;border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:13px}.audit-table tr:last-child td{border-bottom:none}.action-badge{text-transform:uppercase;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.action-badge.action-grant{color:#16a34a;background:#dcfce7}.action-badge.action-revoke{color:#dc2626;background:#fef2f2}.action-badge.action-update{color:#2563eb;background:#dbeafe}.change-cell{align-items:center;gap:8px;display:flex}.change-cell .arrow{color:#9ca3af}.level-tag{border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500}.modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;display:flex;overflow:hidden}.modal-header h3{color:#1f2937;margin:0;font-size:16px;font-weight:600}.modal-header button{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:4px}.modal-body{padding:24px;overflow-y:auto}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.edit-user-info{background:#f9fafb;border-radius:8px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.edit-user-info .user-name{color:#1f2937;font-weight:600}.edit-user-info .user-email{color:#6b7280;font-size:13px}.form-group textarea{resize:vertical;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-size:13px}.form-group textarea:focus{border-color:var(--theme-primary);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.level-options{flex-direction:column;gap:10px;display:flex}.level-option{cursor:pointer;border:1px solid #e5e7eb;border-radius:10px;align-items:flex-start;gap:12px;padding:14px;transition:all .2s;display:flex}.level-option:hover{background:#f9fafb}.level-option.selected{border-color:var(--theme-primary);background:#f5f3ff}.level-option input{accent-color:var(--theme-primary);margin-top:2px}.level-option-content{flex:1}.level-option-content .level-badge{margin-bottom:4px}.level-option-content .level-desc{color:#6b7280;font-size:12px;display:block}@media (width<=1024px){.permissions-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.permissions-header{flex-direction:column;gap:16px}.permissions-stats{grid-template-columns:1fr}.section-toolbar{flex-wrap:wrap}.search-box{order:1;width:100%;max-width:none}.users-table-container{overflow-x:auto}}.slideout-panel{background:#fff;flex-direction:column;width:600px;max-width:90vw;height:100vh;animation:.3s ease-out slideIn;display:flex;overflow-y:auto;box-shadow:-4px 0 20px #00000026}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.slideout-header{background:linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-end) 100%);color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:2rem;display:flex}.slideout-user-info{flex:1;align-items:center;gap:1rem;display:flex}.slideout-avatar{width:64px;height:64px;color:var(--theme-primary);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;display:flex;overflow:hidden}.slideout-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.slideout-user-info h2{margin:0;font-size:1.5rem;font-weight:600}.slideout-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;transition:all .2s;display:flex}.slideout-header .status-badge{text-transform:capitalize;border-radius:12px;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-block}.status-badge-active{color:#fff;background:#ffffff40}.status-badge-pending{color:#fff;background:#fbbf2440}.status-badge-deleted{color:#fff;background:#ef444440}.tab-icon{font-size:1.25rem}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content h4{color:#374151;margin:0 0 .75rem;font-size:1rem;font-weight:600}.slideout-panel .info-grid{background:var(--color-bg-card,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:8px;flex-direction:column;gap:0;margin-bottom:1.5rem;display:flex;overflow:hidden}.info-item{border-bottom:1px solid var(--color-border-light,#f3f4f6);flex-direction:row;align-items:center;min-height:44px;padding:.75rem 1rem;display:flex}.info-item:last-child{border-bottom:none}.info-item:nth-child(odd){background:var(--color-bg-hover,#f9fafb)}.info-item:nth-child(2n){background:var(--color-bg-card,#fff)}.info-item label{color:var(--color-text-secondary,#6b7280);flex:0 0 140px;padding-right:1rem;font-size:.8125rem;font-weight:500}.info-item>div{color:var(--color-text-primary,#1f2937);word-break:break-word;flex:1;font-size:.875rem;font-weight:500}.info-item>div:empty:before{content:"-";color:var(--color-text-tertiary,#9ca3af);font-weight:400}.info-item input,.info-item select{border:1px solid var(--input-border,#d1d5db);background:var(--input-bg,white);color:var(--input-text,#1f2937);border-radius:4px;flex:1;max-width:100%;padding:.375rem .625rem;font-size:.875rem}.info-item input:focus,.info-item select:focus{border-color:var(--theme-primary,#8b5cf6);box-shadow:0 0 0 2px var(--theme-primary-light,#8b5cf61a);outline:none}.role-badge{text-transform:capitalize;border-radius:12px;padding:.25rem .625rem;font-size:.8125rem;font-weight:500;display:inline-block}.role-admin{color:#991b1b;background:#fee2e2}.role-manager{color:#1e40af;background:#dbeafe}.role-user{color:#374151;background:#e5e7eb}.status-indicator{align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.status-indicator.active{color:#059669}.status-indicator.inactive{color:#d97706}.group-item{border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.group-item:hover{border-color:var(--theme-primary);background:#f9fafb}.group-info strong{color:#1f2937;font-size:.9375rem}.platforms-list{flex-direction:column;gap:1rem;display:flex}.platform-card{border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;transition:all .2s}.platform-card:hover{border-color:var(--theme-primary);box-shadow:0 2px 8px #8b5cf61a}.platform-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.platform-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:flex}.platform-header h4{color:#1f2937;margin:0;font-size:1rem}.platform-status{color:#059669;font-size:.875rem;font-weight:500}.platform-details{margin-top:.75rem}.platform-id{background:#f9fafb;border-radius:6px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.platform-id label{color:#6b7280;text-transform:uppercase;font-size:.75rem;font-weight:600}.platform-id code{color:#1f2937;word-break:break-all;font-family:Courier New,monospace;font-size:.875rem}.activity-list{flex-direction:column;gap:1rem;display:flex}.activity-item{border:1px solid #e5e7eb;border-radius:8px;gap:1rem;padding:1rem;display:flex}.activity-icon{background:#f9fafb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.activity-details{flex-direction:column;flex:1;gap:.25rem;display:flex}.activity-details strong{color:#1f2937;font-size:.9375rem}.activity-time{color:#6b7280;font-size:.8125rem}.activity-details p{color:#6b7280;margin:.5rem 0 0;font-size:.875rem}.activity-description{color:#4b5563;font-size:.8125rem;margin-top:.25rem!important}.settings-section{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:2rem}.settings-section:last-child{border-bottom:none}.setting-item{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.setting-item label{color:#374151;font-size:.875rem;font-weight:600}.form-select{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.625rem;font-size:.9375rem;transition:all .2s}.form-select:focus{border-color:var(--theme-primary);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.form-select:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.setting-hint{color:#6b7280;margin:.5rem 0 0;font-size:.8125rem;font-style:italic}.danger-section{flex-direction:column;gap:1rem;display:flex}.danger-item{background:#fef2f2;border:2px solid #fee2e2;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex}.danger-item h4{color:#991b1b;margin:0 0 .5rem}.danger-item p{color:#6b7280;margin:0;font-size:.875rem}.btn-primary,.btn-secondary,.btn-danger{cursor:pointer;border:none;border-radius:6px;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-danger:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.loading-spinner{color:#6b7280;justify-content:center;align-items:center;padding:3rem;font-size:.9375rem;display:flex}@media (width<=768px){.slideout-panel{width:100vw;max-width:100vw}.slideout-panel .info-item{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.625rem 1rem}.slideout-panel .info-item label{text-transform:uppercase;letter-spacing:.025em;flex:none;padding-right:0;font-size:.75rem}.slideout-panel .info-item>div,.slideout-panel .info-item input,.slideout-panel .info-item select{width:100%}.slideout-tabs{overflow-x:auto}.slideout-tab{min-width:70px;padding:.75rem .5rem}.tab-icon{font-size:1rem}.tab-label{font-size:.7rem}.danger-item{flex-direction:column;align-items:flex-start}.danger-item button{width:100%}}.section-description{color:var(--color-text-secondary,#6b7280);margin:-.5rem 0 1.5rem;font-size:.875rem;line-height:1.5}.platform-info{flex:1}.sync-status{align-items:center;gap:.375rem;margin-top:.25rem;font-size:.8125rem;font-weight:500;display:inline-flex}.sync-status.connected{color:#059669}.sync-status.not-connected{color:#6b7280}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.sync-status.connected .status-dot{background-color:#10b981;animation:2s infinite pulse}.sync-status.not-connected .status-dot{background-color:#9ca3af}.sync-info{background:#f9fafb;border-radius:6px;margin-bottom:1rem;padding:.75rem}.info-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.info-row:last-child{margin-bottom:0}.info-row label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.info-row span,.info-row code{color:#1f2937;font-size:.875rem}.info-row code{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:.125rem .375rem;font-family:Courier New,monospace}.platform-actions{flex-wrap:wrap;gap:.75rem;display:flex}.platform-actions .help-text{color:#6b7280;width:100%;margin:0 0 .75rem;font-size:.875rem}.sync-notice{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.notice-icon{flex-shrink:0;font-size:1.25rem}.sync-notice strong{color:#1f2937;margin-bottom:.25rem;display:block}.sync-notice p{color:#6b7280;margin:0;font-size:.875rem}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;padding:2rem;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content h2{color:#1f2937;margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.modal-content p strong{color:#1f2937;font-weight:600}.delete-option{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;gap:1rem;padding:1.25rem;transition:all .2s;display:flex}.delete-option:hover{border-color:var(--theme-primary);background:#f9fafb}.delete-option input[type=radio]{cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:.25rem}.option-content{flex:1}.option-content strong{color:#1f2937;margin-bottom:.5rem;font-size:.9375rem;font-weight:600;display:block}.option-content p{margin:.25rem 0 0;font-size:.875rem;line-height:1.5}.warning-text{font-weight:500;color:#dc2626!important}.success-text{font-weight:500;color:#059669!important}.warning-box{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:1rem;padding:1rem}.warning-box p{color:#991b1b;margin:0;font-size:.875rem;line-height:1.5}.modal-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:16px;display:flex}.modal-actions button{min-width:100px}.connections-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.connection-card{transition:all .2s}.connection-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.connection-card.google .platform-icon{background-color:#4285f4}.connection-card.microsoft .platform-icon{background-color:#00a4ef}.email-section{background:var(--color-bg-card,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:8px;margin-bottom:1rem;padding:1.25rem}.email-section .section-header h4{color:var(--color-text-primary,#1f2937);align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1rem;font-weight:600;display:flex}.email-section .section-hint{color:var(--color-text-secondary,#6b7280);margin:0 0 1rem;font-size:.8125rem}.email-section .empty-message{color:var(--color-text-tertiary,#9ca3af);margin:.5rem 0;font-size:.875rem;font-style:italic}.delegate-list{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.delegate-item{background:var(--color-bg-hover,#f9fafb);border-radius:6px;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.delegate-info{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.delegate-info svg{color:var(--theme-primary,#8b5cf6);flex-shrink:0}.delegate-info span{color:var(--color-text-primary,#1f2937);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.delegate-status{background:var(--color-warning-light,#f59e0b1a);color:var(--color-warning,#f59e0b);text-transform:capitalize;border-radius:4px;flex-shrink:0;padding:.125rem .375rem;font-size:.6875rem}.btn-icon-danger{width:28px;height:28px;color:var(--color-text-tertiary,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.btn-icon-danger:hover:not(:disabled){background:var(--color-error-light,#ef44441a);color:var(--color-error,#ef4444)}.btn-icon-danger:disabled{opacity:.5;cursor:not-allowed}.add-delegate-form{gap:.5rem;display:flex}.add-delegate-form input{border:1px solid var(--input-border,#d1d5db);background:var(--input-bg,white);color:var(--input-text,#1f2937);border-radius:6px;flex:1;padding:.5rem .75rem;font-size:.875rem}.add-delegate-form input:focus{border-color:var(--theme-primary,#8b5cf6);box-shadow:0 0 0 2px var(--theme-primary-light,#8b5cf61a);outline:none}.add-delegate-form button{white-space:nowrap;align-items:center;gap:.375rem;padding:.5rem .875rem;display:flex}.forwarding-active{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.forwarding-info{flex:1;gap:.75rem;display:flex}.forwarding-info .success-icon{color:var(--color-success,#10b981);flex-shrink:0;margin-top:2px}.forwarding-info strong{color:var(--color-text-primary,#1f2937);margin-bottom:.25rem;display:block}.forwarding-info p{color:var(--color-text-secondary,#6b7280);margin:0;font-size:.875rem}.forwarding-disposition{font-size:.8125rem;color:var(--color-text-tertiary,#9ca3af)!important;margin-top:.25rem!important}.forwarding-disabled{justify-content:space-between;align-items:center;gap:1rem;display:flex}.forwarding-disabled button{align-items:center;gap:.375rem;display:flex}.btn-danger-text{color:var(--color-error,#ef4444)!important}.btn-danger-text:hover:not(:disabled){background:var(--color-error-light,#ef44441a)!important}.info-message{background:var(--color-info-light,#3b82f61a);color:var(--color-info,#3b82f6);border:1px solid #3b82f633;border-radius:8px;align-items:flex-start;gap:.75rem;padding:1rem;font-size:.875rem;display:flex}.info-message svg{flex-shrink:0;margin-top:2px}.user-table-container{flex-direction:column;height:100%;display:flex}.user-table-error{color:#991b1b;background:#fee2e2;border-radius:8px;justify-content:center;align-items:center;margin:16px;padding:40px;display:flex}.bulk-action-bar{background:linear-gradient(135deg, var(--theme-primary,#8b5cf6) 0%, var(--theme-primary-end,#7c3aed) 100%);color:#fff;justify-content:space-between;align-items:center;padding:10px 16px;animation:.2s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-action-left{align-items:center;gap:12px;display:flex}.bulk-count{font-size:14px;font-weight:600}.btn-clear-selection{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:4px;padding:4px 12px;font-size:13px;transition:all .2s}.btn-clear-selection:hover{background:#ffffff4d}.bulk-action-right{gap:8px;display:flex}.btn-bulk-action{cursor:pointer;color:#fff;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-bulk-action:hover{background:#fff3}.btn-bulk-action.btn-danger:hover{background:#ef44444d}.name-primary{color:#111827;font-weight:500}.email-cell{color:#6b7280}.login-recent{color:#059669;font-weight:600}.login-active{color:#047857}.login-inactive{color:#6b7280}.login-warning{color:#d97706}.login-never{color:#9ca3af;font-style:italic}.action-cell{position:relative}.btn-ellipsis{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:8px;display:flex}.btn-ellipsis:hover{color:#374151;background:#f3f4f6}.action-menu{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:200px;padding:8px;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000001a}.action-menu button{text-align:left;cursor:pointer;color:#374151;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:14px;display:flex}.action-menu button:hover{background:#f3f4f6}.menu-item-danger{color:#dc2626!important}.menu-item-danger:hover{background:#fef2f2!important}.menu-item-warning{color:#d97706!important}.menu-item-warning:hover{background:#fffbeb!important}.menu-divider{background:#e5e7eb;height:1px;margin:4px 0}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;padding:2rem;overflow-y:auto}.modal-content h2{color:#111827;margin:0 0 1rem;font-size:1.25rem}.modal-content p{color:#4b5563;margin:.5rem 0}.delete-options{flex-direction:column;gap:12px;margin:1rem 0;display:flex}.delete-option{cursor:pointer;border:2px solid #e5e7eb;border-radius:8px;gap:12px;padding:12px;transition:all .2s;display:flex}.delete-option:hover{border-color:#d1d5db}.delete-option.selected{border-color:var(--theme-primary,#8b5cf6);background:#f5f3ff}.delete-option input[type=radio]{margin-top:4px}.option-content strong{color:#111827;margin-bottom:4px;display:block}.option-content p{margin:0;font-size:13px}.warning-text{color:#dc2626!important}.success-text{color:#059669!important}.modal-buttons{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:1.5rem;padding-top:1rem;display:flex}.modal-buttons button{cursor:pointer;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-danger{color:#fff;background:#dc2626;border:none}.purpose-badge{color:#6d28d9;white-space:nowrap;vertical-align:middle;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:11px;font-weight:500;line-height:16px;display:inline-block}.quick-add-overlay{z-index:1000;background:#00000080;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.quick-add-panel{background:#fff;flex-direction:column;width:600px;max-width:100%;height:100%;animation:.3s ease-out slideIn;display:flex;box-shadow:-4px 0 20px #00000026}.quick-add-header{background:linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-end) 100%);color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:2rem;display:flex}.header-title{align-items:center;gap:1rem;display:flex}.header-title h2{margin:0;font-size:1.5rem;font-weight:600}.close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.close-btn:hover{background:#ffffff4d}.quick-add-content{flex:1;padding:2rem;overflow-y:auto}.result-message{border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-weight:500;display:flex}.result-message.success{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7}.result-message.error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.form-section h3{color:#1f2937;border-bottom:2px solid var(--theme-primary);margin:0 0 1.5rem;padding-bottom:.75rem;font-size:1.125rem;font-weight:600}.form-row{margin-bottom:1.5rem}.form-row.two-col{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.quick-add-panel .form-group label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.quick-add-panel .form-group label .required{color:#ef4444}.quick-add-panel .form-group input,.quick-add-panel .form-group select{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.625rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.quick-add-panel .form-group input:focus,.quick-add-panel .form-group select:focus{border-color:var(--theme-primary);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.quick-add-panel .form-group input.error,.quick-add-panel .form-group select.error{border-color:#ef4444}.quick-add-panel .form-group input.error:focus{box-shadow:0 0 0 3px #ef44441a}.error-text{color:#ef4444;font-size:.75rem}.input-wrapper{position:relative}.input-wrapper .input-icon{color:#9ca3af;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-wrapper input{box-sizing:border-box;width:100%;padding-left:38px}.provider-options{flex-direction:column;gap:1rem;display:flex}.provider-checkbox{cursor:pointer;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:1rem;padding:1.25rem;transition:all .2s;display:flex}.provider-checkbox:hover{border-color:var(--theme-primary);box-shadow:0 2px 8px #8b5cf61a}.provider-checkbox input{width:18px;height:18px;accent-color:var(--theme-primary)}.provider-checkbox input:checked+.provider-icon{opacity:1}.provider-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:flex}.provider-icon.google{background:#4285f4}.provider-icon.microsoft{background:#00a4ef}.password-options{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.radio-option{cursor:pointer;color:#374151;align-items:center;gap:.75rem;font-size:.9375rem;display:flex}.radio-option input{width:16px;height:16px;accent-color:var(--theme-primary)}.advanced-toggle{color:var(--theme-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.875rem;font-weight:500;display:flex}.advanced-toggle:hover{color:var(--theme-primary-end)}.advanced-fields{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.quick-add-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:1rem;padding:1rem 2rem;display:flex}.quick-add-footer .btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;transition:all .2s}.quick-add-footer .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.quick-add-footer .btn-primary{background:linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-end) 100%);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.quick-add-footer .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.quick-add-footer .btn-primary:disabled{opacity:.6;cursor:not-allowed}.linked-accounts{flex-direction:column;gap:.75rem;display:flex}.linked-account-option{cursor:pointer;color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;transition:all .2s;display:flex}.linked-account-option:hover{border-color:var(--theme-primary);background:#f3f0ff}.linked-account-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--theme-primary);margin:0}.linked-account-option .provider-favicon{-o-object-fit:contain;object-fit:contain;width:20px;height:20px}.linked-account-option span{flex:1}@media (width<=768px){.quick-add-panel{width:100vw;max-width:100vw}.form-row.two-col{grid-template-columns:1fr;gap:1rem}.quick-add-header,.quick-add-content{padding:1.5rem}.quick-add-footer{padding:1rem 1.5rem}}.filter-panel{z-index:200;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:320px;max-height:500px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 10px 40px #00000026,0 2px 10px #0000000d}.filter-panel-header{z-index:1;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.filter-panel-header h3{color:#1f2937;margin:0;font-size:15px;font-weight:600}.filter-panel-actions{align-items:center;gap:8px;display:flex}.btn-clear-filters{color:var(--theme-primary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500;transition:background .15s}.btn-clear-filters:hover{background:#8b5cf614}.btn-close-panel{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.btn-close-panel:hover{color:#374151;background:#f3f4f6}.filter-panel-content{padding:12px 0}.filter-section{border-bottom:1px solid #f3f4f6;padding:12px 20px}.filter-section:last-child{border-bottom:none}.filter-section h4{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin:0 0 12px;font-size:12px;font-weight:600;display:flex}.filter-section h4 svg{color:#9ca3af}.filter-options{flex-direction:column;gap:6px;display:flex}.filter-option{cursor:pointer;color:#374151;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;transition:all .15s;display:flex;position:relative}.filter-option input[type=radio]{display:none}.filter-option:hover{background:#f9fafb}.filter-option.selected{color:var(--theme-primary);background:#8b5cf614;font-weight:500}.filter-option .check-icon{color:var(--theme-primary);margin-left:auto}.filter-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:8px 12px;font-size:13px;transition:all .15s}.btn-clear-section{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:4px;align-self:flex-start;margin-top:8px;padding:6px 10px;font-size:12px;transition:all .15s}.btn-clear-section:hover{background:#f9fafb;border-color:#d1d5db}.date-range-inputs{gap:8px;margin-top:8px;display:flex}.date-range-inputs input{color:#374151;border:1px solid #e5e7eb;border-radius:6px;flex:1;padding:8px 10px;font-size:13px}.date-range-inputs input:focus{border-color:var(--theme-primary);outline:none}.users-page{background:#fff;flex-direction:column;min-height:100vh;padding:0;display:flex}.page-title{border-bottom:1px solid #e5e7eb;padding:20px 24px 12px}.page-title h1{color:#1a1a1a;letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600}.users-stats-inline{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:12px 24px;display:flex}.stat-item{align-items:baseline;gap:4px;display:flex}.stat-item .stat-value{color:#1a1a1a;font-size:16px;font-weight:600}.stat-item .stat-label{color:#6b7280;font-size:12px;font-weight:500}.stat-item .stat-value.stat-active{color:#059669}.stat-item .stat-value.stat-pending{color:#d97706}.stat-item .stat-value.stat-suspended{color:#dc2626}.stat-item .stat-value.stat-deleted{color:#9ca3af}.stat-divider{color:#d1d5db;font-size:14px;font-weight:300}.type-tabs{border-bottom:1px solid #e5e7eb;align-items:center;gap:2px;padding:0 24px;display:flex}.type-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-1px;padding:14px 20px;font-size:14px;font-weight:500;transition:all .15s}.type-tab:hover{color:#374151;background:#8b5cf60d}.type-tab.active{color:var(--theme-primary);border-bottom-color:var(--theme-primary);background:#8b5cf614;font-weight:600}.btn-settings{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:8px;transition:all .15s}.btn-settings:hover{color:#6b7280;background:#f3f4f6}.status-tabs{background:#fff;border-bottom:1px solid #e5e7eb;gap:8px;padding:16px 24px;display:flex}.status-tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.status-tab:hover{color:#374151;background:#f9fafb;border-color:#d1d5db}.status-tab.active{border-color:var(--theme-primary);color:var(--theme-primary);background:#f5f3ff}.actions-bar{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:12px 24px;display:flex}.add-user-dropdown{position:relative}.btn-add-user-primary{background:var(--theme-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:13px;font-weight:500;transition:background .2s;display:inline-flex}.btn-add-user-primary:hover{background:var(--theme-primary-hover)}.dropdown-chevron{transition:transform .2s}.dropdown-chevron.open{transform:rotate(180deg)}.add-dropdown-menu{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:260px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 10px 40px #0000001a,0 2px 10px #0000000d}.add-dropdown-menu .dropdown-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:background .15s;display:flex;position:relative}.add-dropdown-menu .dropdown-item svg{color:#9ca3af;position:absolute;top:14px;right:16px}.add-dropdown-menu .dropdown-item:hover{background:#f9fafb}.add-dropdown-menu .dropdown-item.highlight{background:#f5f3ff}.add-dropdown-menu .dropdown-item.highlight:hover{background:#ede9fe}.add-dropdown-menu .dropdown-item-desc{color:#6b7280;max-width:200px;font-size:12px;font-weight:400}.actions-right{align-items:center;gap:8px;margin-left:auto;display:flex}.search-box{align-items:center;display:flex;position:relative}.search-icon{color:#9ca3af;pointer-events:none;width:16px;height:16px;position:absolute;left:10px}.search-input{color:#374151;background:#fafbfc;border:1px solid #e5e7eb;border-radius:6px;outline:none;width:200px;height:32px;padding:0 10px 0 32px;font-size:13px;transition:all .15s}.search-input:focus{border-color:var(--theme-primary);background:#fff;box-shadow:0 0 0 2px #8b5cf61a}.btn-icon{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:inline-flex}.btn-icon:hover{color:#374151;background:#f9fafb;border-color:#d1d5db}.btn-icon.active{border-color:var(--theme-primary);color:var(--theme-primary);background:#8b5cf614}.btn-secondary{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:5px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.btn-secondary svg{width:12px;height:12px}.btn-filter-pill{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-filter-pill:hover{color:#374151;background:#f9fafb;border-color:#d1d5db}.btn-filter-pill svg{width:14px;height:14px}.btn-filter-pill:disabled{opacity:.6;cursor:not-allowed}.btn-filter-pill.active{border-color:var(--theme-primary);color:var(--theme-primary);background:#8b5cf614}.dropdown-wrapper{position:relative}.filter-dropdown-menu{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:180px;padding:6px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 10px 40px #0000001a,0 2px 10px #0000000d}.filter-dropdown-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.filter-dropdown-item:hover{background:#f9fafb}.filter-dropdown-item.selected{color:var(--theme-primary);background:#8b5cf614}.filter-dropdown-item svg{color:#6b7280;flex-shrink:0}.filter-dropdown-item.selected svg,.filter-dropdown-item .check-icon{color:var(--theme-primary);margin-left:auto}.filter-dropdown-item-danger{color:#dc2626}.filter-dropdown-item-danger:hover{background:#fef2f2}.filter-dropdown-item-danger svg{color:#dc2626}.filter-dropdown-divider{background:#e5e7eb;height:1px;margin:6px 0}.rotate-180{transform:rotate(180deg)}.users-content-card{background:#fff;flex-direction:column;flex:1;display:flex;overflow:hidden}@media (width<=1200px){.actions-bar{flex-wrap:wrap}.actions-right{width:100%;margin-top:8px;margin-left:0}.search-box{flex:1}.search-input{width:100%}}@media (width<=768px){.page-title{padding:16px 16px 10px}.type-tabs{padding:0 16px;overflow-x:auto}.status-tabs{padding:12px 16px;overflow-x:auto}.actions-bar{flex-direction:column;align-items:stretch;padding:12px 16px}.btn-add-user-primary{width:100%}.actions-right{flex-wrap:wrap;width:100%}.search-box{order:-1;width:100%;margin-bottom:8px}.search-input{width:100%}}.slideout-overlay{z-index:1000;background:#00000080;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.group-slideout{background:#fff;flex-direction:column;width:600px;max-width:90vw;height:100vh;animation:.3s ease-out slideIn;display:flex;overflow-y:auto;box-shadow:-4px 0 20px #00000026}.slideout-loading,.slideout-error{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;display:flex}.slideout-loading .spinning{animation:1s linear infinite spin}.slideout-error{color:#dc2626}.slideout-header{background:linear-gradient(135deg, var(--theme-primary,#8b5cf6) 0%, var(--theme-primary-end,#7c3aed) 100%);color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:1.5rem 2rem;display:flex}.slideout-group-info{flex:1;align-items:center;gap:1rem;display:flex}.slideout-group-icon{background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.slideout-group-details h2{margin:0;font-size:1.25rem;font-weight:600}.slideout-email{opacity:.9;margin:.25rem 0;font-size:.875rem}.slideout-badges{gap:.5rem;margin-top:.5rem;display:flex}.type-badge{text-transform:capitalize;background:#fff3;border-radius:12px;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-block}.type-badge.type-static{background:#ffffff40}.type-badge.type-dynamic{background:#3b82f64d}.type-badge.type-manual{background:#ffffff40}.member-count-badge{background:#ffffff26;border-radius:12px;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-block}.slideout-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.slideout-close:hover{background:#ffffff4d}.slideout-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;display:flex;overflow-x:auto}.slideout-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:.25rem;min-width:70px;padding:.875rem .5rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.slideout-tab:hover{color:#1f2937;background:#f3f4f6}.slideout-tab.active{color:var(--theme-primary,#8b5cf6);border-bottom-color:var(--theme-primary,#8b5cf6);background:#fff}.tab-icon{opacity:.8}.slideout-tab.active .tab-icon{opacity:1}.tab-label{font-size:.6875rem}.tab-content{animation:.2s ease-out fadeInContent}.tab-content h3{color:#1f2937;border-bottom:2px solid var(--theme-primary,#8b5cf6);margin:0 0 1.5rem;padding-bottom:.75rem;font-size:1rem;font-weight:600}.tab-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.tab-header h3{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.info-item{flex-direction:column;gap:.375rem;display:flex}.info-item.full-width{grid-column:1/-1}.info-item label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600}.info-item>div{color:#1f2937;font-size:.875rem}.text-muted{color:#9ca3af;font-style:italic}.edit-actions{gap:.5rem;display:flex}.edit-input,.edit-textarea{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:all .2s}.edit-input:focus,.edit-textarea:focus{border-color:var(--theme-primary,#8b5cf6);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.edit-textarea{resize:vertical;min-height:80px}.platform-indicator{align-items:center;gap:.5rem;display:flex}.members-list{flex-direction:column;gap:.75rem;display:flex}.member-item{border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.member-item:hover{border-color:var(--theme-primary,#8b5cf6);background:#faf5ff}.member-avatar{background:linear-gradient(135deg, var(--theme-primary,#8b5cf6), var(--theme-primary-end,#7c3aed));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.8125rem;font-weight:600;display:flex}.member-name{color:#1f2937;font-size:.875rem;font-weight:500}.member-email{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.member-type{color:#6b7280;text-transform:capitalize;background:#f3f4f6;border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.empty-state h4{color:#374151;margin:0 0 .5rem}.empty-state p{margin:0;font-size:.875rem}.sync-section{flex-direction:column;gap:1.5rem;display:flex}.sync-platform{border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.sync-platform-header{color:#1f2937;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:500;display:flex}.coming-soon-badge{text-transform:uppercase;color:#92400e;background:#fef3c7;border-radius:4px;margin-left:auto;padding:.25rem .5rem;font-size:.625rem;font-weight:600}.sync-status{font-size:.875rem}.sync-status.disabled{opacity:.6}.sync-status-row{align-items:center;gap:.5rem;padding:.375rem 0;display:flex}.status-label{color:#6b7280;min-width:80px}.status-value{color:#1f2937;align-items:center;gap:.25rem;display:flex}.status-value.connected{color:#059669}.settings-grid{flex-direction:column;gap:1rem;display:flex}.setting-item{border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:flex-start;padding:1rem;display:flex}.setting-header{flex:1}.setting-header label{color:#1f2937;margin-bottom:.25rem;font-weight:500;display:block}.setting-description{color:#6b7280;font-size:.8125rem}.setting-value{border-radius:4px;padding:.25rem .75rem;font-size:.8125rem;font-weight:500}.setting-value.enabled{color:#166534;background:#dcfce7}.setting-value.disabled{color:#6b7280;background:#f3f4f6}.danger-section{border:1px solid #fecaca;border-radius:8px;overflow:hidden}.danger-item{background:#fef2f2;justify-content:space-between;align-items:center;padding:1rem;display:flex}.danger-info h4{color:#991b1b;margin:0 0 .25rem;font-size:.9375rem}.danger-info p{color:#7f1d1d;margin:0;font-size:.8125rem}.danger-info strong{margin-top:.25rem;display:block}.btn-primary,.btn-secondary,.btn-danger{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-icon.danger:hover{color:#dc2626;background:#fee2e2}.modal-overlay{z-index:1100;background:#00000080;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:480px;max-height:80vh;animation:.2s ease-out modalSlideIn;display:flex}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header h3{color:#1f2937;border:none;margin:0;padding:0;font-size:1.125rem}.modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.modal-close:hover{background:#f3f4f6}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.danger-modal .modal-header{background:#fef2f2}.danger-modal .modal-header h3{align-items:center;gap:.5rem;display:flex}.danger-icon{color:#dc2626}.warning-text{color:#dc2626;margin-top:.5rem;font-size:.875rem}.search-input-wrapper{margin-bottom:1rem;position:relative}.search-input-wrapper .search-icon{color:#9ca3af;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input-wrapper input{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.75rem .75rem .75rem 2.5rem;font-size:.875rem}.search-input-wrapper input:focus{border-color:var(--theme-primary,#8b5cf6);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.search-loading,.no-results,.search-hint{text-align:center;color:#6b7280;padding:2rem;font-size:.875rem}.user-search-results{flex-direction:column;gap:.5rem;max-height:300px;display:flex;overflow-y:auto}.user-result-item{border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.user-result-item:hover{border-color:var(--theme-primary,#8b5cf6);background:#faf5ff}.user-result-avatar{background:linear-gradient(135deg, var(--theme-primary,#8b5cf6), var(--theme-primary-end,#7c3aed));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:600;display:flex}.user-result-info{flex:1;min-width:0}.user-result-name{color:#1f2937;font-size:.875rem;font-weight:500}.user-result-email{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.rule-logic-section{background:#f9fafb;border-radius:8px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.rule-logic-section>label{color:#374151;font-weight:500}.rule-logic-options{gap:1rem;display:flex}.radio-option{cursor:pointer;color:#6b7280;border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;transition:all .2s;display:flex}.radio-option:hover{background:#e5e7eb}.radio-option.selected{background:var(--theme-primary,#8b5cf6);color:#fff}.radio-option input[type=radio]{display:none}.rules-section{margin-bottom:1.5rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.section-header h4{color:#374151;margin:0;font-size:.875rem;font-weight:600}.rules-loading,.rules-empty{text-align:center;color:#6b7280;background:#f9fafb;border-radius:8px;padding:1.5rem;font-size:.875rem}.rules-list{flex-direction:column;gap:.5rem;display:flex}.rule-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.rule-item:hover{border-color:var(--theme-primary,#8b5cf6);background:#faf5ff}.rule-number{background:var(--theme-primary,#8b5cf6);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:flex}.rule-content{flex-wrap:wrap;flex:1;align-items:center;gap:.375rem;font-size:.875rem;display:flex}.rule-field{color:#1f2937;font-weight:500}.rule-operator{color:#6b7280;font-size:.8125rem}.rule-value{color:var(--theme-primary,#8b5cf6);font-weight:500}.add-rule-section{border:2px dashed #d1d5db;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.add-rule-section h4{color:#374151;margin:0 0 .75rem;font-size:.875rem;font-weight:600}.add-rule-form{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.rule-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:120px;padding:.5rem .75rem;font-size:.875rem}.rule-select:focus{border-color:var(--theme-primary,#8b5cf6);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.rule-input{border:1px solid #d1d5db;border-radius:6px;flex:1;min-width:150px;padding:.5rem .75rem;font-size:.875rem}.rule-input:focus{border-color:var(--theme-primary,#8b5cf6);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.rule-tree-select-wrapper{flex:1;min-width:200px}.rule-tree-select-wrapper .helios-tree-select-dropdown{min-width:280px}.rules-actions{gap:.75rem;margin-bottom:1.5rem;display:flex}.preview-results{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:1rem}.preview-results h4{color:#166534;margin:0 0 .75rem;font-size:.9375rem;font-weight:600}.preview-users{flex-direction:column;gap:.375rem;display:flex}.preview-user{background:#fff;border-radius:4px;align-items:center;gap:.75rem;padding:.5rem;font-size:.8125rem;display:flex}.preview-user-name{color:#1f2937;font-weight:500}.preview-user-email{color:#6b7280;flex:1}.preview-user-dept{color:#9ca3af;background:#f3f4f6;border-radius:4px;padding:.125rem .5rem;font-size:.75rem}.preview-more{text-align:center;color:#6b7280;padding:.5rem;font-size:.8125rem;font-style:italic}@media (width<=640px){.group-slideout{width:100%;max-width:100%}.slideout-header,.slideout-content{padding:1rem 1.5rem}.info-grid{grid-template-columns:1fr}.setting-item{flex-direction:column;gap:.75rem}.danger-item{flex-direction:column;align-items:flex-start;gap:.75rem}.add-rule-form{flex-direction:column}.rule-select,.rule-input{width:100%}.rule-logic-section{flex-direction:column;align-items:flex-start}}.page-container{background:#f8f9fa;min-height:100vh;padding:20px}.page-header p{color:#666;margin:0;font-size:16px}.page-controls{background:#fff;border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:16px;display:flex;box-shadow:0 1px 3px #0000001a}.search-box{flex:1;max-width:400px;position:relative}.search-icon{opacity:.5;font-size:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{border:1px solid #e5e7eb;border-radius:6px;width:100%;height:32px;padding:0 12px 0 36px;font-size:13px}.filter-select{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;height:32px;padding:0 12px;font-size:13px}.data-grid{background:#fff;border-radius:8px;overflow:auto hidden;box-shadow:0 1px 3px #0000001a}.grid-header{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#fafbfc;border-bottom:1px solid #e5e7eb;grid-template-columns:2fr 1fr 100px 100px 1.5fr 120px;align-items:center;gap:16px;min-width:820px;height:40px;padding:0 16px;font-size:11px;font-weight:600;display:grid}.grid-body{min-width:820px;max-height:600px;overflow:hidden auto}.grid-row{border-bottom:1px solid #f5f5f5;grid-template-columns:2fr 1fr 100px 100px 1.5fr 120px;align-items:center;gap:16px;min-width:820px;height:48px;min-height:48px;max-height:48px;padding:0 16px;transition:background .1s;display:grid}.grid-row:hover{background:#f9fafb}.col-wide{flex:2;min-width:0;overflow:hidden}.col-medium{flex:1.5;min-width:0;overflow:hidden}.col-small{flex:1;min-width:0;overflow:hidden}.item-info{align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.item-info>div:not(.item-icon){flex:1;min-width:0;overflow:hidden}.item-icon{background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.item-name{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-weight:500;overflow:hidden}.item-description{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.member-count,.email-text{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.platform-badge{color:#fff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:inline-flex}.type-badge{color:#666;background:#f0f0f0;border-radius:12px;padding:4px 10px;font-size:12px;display:inline-block}.action-buttons{gap:8px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{color:#fff;background:#1976d2}.btn-primary:hover{background:#1565c0;box-shadow:0 2px 4px #0000001a}.btn-secondary{color:#333;background:#f5f5f5}.btn-icon{cursor:pointer;background:#f5f5f5;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.btn-icon.danger:hover{background:#ffebee}.empty-state{text-align:center;padding:80px 20px}.empty-icon{opacity:.5;color:#6b7280;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.empty-state h3{color:#333;margin:0 0 8px;font-size:20px}.org-units-tree{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.tree-header{border-bottom:1px solid #e0e0e0;padding:16px}.tree-controls{gap:8px;display:flex}.tree-content{padding:16px 0}.org-unit-item{position:relative}.org-unit-row{justify-content:space-between;align-items:center;padding:12px 16px;transition:background .2s;display:flex}.org-unit-row:hover{background:#f8f9fa}.org-unit-info{flex:1;align-items:center;gap:12px;display:flex}.expand-button{cursor:pointer;color:#666;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;transition:transform .2s;display:flex}.expand-button:hover{color:#333}.no-expand{width:20px;height:20px;display:inline-block}.unit-icon{background:#e3f2fd;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.unit-name{color:#1a1a1a;margin-bottom:2px;font-weight:500}.unit-path{color:#999;font-family:Monaco,Courier New,monospace;font-size:12px}.org-unit-stats{gap:20px;margin-right:20px;display:flex}.stat-item{color:#666;align-items:center;gap:6px;font-size:13px;display:flex}.stat-icon{opacity:.7;font-size:14px}.org-unit-actions{gap:4px;display:flex}@media (width<=768px){.page-controls{flex-wrap:wrap}.search-box{width:100%;max-width:none}.org-unit-stats{display:none}}.org-chart-tree{background:#fafbfc;border:1px solid #e5e7eb;border-radius:8px;width:100%;height:600px;position:relative;overflow:hidden}.org-chart-tree svg{cursor:move}.org-chart-controls-overlay{gap:8px;display:flex;position:absolute;top:16px;right:16px}.zoom-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;box-shadow:0 1px 2px #0000000d}.zoom-btn:hover{color:#1f2937;background:#f3f4f6;border-color:#d1d5db}.org-chart-hints{gap:8px;display:flex;position:absolute;bottom:16px;left:16px}.org-chart-hint{color:#6b7280;background:#fffffff2;border:1px solid #e5e7eb;border-radius:6px;padding:6px 12px;font-size:11px;box-shadow:0 1px 2px #0000000d}.node.dragging{cursor:grabbing!important}.node.dragging rect{filter:drop-shadow(0 4px 8px #00000026);stroke:var(--theme-primary)!important;stroke-width:2px!important}.node{cursor:grab}.org-chart-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.list-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.department-filter{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:160px;padding:6px 12px;font-size:13px}.list-content{max-height:600px;overflow-y:auto}.level-group{border-bottom:1px solid #e5e7eb}.level-group:last-child{border-bottom:none}.level-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f9fafb;align-items:center;gap:8px;padding:10px 16px;transition:background .15s;display:flex}.level-header:hover{background:#f3f4f6}.collapse-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.level-title{color:#374151;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.level-count{color:#6b7280;background:#e5e7eb;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:500}.level-rows{background:#e5e7eb;grid-template-columns:repeat(2,1fr);gap:1px;display:grid}@media (width<=900px){.level-rows{grid-template-columns:1fr}}.org-list-row{cursor:pointer;background:#fff;align-items:center;gap:12px;min-height:48px;padding:10px 16px;transition:background .15s;display:flex}.org-list-row:hover{background:#f9fafb}.org-list-row.selected{background:#ede9fe}.org-list-row.highlighted{background:#fef3c7}.row-avatar{flex-shrink:0;width:32px;height:32px}.row-avatar img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.row-avatar .avatar-placeholder{color:#9ca3af;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.row-main{flex:1;min-width:0}.row-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;line-height:1.3;overflow:hidden}.row-title{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.3;overflow:hidden}.row-email{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:12px;display:none;overflow:hidden}@media (width>=1100px){.row-email{display:block}}.row-department{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:4px;padding:2px 8px;font-size:11px;display:none}@media (width>=768px){.row-department{display:block}}.row-reports{color:var(--theme-primary,#8b5cf6);white-space:nowrap;cursor:pointer;font-size:12px}.row-reports:hover{text-decoration:underline}.list-content::-webkit-scrollbar{width:8px}.list-content::-webkit-scrollbar-track{background:#f9fafb}.list-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.list-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.org-chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.card-filters{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.department-filter{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:6px 12px;font-size:13px;transition:border-color .2s}.department-filter:hover{border-color:#d1d5db}.department-filter:focus{border-color:var(--theme-primary);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.results-count{color:#6b7280;font-size:13px;font-weight:500}.card-grid{flex-direction:column;gap:24px;display:flex}.level-section{flex-direction:column;gap:12px;display:flex}.level-title{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f3f4f6;margin:0;padding-bottom:8px;font-size:14px;font-weight:600}.cards-row{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.org-card{cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s;position:relative}.org-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 6px #0000000d}.org-card.selected{border-color:var(--theme-primary);background:#ede9fe;box-shadow:0 0 0 3px #8b5cf61a}.org-card.highlighted{background:#fef3c7;border-color:#f59e0b}.card-header{gap:12px;margin-bottom:12px;display:flex}.card-avatar{flex-shrink:0;width:48px;height:48px}.card-avatar img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-placeholder{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.card-info{flex:1;min-width:0}.card-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:600;overflow:hidden}.card-title{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:13px;overflow:hidden}.card-details{flex-direction:column;gap:6px;display:flex}.card-detail{color:#6b7280;align-items:center;gap:6px;font-size:12px;display:flex}.card-detail svg{color:#9ca3af;flex-shrink:0}.card-detail:last-child{color:var(--theme-primary);font-weight:500}.card-badge{background:var(--theme-primary);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:8px;right:8px}.no-results{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.no-results p{margin:0;font-size:14px}@media (width<=640px){.cards-row{grid-template-columns:1fr}}.org-chart-container{background:#fafbfc;flex-direction:column;height:100%;display:flex}.org-chart-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.org-chart-title{align-items:center;gap:12px;display:flex}.org-chart-title h1{color:#1f2937;margin:0;font-size:20px;font-weight:600}.org-chart-title svg{color:var(--theme-primary)}.org-stats{border-left:1px solid #e5e7eb;gap:16px;margin-left:24px;padding-left:24px;display:flex}.org-stats span{color:#6b7280;font-size:12px;font-weight:500}.org-chart-controls{align-items:center;gap:16px;display:flex}.search-box{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;min-width:200px;padding:6px 12px;display:flex}.search-box svg{color:#6b7280;flex-shrink:0}.search-box input{color:#1f2937;background:0 0;border:none;outline:none;flex:1;font-size:13px}.view-modes{background:#f3f4f6;border-radius:6px;gap:4px;padding:4px;display:flex}.view-mode-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px 8px;transition:all .2s;display:flex}.view-mode-btn:hover{color:#4b5563;background:#fff}.view-mode-btn.active{color:var(--theme-primary);background:#fff;box-shadow:0 1px 2px #0000000d}.export-controls{gap:8px;display:flex}.export-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.export-btn:hover{color:#1f2937;background:#f3f4f6;border-color:#d1d5db}.export-btn svg{flex-shrink:0}.tree-controls{background:#f3f4f6;border-radius:8px;gap:4px;padding:4px;display:flex}.tree-control-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.tree-control-btn:hover{color:var(--theme-primary);background:#fff;box-shadow:0 1px 2px #0000000d}.tree-control-btn svg{flex-shrink:0}.org-chart-content{flex:1;padding:24px;overflow:auto}.org-chart-loading,.org-chart-error{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.org-chart-loading .spinner{animation:1s linear infinite spin}.org-chart-error{color:#ef4444}.org-chart-error h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}.org-chart-error p{color:#6b7280;margin:0}.retry-button{background:var(--theme-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s}.retry-button:hover{background:var(--theme-primary-hover)}.org-chart-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:48px 24px;display:flex}.org-chart-empty svg{color:#d1d5db}.org-chart-empty h2{color:#1f2937;margin:0;font-size:20px;font-weight:600}.org-chart-empty .empty-message{color:#6b7280;max-width:400px;margin:0;font-size:14px}.org-chart-empty .empty-hints{text-align:left;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-width:400px;padding:16px 24px}.org-chart-empty .empty-hints p{color:#374151;margin:0 0 8px;font-size:13px;font-weight:500}.org-chart-empty .empty-hints ul{color:#6b7280;margin:0;padding-left:20px;font-size:13px}.org-chart-empty .empty-hints li{margin:4px 0}.orphans-section{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:32px;padding:16px}.orphans-section h3{color:#991b1b;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;display:flex}.orphans-section svg{color:#ef4444}.orphans-list{flex-direction:column;gap:8px;display:flex}.orphan-item{background:#fff;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.orphan-item svg{color:#6b7280;flex-shrink:0}.orphan-email{color:#6b7280;margin-left:auto;font-size:12px}@media (width<=768px){.org-chart-header{padding:12px 16px}.org-stats{display:none}.org-chart-controls{flex-direction:column;align-items:stretch;width:100%}.search-box{width:100%}.view-modes,.export-controls{justify-content:center}}.security-events-page{max-width:1200px;margin:0 auto;padding:24px}.header-content{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.unacknowledged-badge{color:#92400e;white-space:nowrap;background-color:#fef3c7;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.filters-bar{background-color:#f9fafb;border-radius:8px;gap:12px;margin-bottom:24px;padding:16px;display:flex}.filter-select{color:#111827;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:160px;padding:8px 12px;font-size:13px}.filter-select:hover{border-color:var(--theme-primary)}.filter-select:focus{border-color:var(--theme-primary);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.refresh-button{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;align-self:flex-end;margin-left:auto;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.refresh-button:hover:not(:disabled){border-color:var(--theme-primary);color:var(--theme-primary);background-color:#f9fafb}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.events-list{flex-direction:column;gap:12px;display:flex}.event-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .15s}.event-card.unacknowledged{border-left:3px solid #f59e0b}.event-card.acknowledged{opacity:.7}.event-card:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.event-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.event-severity{align-items:center;gap:8px;display:flex}.severity-icon{width:16px;height:16px}.severity-icon.critical{color:#dc2626}.severity-icon.warning{color:#f59e0b}.severity-icon.info{color:#3b82f6}.severity-badge{letter-spacing:.5px;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.severity-badge.critical{color:#991b1b;background-color:#fef2f2}.severity-badge.warning{color:#92400e;background-color:#fef3c7}.severity-badge.info{color:#1e40af;background-color:#eff6ff}.event-time{color:#6b7280;align-items:center;gap:4px;font-size:12px;display:flex}.event-content{margin-bottom:12px}.event-title{color:#111827;margin:0 0 6px;font-size:15px;font-weight:600}.event-description{color:#4b5563;margin:0 0 8px;font-size:13px;line-height:1.5}.event-user{color:#6b7280;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.event-details{margin-top:8px}.event-details details{cursor:pointer}.event-details summary{color:var(--theme-primary);-webkit-user-select:none;user-select:none;font-size:12px;font-weight:500}.event-details pre{color:#374151;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-top:8px;padding:12px;font-size:11px;overflow-x:auto}.event-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.event-source{color:#6b7280;font-size:12px}.acknowledged-info{color:#059669;align-items:center;gap:4px;font-size:12px;display:flex}.acknowledge-button{background-color:var(--theme-primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:background-color .15s}.acknowledge-button:hover:not(:disabled){background-color:var(--theme-primary-hover)}.acknowledge-button:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.security-events-page{padding:16px}.header-content,.filters-bar{flex-direction:column}.filter-select{min-width:100%}.refresh-button{width:100%;margin-left:0}}.email-security-page{max-width:1400px;margin:0 auto;padding:24px}.page-title-section{align-items:center;gap:12px;display:flex}.page-icon{color:var(--theme-primary)}.page-subtitle{color:#6b7280;margin:4px 0 0;font-size:14px}.page-content{flex-direction:column;gap:24px;display:flex}.security-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.security-card.success-card{background:#f0fdf4;border-color:#10b981}.security-card.info-card{background:#fafafa}.card-header{background:#fafafa;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:16px 20px;display:flex}.card-header h2{color:#111827;margin:0;font-size:16px;font-weight:600}.warning-icon{color:#f59e0b}.search-form{padding:24px}.form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.form-row:last-child{margin-bottom:0}.form-group{flex-direction:column;gap:8px;display:flex}.form-group.flex-2{grid-column:span 2}.form-group label{color:#374151;font-size:13px;font-weight:500}.form-select,.form-input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:14px;transition:border-color .2s}.form-select:focus,.form-input:focus{border-color:var(--theme-primary);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.form-textarea{color:#111827;resize:vertical;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-textarea:focus{border-color:var(--theme-primary);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.form-actions{gap:12px;margin-top:20px;display:flex}.btn-primary,.btn-danger,.btn-secondary{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-primary{background:var(--theme-primary);color:#fff}.btn-danger{color:#fff;background:#dc2626}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#374151;background:#fff;border:1px solid #d1d5db}.results-table{padding:0}.results-table table{border-collapse:collapse;width:100%}.results-table thead{background:#fafafa;border-bottom:1px solid #e5e7eb}.results-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;font-size:12px;font-weight:600}.results-table tbody tr{border-bottom:1px solid #f3f4f6;height:48px}.results-table tbody tr:hover{background:#f9fafb}.results-table td{color:#111827;padding:12px 16px;font-size:14px}.results-table td code{color:#6366f1;background:#f3f4f6;border-radius:4px;padding:2px 6px;font-family:Monaco,Courier New,monospace;font-size:12px}.recipients-badge{color:#1e40af;background:#eff6ff;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;font-weight:500;display:inline-flex}.deletion-result{padding:24px}.result-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-item{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.stat-item.success{background:#f0fdf4;border-color:#10b981}.stat-item.error{background:#fef2f2;border-color:#ef4444}.stat-value{color:#111827;margin-bottom:4px;font-size:32px;font-weight:700}.stat-item.success .stat-value{color:#059669}.stat-item.error .stat-value{color:#dc2626}.stat-label{color:#6b7280;font-size:13px;font-weight:500}.affected-users h3{color:#111827;margin:0 0 12px;font-size:15px;font-weight:600}.user-list{flex-wrap:wrap;gap:8px;display:flex}.user-email{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:6px 12px;font-size:13px}.user-email.more{color:#1e40af;background:#eff6ff;font-weight:500}.info-content{padding:24px}.info-content p{color:#4b5563;margin:0 0 16px;font-size:14px;line-height:1.6}.info-content h3{color:#111827;margin:24px 0 12px;font-size:15px;font-weight:600}.info-content h3:first-of-type{margin-top:0}.info-content ul{margin:0;padding-left:24px}.info-content li{color:#4b5563;margin-bottom:8px;font-size:14px;line-height:1.8}.info-content li strong{color:#111827;font-weight:600}.warning-box{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;align-items:flex-start;gap:12px;margin-top:16px;padding:12px;display:flex}.warning-box svg{color:#d97706;flex-shrink:0;margin-top:2px}.warning-box span{color:#78350f;font-size:13px;line-height:1.5}.warning-box strong{font-weight:600}.history-list{padding:24px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-icon{color:#d1d5db;margin-bottom:12px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.confirmation-modal .modal-header{border-bottom:1px solid #e5e7eb;padding:24px 24px 16px}.confirmation-modal .modal-header h2{color:#111827;margin:0;font-size:20px;font-weight:600}.modal-body{padding:24px}.warning-box.large{margin-bottom:24px;padding:16px}.warning-box.large svg{margin-top:0}.warning-box.large p{margin:0 0 8px;font-size:14px}.warning-box.large p:last-child{margin-bottom:0}.deletion-summary{margin-bottom:20px}.deletion-summary p{color:#111827;margin:0 0 8px;font-size:14px;font-weight:600}.deletion-summary ul{margin:0;padding-left:24px}.deletion-summary li{color:#4b5563;margin-bottom:4px;font-size:14px}.deletion-summary li.highlight{color:#dc2626;font-weight:600}.modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@media (width<=768px){.email-security-page{padding:16px}.page-header h1{font-size:24px}.form-row{grid-template-columns:1fr}.form-group.flex-2{grid-column:span 1}.result-stats{grid-template-columns:1fr}.modal-content{margin:16px}}.audit-logs-page{max-width:1600px;margin:0 auto;padding:24px}.header-title-section h1{color:#111827;margin:0 0 4px;font-size:24px;font-weight:600}.export-button{background-color:var(--theme-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background-color .15s;display:flex}.export-button:hover:not(:disabled){background-color:var(--theme-primary-hover)}.export-button:disabled{opacity:.5;cursor:not-allowed}.filters-section{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.search-bar{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:0 12px;display:flex}.search-icon{color:#9ca3af;width:16px;height:16px}.search-input{color:#111827;border:none;outline:none;flex:1;padding:10px 0;font-size:13px}.search-button{background-color:var(--theme-primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:background-color .15s}.search-button:hover{background-color:var(--theme-primary-hover)}.filters-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.filter-group{flex-direction:column;gap:6px;display:flex}.filter-group label{color:#6b7280;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.filter-select,.date-input{color:#111827;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:13px}.filter-select:hover,.date-input:hover{border-color:var(--theme-primary)}.filter-select:focus,.date-input:focus{border-color:var(--theme-primary);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.error-banner{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.loading-state{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.loading-spinner{border:3px solid #e5e7eb;border-top-color:var(--theme-primary);border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:.8s linear infinite spin}.empty-state{color:#6b7280;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.empty-state svg{opacity:.4;margin-bottom:16px}.empty-state h3{color:#111827;margin:0 0 4px;font-size:16px;font-weight:600}.logs-table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden}.logs-table{border-collapse:collapse;width:100%}.logs-table thead{background-color:#f9fafb}.logs-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:11px;font-weight:600}.logs-table tbody tr{border-bottom:1px solid #f3f4f6;height:48px;transition:background-color .15s}.logs-table tbody tr:hover{background-color:#f9fafb}.logs-table tbody tr:last-child{border-bottom:none}.logs-table td{color:#374151;vertical-align:middle;white-space:nowrap;padding:0 16px;font-size:13px}.timestamp-cell{color:#6b7280;font-family:monospace;font-size:12px}.actor-cell .actor-type-badge{margin-right:8px}.actor-name{color:#111827;font-weight:500}.action-badge{letter-spacing:.3px;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.action-create{color:#065f46;background-color:#d1fae5}.action-update{color:#1e40af;background-color:#dbeafe}.action-delete{color:#991b1b;background-color:#fee2e2}.action-auth{color:#3730a3;background-color:#e0e7ff}.action-default{color:#374151;background-color:#f3f4f6}.actor-type-badge{letter-spacing:.3px;text-transform:uppercase;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block}.actor-type-internal{color:#1e40af;background-color:#dbeafe}.actor-type-service{color:#92400e;background-color:#fef3c7}.actor-type-vendor{color:#7c3aed;background-color:#f3e8ff}.result-badge{letter-spacing:.3px;border-radius:10px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.result-success{color:#065f46;background-color:#d1fae5}.result-failure{color:#991b1b;background-color:#fee2e2}.result-denied{color:#92400e;background-color:#fef3c7}.result-cell{white-space:nowrap}.log-row-error{background-color:#fef2f2}.log-row-error:hover{background-color:#fee2e2}.vendor-filters{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.filter-input{color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px;font-size:13px}.filter-input:hover{border-color:var(--theme-primary)}.filter-input:focus{border-color:var(--theme-primary);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.filter-input::placeholder{color:#9ca3af}.resource-cell{min-width:100px}.resource-text{color:#374151;font-size:12px}.ip-cell{color:#6b7280;white-space:nowrap;font-family:monospace;font-size:11px}.pagination{justify-content:center;align-items:center;gap:16px;padding:16px;display:flex}.pagination-button{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.pagination-button:hover:not(:disabled){border-color:var(--theme-primary);color:var(--theme-primary);background-color:#f9fafb}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#6b7280;font-size:13px;font-weight:500}@media (width<=1200px){.logs-table{min-width:650px;font-size:12px}.logs-table th,.logs-table td{padding:0 12px}}@media (width<=768px){.audit-logs-page{padding:16px}.page-header{flex-direction:column;gap:12px}.export-button{justify-content:center;width:100%}.filters-row{grid-template-columns:1fr}.logs-table-container{overflow-x:auto}.logs-table{min-width:600px}}.licenses-page{max-width:1400px;margin:0 auto;padding:24px}.header-content{align-items:flex-start;gap:16px;display:flex}.header-icon{color:var(--color-primary);margin-top:4px}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .15s;display:flex}.spinning{animation:1s linear infinite spin}.license-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.summary-card{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;align-items:center;gap:16px;padding:20px;transition:all .15s;display:flex}.summary-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #8b5cf61a}.summary-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.summary-icon.total{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark))}.summary-icon.google{background:linear-gradient(135deg,#4285f4,#1a73e8)}.summary-icon.microsoft{background:linear-gradient(135deg,#00a4ef,#0078d4)}.summary-content{flex-direction:column;display:flex}.summary-value{color:var(--color-text);font-size:28px;font-weight:700;line-height:1}.summary-label{color:var(--color-text-muted);margin-top:4px;font-size:13px}.filter-tabs{border-bottom:1px solid var(--color-border);gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex}.filter-tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .15s}.filter-tab:hover{color:var(--color-text);background:var(--color-hover)}.filter-tab.active{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary)}.error-banner{background:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error);border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.loading-state{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px;display:flex}.licenses-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.licenses-table{border-collapse:collapse;width:100%}.licenses-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);background:var(--color-hover);border-bottom:1px solid var(--color-border);padding:12px 16px;font-size:12px;font-weight:600}.licenses-table td{border-bottom:1px solid var(--color-border);height:48px;color:var(--color-text);padding:0 16px;font-size:14px}.licenses-table tbody tr{cursor:pointer;transition:background .15s}.licenses-table tbody tr:hover{background:var(--color-hover)}.licenses-table tbody tr.selected{background:var(--color-primary-light)}.licenses-table tbody tr:last-child td{border-bottom:none}.license-name{flex-direction:column;gap:2px;display:flex}.license-name strong{font-weight:500}.license-description{color:var(--color-text-muted);font-size:12px}.provider-badge{border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.provider-badge.google{color:#1a73e8;background:#e8f0fe}.provider-badge.microsoft{color:#0078d4;background:#e6f4ff}.count-cell{font-variant-numeric:tabular-nums;font-weight:500}.usage-bar-container{align-items:center;gap:10px;width:120px;display:flex}.usage-bar{border-radius:4px;height:8px;transition:width .3s}.usage-text{color:var(--color-text-muted);min-width:36px;font-size:12px;font-weight:500}.usage-na{color:var(--color-text-muted);font-size:13px}.row-chevron{color:var(--color-text-muted)}.empty-state{text-align:center;color:var(--color-text-muted);padding:60px 20px!important}.empty-state p{color:var(--color-text);margin:12px 0 4px;font-weight:500}.empty-state span{font-size:13px}.license-slideout{background:var(--color-surface);border-left:1px solid var(--color-border);z-index:1000;flex-direction:column;width:400px;height:100vh;animation:.2s slideIn;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 20px #0000001a}.slideout-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.slideout-header h2{margin:0 0 8px;font-size:18px;font-weight:600}.close-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:6px;padding:8px;transition:all .15s}.close-btn:hover{background:var(--color-hover);color:var(--color-text)}.slideout-content{flex:1;padding:20px;overflow-y:auto}.license-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.stat-item{background:var(--color-hover);border-radius:8px;flex-direction:column;align-items:center;padding:16px;display:flex}.stat-label{color:var(--color-text-muted);margin-bottom:4px;font-size:12px}.users-section h3{color:var(--color-text);align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:600;display:flex}.loading-users,.no-users{color:var(--color-text-muted);background:var(--color-hover);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:13px;display:flex}.users-list{max-height:400px;margin:0;padding:0;list-style:none;overflow-y:auto}.users-list li{color:var(--color-text);border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.users-list li:last-child{border-bottom:none}.users-list li svg{color:var(--color-text-muted)}@media (width<=768px){.licenses-page{padding:16px}.page-header{flex-direction:column;gap:16px}.license-summary{grid-template-columns:1fr}.filter-tabs{flex-wrap:wrap}.license-slideout{width:100%}.licenses-table-container{overflow-x:auto}}.migration-page{max-width:1100px;margin:0 auto;padding:24px}.migration-page .page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.migration-page .page-header h1{color:#111827;margin:0 0 4px;font-size:24px;font-weight:600}.migration-page .page-subtitle{color:#6b7280;max-width:720px;margin:0;font-size:13px}.migration-page .btn-primary,.migration-page .btn-secondary{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.migration-page .btn-primary{color:#fff;background:#8b5cf6}.migration-page .btn-primary:hover:not(:disabled){background:#7c3aed}.migration-page .btn-secondary{color:#374151;background:#fff;border-color:#e5e7eb}.migration-page .btn-secondary:hover:not(:disabled){background:#f9fafb}.migration-page button:disabled{opacity:.5;cursor:not-allowed}.mig-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.mig-row-error{color:#b91c1c}.mig-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.mig-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px}.mig-card-num{color:#111827;font-size:22px;font-weight:600}.mig-card-label{color:#6b7280;margin-top:2px;font-size:12px}.mig-actions{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.mig-provision-result{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:13px}.mig-provision-result ul{margin:8px 0 0;padding-left:18px}.mig-provision-result li{margin:2px 0}.mig-provision-result code{background:#eef2ff;border-radius:4px;padding:1px 6px;font-size:12px}.mig-table-wrap{border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.mig-table{border-collapse:collapse;width:100%;font-size:13px}.mig-table th{text-align:left;color:#6b7280;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 14px;font-weight:500}.mig-table td{vertical-align:top;border-bottom:1px solid #f3f4f6;padding:10px 14px}.mig-table tr:last-child td{border-bottom:none}.mig-email{color:#111827;font-weight:500}.mig-sub{color:#9ca3af;font-size:12px}.mig-data{color:#6b7280}.mig-empty{text-align:center;color:#9ca3af;padding:24px}.mig-type{text-transform:capitalize;border-radius:12px;padding:2px 8px;font-size:11px}.mig-type.mailbox{color:#4338ca;background:#eef2ff}.mig-type.delegated{color:#15803d;background:#f0fdf4}.mig-type.group{color:#a16207;background:#fefce8}.mig-badge{border-radius:12px;padding:2px 8px;font-size:11px}.mig-badge.ready{color:#15803d;background:#f0fdf4}.mig-badge.pending{color:#a16207;background:#fefce8}.mig-badge.unmapped{color:#6b7280;background:#f3f4f6}.mig-loading{text-align:center;color:#9ca3af;padding:40px}.mig-section{margin-top:24px}.mig-section h2{color:#111827;margin:0 0 4px;font-size:15px;font-weight:600}.mig-links{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.mig-link{color:#4338ca;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;text-decoration:none;display:inline-flex}.mig-link:hover{background:#f9fafb}.mig-status-row{color:#374151;gap:16px;margin-top:8px;font-size:13px;display:flex}.mig-status-row span{align-items:center;gap:6px;display:inline-flex}.mig-status-breakdown{color:#6b7280;margin:8px 0 0;padding-left:18px;font-size:13px}.mig-status-breakdown code{background:#eef2ff;border-radius:4px;padding:1px 6px;font-size:12px}.mig-truncated{color:#a16207;align-items:center;gap:6px;margin-top:8px;display:flex}.mig-truncated code{background:#fefce8;border-radius:4px;padding:1px 6px;font-size:12px}.mig-status-table{margin-top:14px}.mig-badge-fail{color:#b91c1c;background:#fef2f2;align-items:center;gap:4px;display:inline-flex}.mig-badge.ready{align-items:center;gap:4px;display:inline-flex}.mig-failures{margin-top:16px}.mig-failures h3{color:#b91c1c;align-items:center;gap:6px;margin:0 0 8px;font-size:13px;font-weight:600;display:flex}.mig-failures-list{margin:0;padding:0;list-style:none}.mig-failures-list li{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:8px;padding:8px 12px;font-size:13px}.mig-fail-path{color:#111827;word-break:break-all}.mig-fail-path code{background:#fff;border:1px solid #fecaca;border-radius:4px;padding:1px 6px;font-size:12px}.mig-fail-reason{color:#b91c1c;margin-top:4px}@keyframes mig-spin{to{transform:rotate(360deg)}}@media (width<=640px){.mig-summary{grid-template-columns:repeat(2,1fr)}}.mig-type-legend{color:var(--gray-600,#4b5563);gap:6px;margin:12px 0 0;font-size:12.5px;display:grid}.mig-type-legend>div{grid-template-columns:minmax(170px,auto) 1fr;align-items:baseline;gap:10px;display:grid}.mig-type-legend dt,.mig-type-legend dd{margin:0}@media (width<=640px){.mig-type-legend>div{grid-template-columns:1fr;gap:2px}}.delegations-page{max-width:1000px;margin:0 auto;padding:24px}.delegations-page .page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.delegations-page .page-header h1{color:#111827;margin:0 0 4px;font-size:24px;font-weight:600}.delegations-page .page-subtitle{color:#6b7280;max-width:720px;margin:0;font-size:13px}.delegations-page .btn-primary,.delegations-page .btn-secondary{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.delegations-page .btn-primary{color:#fff;background:#8b5cf6}.delegations-page .btn-primary:hover:not(:disabled){background:#7c3aed}.delegations-page .btn-secondary{color:#374151;background:#fff;border-color:#e5e7eb}.delegations-page .btn-secondary:hover:not(:disabled){background:#f9fafb}.delegations-page button:disabled{opacity:.5;cursor:not-allowed}.deleg-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.deleg-add{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:14px;display:flex}.deleg-input{border:1px solid #e5e7eb;border-radius:8px;flex:1;min-width:220px;padding:8px 12px;font-size:13px}.deleg-input:focus{border-color:#8b5cf6;outline:none}.deleg-loading,.deleg-empty{text-align:center;color:#9ca3af;justify-content:center;align-items:center;gap:8px;padding:32px;font-size:13px;display:flex}.deleg-count{color:#6b7280;margin-bottom:10px;font-size:12px}.deleg-list{flex-direction:column;gap:10px;display:flex}.deleg-row{border:1px solid #e5e7eb;border-radius:10px;padding:12px 16px}.deleg-mailbox{color:#111827;margin-bottom:8px;font-size:14px;font-weight:600}.deleg-chips{flex-wrap:wrap;gap:8px;display:flex}.deleg-chip{color:#4338ca;background:#eef2ff;border-radius:14px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.deleg-status{text-transform:capitalize;color:#9ca3af;font-size:10px}.deleg-status.ok{color:#15803d}.deleg-remove{cursor:pointer;color:#9ca3af;background:0 0;border:none;align-items:center;padding:0;display:inline-flex}.deleg-remove:hover{color:#b91c1c}@keyframes deleg-spin{to{transform:rotate(360deg)}}@media (width<=640px){.deleg-add{flex-direction:column}.deleg-input{min-width:0}}.media-recorder{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.media-recorder-header h4{color:#111827;margin:0 0 4px;font-size:14px;font-weight:600}.media-recorder-header p{color:#6b7280;margin:0 0 16px;font-size:13px}.media-recorder-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:13px;display:flex}.media-recorder-content{flex-direction:column;align-items:center;gap:16px;display:flex}.waveform-canvas{background:#f3f4f6;border-radius:6px;width:100%;max-width:300px;height:60px}.media-recorder-timer{align-items:center;gap:8px;font-family:SF Mono,Consolas,monospace;font-size:14px;display:flex}.recording-indicator{background:#dc2626;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite pulse}.timer{color:#111827;font-weight:500}.timer-max{color:#9ca3af}.media-recorder-controls{align-items:center;gap:8px;display:flex}.media-recorder-controls button{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-record{color:#fff;background:#8b5cf6;border:none}.btn-record:hover{background:#7c3aed}.btn-stop{color:#fff;background:#dc2626;border:none}.btn-stop:hover{background:#b91c1c}.btn-play,.btn-pause{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.btn-play:hover,.btn-pause:hover{background:#e5e7eb}.btn-delete{color:#6b7280;background:0 0;border:1px solid #e5e7eb;padding:8px}.btn-delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.btn-upload{color:#fff;background:#10b981;border:none}.btn-upload:hover{background:#059669}.uploading-state{color:#6b7280;align-items:center;gap:8px;font-size:13px;display:flex}.uploading-state .spin{animation:1s linear infinite spin}@media (width<=480px){.media-recorder{padding:12px}.media-recorder-controls{flex-wrap:wrap;justify-content:center}.media-recorder-controls button span{display:none}.media-recorder-controls button{padding:10px}.btn-record span,.btn-stop span,.btn-upload span{display:inline}}.asset-picker-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.asset-picker-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:1000px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}.asset-picker-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.asset-picker-header h2{color:#111827;margin:0;font-size:18px;font-weight:600}.asset-picker-toolbar{border-bottom:1px solid #e5e7eb;gap:12px;padding:12px 20px;display:flex}.asset-picker-toolbar .search-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.asset-picker-toolbar .search-box input{color:#374151;background:0 0;border:none;outline:none;flex:1;font-size:14px}.asset-picker-toolbar .search-box svg{color:#9ca3af}.asset-picker-toolbar .btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .15s;display:flex}.asset-picker-toolbar .btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.upload-area{border-bottom:1px solid #e5e7eb;padding:16px 20px}.upload-area input[type=file]{display:none}.upload-zone{cursor:pointer;color:#6b7280;border:2px dashed #e5e7eb;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:24px;transition:all .15s;display:flex}.upload-zone:hover{color:#8b5cf6;background:#f5f3ff;border-color:#8b5cf6}.upload-zone .spin{animation:1s linear infinite spin}.asset-picker-content{flex:1;min-height:0;display:flex;overflow:hidden}.asset-picker-content.no-sidebar .asset-grid-container{flex:1}.folder-sidebar{background:#f9fafb;border-right:1px solid #e5e7eb;width:180px;padding:12px;overflow-y:auto}.folder-item{cursor:pointer;color:#4b5563;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:all .15s;display:flex}.folder-item:hover{background:#e5e7eb}.folder-item.active{color:#fff;background:#8b5cf6}.asset-grid-container{flex:1;padding:16px;overflow-y:auto}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.asset-item{cursor:pointer;background:#f9fafb;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;padding:12px;transition:all .15s;display:flex}.asset-item:hover{background:#f3f4f6}.asset-item.selected{background:#f5f3ff;border-color:#8b5cf6}.asset-thumbnail{-o-object-fit:cover;object-fit:cover;background:#fff;border-radius:6px;width:80px;height:80px}.asset-thumbnail.file-icon{color:#9ca3af;border:1px solid #e5e7eb;justify-content:center;align-items:center;display:flex}.asset-name{color:#374151;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:8px;font-size:12px;font-weight:500;overflow:hidden}.asset-size{color:#9ca3af;font-size:11px}.loading-state,.error-state,.empty-state{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.error-state button,.empty-state button{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:6px;margin-top:8px;padding:8px 16px;font-size:13px}.asset-detail-panel{background:#f9fafb;border-left:1px solid #e5e7eb;width:260px;padding:16px;overflow-y:auto}.asset-detail-panel h3{color:#111827;margin:0 0 12px;font-size:14px;font-weight:600}.detail-preview{-o-object-fit:contain;object-fit:contain;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;max-height:200px;margin-bottom:16px}.detail-info{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.detail-row{flex-direction:column;gap:2px;display:flex}.detail-row .label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.detail-row .value{color:#374151;word-break:break-word;font-size:13px}.url-section{margin-top:12px}.url-section label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;display:block}.url-box{gap:4px;display:flex}.url-box input{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:1;padding:8px;font-size:11px}.url-box .btn-icon{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px;transition:all .15s}.url-box .btn-icon:hover{color:#8b5cf6;background:#f3f4f6}.asset-picker-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.asset-picker-footer .btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 20px;font-size:14px;transition:all .15s}.asset-picker-footer .btn-secondary:hover{background:#f9fafb}.asset-picker-footer .btn-primary{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s}.asset-picker-footer .btn-primary:hover:not(:disabled){background:#7c3aed}.asset-picker-footer .btn-primary:disabled{cursor:not-allowed;background:#c4b5fd}@media (width<=768px){.asset-picker-modal{max-height:90vh}.asset-picker-content{flex-direction:column}.folder-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;flex-direction:row;width:100%;padding:8px;overflow-x:auto}.folder-item{white-space:nowrap}.asset-detail-panel{border-top:1px solid #e5e7eb;border-left:none;width:100%}}.my-profile-page{max-width:800px;margin:0 auto;padding:24px}.loading-state,.error-state{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px;display:flex}.loading-state .spin{animation:1s linear infinite spin}.page-header{margin-bottom:24px}.header-content{justify-content:space-between;align-items:center;display:flex}.page-header h1{color:#111827;margin:0;font-size:24px;font-weight:600}.completeness-badge{align-items:center;gap:8px;display:flex}.completeness-ring{color:#8b5cf6;background:conic-gradient(#8b5cf6 var(--progress), #e5e7eb var(--progress));border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:12px;font-weight:600;display:flex;position:relative}.completeness-ring:before{content:"";background:#fff;border-radius:50%;width:32px;height:32px;position:absolute}.completeness-ring span{z-index:1;position:relative}.completeness-label{color:#6b7280;font-size:12px}.save-bar{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 16px;display:flex}.save-bar span{color:#92400e;font-size:13px}.save-actions{gap:8px;display:flex}.profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:24px;margin-bottom:24px;padding:24px;display:flex}.avatar-section{flex-direction:column;align-items:center;gap:8px;display:flex}.avatar-large{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:96px;height:96px}.avatar-placeholder{color:#9ca3af;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.change-photo{font-size:12px}.profile-info h2{color:#111827;margin:0 0 4px;font-size:20px;font-weight:600}.profile-info .job-title{color:#6b7280;margin:0;font-size:14px}.profile-info .department{color:#9ca3af;margin:4px 0;font-size:13px}.profile-info .email{color:#8b5cf6;margin:8px 0 0;font-size:13px}.profile-tabs{border-bottom:1px solid #e5e7eb;gap:4px;margin-bottom:24px;display:flex}.tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.tab-btn:hover{color:#111827}.tab-btn.active{color:#8b5cf6;border-bottom-color:#8b5cf6}.tab-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.form-section{margin-bottom:32px}.form-section:last-child{margin-bottom:0}.form-section h3{color:#111827;margin:0 0 8px;font-size:16px;font-weight:600}.form-group input,.form-group select,.form-group textarea{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.form-group textarea{resize:vertical;min-height:100px}.funfacts-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.funfact-item{background:#f9fafb;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.funfact-emoji{text-align:center;min-width:28px;font-size:20px}.funfact-content{color:#374151;flex:1;font-size:14px}.funfact-item .btn-icon{opacity:0;transition:opacity .2s}.funfact-item:hover .btn-icon{opacity:1}.add-funfact{gap:8px;display:flex}.add-funfact .emoji-input{text-align:center;width:60px}.add-funfact .content-input{flex:1}.tags-list{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tag{color:#7c3aed;background:#ede9fe;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.tags-list.expertise .tag{color:#1d4ed8;background:#dbeafe}.tag-remove{cursor:pointer;width:16px;height:16px;color:inherit;background:#0000001a;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex}.tag-remove:hover{background:#0003}.add-tag{gap:8px;display:flex}.add-tag input{border:1px solid #d1d5db;border-radius:8px;flex:1;padding:10px 12px;font-size:14px}.add-tag input:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.media-card{border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:24px}.media-placeholder{color:#9ca3af;text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.media-placeholder p{margin:0;font-size:14px}.media-preview{flex-direction:column;gap:12px;display:flex}.media-preview audio,.media-preview video{border-radius:8px;width:100%}.media-preview .duration{color:#6b7280;font-size:12px}.privacy-group{margin-bottom:24px}.privacy-group:last-child{margin-bottom:0}.privacy-group-title{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;margin-bottom:12px;padding-bottom:8px;font-size:13px;font-weight:600}.privacy-settings{flex-direction:column;gap:12px;display:flex}.privacy-row{background:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.privacy-row .field-label{color:#374151;font-size:14px}.privacy-row select{background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:140px;padding:8px 12px;font-size:13px}.btn-secondary:hover{background:#f9fafb}.btn-text{color:#8b5cf6;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:13px}.btn-text:hover{text-decoration:underline}.btn-text.delete{color:#dc2626}@media (width<=640px){.my-profile-page{padding:16px}.profile-card{text-align:center;flex-direction:column}.form-row{grid-template-columns:1fr}.profile-tabs{overflow-x:auto}.save-bar{text-align:center;flex-direction:column;gap:12px}}.person-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s;overflow:hidden}.person-card:hover{border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf626}.person-card-header{justify-content:center;padding:20px 20px 0;display:flex;position:relative}.person-avatar-large-wrapper{position:relative}.person-avatar-large{-o-object-fit:cover;object-fit:cover;border:3px solid #fff;border-radius:50%;width:80px;height:80px;box-shadow:0 2px 8px #0000001a}.person-avatar-large-placeholder{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:24px;font-weight:600;display:flex;box-shadow:0 2px 8px #0000001a}.new-badge-large{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:10px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:600;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.person-media-badges{gap:6px;display:flex;position:absolute;top:16px;right:16px}.media-badge{color:#6b7280;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.media-badge.voice{color:#d97706;background:#fef3c7}.media-badge.video{color:#2563eb;background:#dbeafe}.person-card-body{text-align:center;padding:16px 20px}.person-card-body .person-name{color:#1f2937;margin:0 0 4px;font-size:16px;font-weight:600}.person-card-body .person-title{color:#6b7280;margin:0 0 12px;font-size:13px}.person-meta{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.meta-item{color:#4b5563;background:#f3f4f6;border-radius:4px;padding:3px 8px;font-size:11px}.meta-item.department{color:#7c3aed;background:#ede9fe}.meta-item.location{color:#059669;background:#ecfdf5}.person-card-footer{border-top:1px solid #f3f4f6;justify-content:center;gap:12px;padding:12px 20px;display:flex}.tag-count{color:#6b7280;align-items:center;gap:4px;font-size:12px;display:flex}.tag-count.expertise{color:#d97706}.tag-count.interests{color:#7c3aed}.person-card-list{cursor:pointer;background:#fff;border-bottom:1px solid #f3f4f6;grid-template-columns:1fr 1fr 120px 180px;align-items:center;gap:16px;padding:12px 20px;transition:background .15s;display:grid}.person-card-list:hover{background:#f9fafb}.person-card-list:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.person-card-list:last-child{border-bottom:none;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.person-avatar-wrapper{width:fit-content;position:relative}.person-card-list .person-name-cell{align-items:center;gap:12px;min-width:0;display:flex}.person-card-list .person-avatar-wrapper{flex-shrink:0}.person-card-list .person-info{flex-direction:column;min-width:0;display:flex}.person-card-list .person-info>div{min-width:0}.person-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:40px;height:40px}.person-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.new-badge{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:-2px;right:-2px}.person-card-list .person-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.person-card-list .person-title{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.person-department,.person-location{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.person-media-indicators{align-items:center;gap:8px;display:flex}.media-indicator{color:#6b7280;background:#f3f4f6;border-radius:4px;align-items:center;gap:2px;padding:4px 6px;font-size:11px;display:flex}.media-indicator .count{font-weight:500}.media-indicator.expertise{color:#d97706;background:#fef3c7}.media-indicator.interests{color:#7c3aed;background:#ede9fe}.person-slideout-overlay{z-index:1000;background:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.person-slideout{background:#fff;flex-direction:column;width:440px;max-width:100%;height:100%;animation:.2s ease-out slideIn;display:flex;box-shadow:-4px 0 24px #00000026}.slideout-header{border-bottom:1px solid #f3f4f6;justify-content:flex-end;padding:16px;display:flex}.close-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.close-btn:hover{color:#374151;background:#e5e7eb}.slideout-loading,.slideout-error{color:#6b7280;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.slideout-loading .spinner{color:#8b5cf6;animation:1s linear infinite spin}.slideout-error svg{color:#d1d5db}.profile-header{text-align:center;padding:0 24px 20px}.avatar-section{margin-bottom:16px;display:inline-block;position:relative}.profile-avatar{-o-object-fit:cover;object-fit:cover;border:4px solid #fff;border-radius:50%;width:96px;height:96px;box-shadow:0 4px 12px #0000001a}.profile-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:32px;font-weight:600;display:flex;box-shadow:0 4px 12px #0000001a}.new-joiner-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.profile-info h2{color:#1f2937;margin:0;font-size:22px;font-weight:600;display:inline}.pronouns{color:#9ca3af;margin-left:6px;font-size:14px}.job-title{color:#6b7280;margin:4px 0 0;font-size:14px}.current-status{color:#8b5cf6;margin:8px 0 0;font-size:13px;font-style:italic}.media-buttons{justify-content:center;gap:8px;margin-top:16px;display:flex}.media-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.media-btn:hover{color:#7c3aed;border-color:#8b5cf6}.media-btn.playing{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.media-btn.voice{color:#b45309;background:#fef3c7;border-color:#fbbf24}.media-btn.voice:hover{background:#fde68a}.media-btn.video{color:#1d4ed8;background:#dbeafe;border-color:#3b82f6}.media-btn.video:hover{background:#bfdbfe}.profile-tabs{border-bottom:1px solid #e5e7eb;padding:0 24px;display:flex}.profile-tabs button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 16px;font-size:14px;font-weight:500;transition:all .15s}.profile-tabs button:hover{color:#374151}.profile-tabs button.active{color:#8b5cf6;border-bottom-color:#8b5cf6}.profile-content{flex:1;padding:20px 24px;overflow-y:auto}.info-section{margin-bottom:24px}.info-section h3{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin:0 0 12px;font-size:12px;font-weight:600;display:flex}.info-grid{flex-direction:column;gap:10px;display:flex}.info-item{color:#374151;align-items:center;gap:10px;font-size:14px;display:flex}.info-item svg{color:#9ca3af;flex-shrink:0}.info-item a{color:#8b5cf6;text-decoration:none}.info-item a:hover{text-decoration:underline}.manager-card{cursor:pointer;background:#f9fafb;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .15s;display:flex}.manager-card:hover{background:#f3f4f6}.manager-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.manager-info{flex:1}.manager-name{color:#1f2937;font-size:14px;font-weight:500;display:block}.manager-title{color:#6b7280;font-size:12px;display:block}.manager-card svg{color:#9ca3af}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.expertise-tag{color:#b45309;background:#fef3c7;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .15s;display:inline-flex}.expertise-tag.clickable{cursor:pointer}.expertise-tag.clickable:hover{background:#fde68a;transform:translateY(-1px);box-shadow:0 2px 4px #b4530926}.skill-level{text-transform:capitalize;background:#0000001a;border-radius:8px;padding:2px 6px;font-size:10px}.interest-tag{color:#7c3aed;background:#ede9fe;border-radius:16px;padding:6px 12px;font-size:13px;transition:all .15s;display:inline-block}.interest-tag.clickable{cursor:pointer}.interest-tag.clickable:hover{background:#e9d5ff;transform:translateY(-1px);box-shadow:0 2px 4px #7c3aed26}.bio-section,.fun-facts-section{margin-bottom:24px}.bio-section h3,.fun-facts-section h3{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:12px;font-weight:600}.bio-section p{color:#374151;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.fun-facts-list{margin:0;padding:0;list-style:none}.fun-facts-list li{color:#374151;background:#f9fafb;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:8px;padding:12px;font-size:14px;display:flex}.fact-emoji{font-size:18px}.empty-about{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-about svg{color:#d1d5db;margin-bottom:12px}.empty-about p{margin:0;font-size:14px}@media (width<=480px){.person-slideout{width:100%}}.people-container{background:#f8f9fa;min-height:100vh;padding:24px}.people-header{margin-bottom:24px}.header-content h1{color:#1f2937;align-items:center;gap:12px;margin:0 0 8px;font-size:28px;font-weight:600;display:flex}.header-icon{color:#8b5cf6}.header-content p{color:#6b7280;margin:0;font-size:14px}.new-joiners-section{margin-bottom:32px}.section-header{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.section-header h2{color:#1f2937;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.section-header h2 svg{color:#10b981}.section-subtitle{color:#6b7280;font-size:13px}.new-joiners-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.people-controls{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.search-box{flex:1;min-width:280px;max-width:400px;position:relative}.search-box .search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 36px 10px 38px;font-size:14px;transition:all .2s}.search-box input:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.clear-search{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:4px;padding:4px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.clear-search:hover{color:#6b7280;background:#f3f4f6}.filter-controls{align-items:center;gap:8px;display:flex}.filter-toggle{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:10px 14px;font-size:14px;transition:all .2s;display:flex;position:relative}.filter-toggle:hover{border-color:#d1d5db}.filter-toggle.active{color:#7c3aed;background:#f5f3ff;border-color:#8b5cf6}.filter-badge{background:#8b5cf6;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;right:-4px}.view-toggle{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;overflow:hidden}.view-toggle button{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:10px 12px;transition:all .2s}.view-toggle button:not(:last-child){border-right:1px solid #e5e7eb}.view-toggle button:hover{background:#f9fafb}.view-toggle button.active{color:#fff;background:#8b5cf6}.filter-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:16px;padding:16px;display:flex}.filter-group{flex-direction:column;gap:6px;min-width:160px;display:flex}.filter-group label{color:#6b7280;font-size:12px;font-weight:500}.select-wrapper{position:relative}.select-wrapper select{cursor:pointer;appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:8px 32px 8px 12px;font-size:13px}.select-wrapper select:focus{border-color:#8b5cf6;outline:none}.select-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.clear-filters{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:4px;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.clear-filters:hover{background:#fee2e2}.people-results{min-height:300px}.results-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.results-count{color:#6b7280;font-size:14px}.people-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.people-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.list-header{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-bottom:1px solid #e5e7eb;grid-template-columns:1fr 1fr 120px 180px;gap:16px;padding:12px 20px;font-size:11px;font-weight:600;display:grid}.loading-state,.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.loading-state p,.empty-state h3{color:#374151;margin:16px 0 8px;font-size:16px}.empty-state svg{color:#d1d5db}.spinner{color:#8b5cf6;animation:1s linear infinite spin}.load-more{justify-content:center;margin-top:24px;display:flex}.btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;transition:all .2s;display:inline-flex}.btn-secondary:hover:not(:disabled){color:#7c3aed;border-color:#8b5cf6}@media (width<=768px){.people-container{padding:16px}.people-controls{flex-direction:column;align-items:stretch}.search-box{max-width:none}.filter-controls{justify-content:space-between}.filter-panel{flex-direction:column;align-items:stretch}.filter-group{min-width:auto}.new-joiners-grid,.people-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.list-header,.person-card-list{grid-template-columns:1fr auto}.list-header span:nth-child(2),.list-header span:nth-child(3),.person-department,.person-location{display:none}}.my-team-page{max-width:1200px;margin:0 auto;padding:24px}.my-team-page .page-header{margin-bottom:24px}.my-team-page .page-header h1{color:#1f2937;margin:0 0 4px;font-size:22px;font-weight:600}.my-team-page .page-subtitle{color:#6b7280;margin:0;font-size:14px}.loading-state,.error-state{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.error-state{color:#dc2626}.retry-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s}.retry-btn:hover{background:#7c3aed}.empty-team-state{color:#6b7280;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px 24px;display:flex}.empty-team-state h3{color:#374151;margin:0;font-size:16px;font-weight:600}.empty-team-state p{color:#6b7280;max-width:400px;margin:0;font-size:14px}.team-sections{flex-direction:column;gap:24px;display:flex}.team-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.section-header{background:#fafbfc;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:16px 20px;display:flex}.section-icon{color:#6b7280;background:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.section-icon.manager{color:#7c3aed;background:#ede9fe}.section-icon.peers{color:#2563eb;background:#dbeafe}.section-icon.reports{color:#059669;background:#ecfdf5}.section-header h2{color:#374151;flex:1;margin:0;font-size:15px;font-weight:600}.section-count{color:#6b7280;background:#f3f4f6;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:500}.section-content{padding:16px 20px}.empty-section{text-align:center;color:#9ca3af;padding:24px;font-size:14px}.empty-section p{margin:0}.members-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.team-member-card{cursor:pointer;background:#fafbfc;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;transition:all .15s;display:flex}.team-member-card:hover{background:#fff;border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf61a}.member-avatar-wrapper{flex-shrink:0;position:relative}.member-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:48px;height:48px}.member-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:600;display:flex}.member-role-badge{text-transform:uppercase;color:#fff;background:#8b5cf6;border:2px solid #fff;border-radius:8px;padding:2px 6px;font-size:9px;font-weight:600;position:absolute;bottom:-4px;right:-4px}.member-info{flex:1;min-width:0}.member-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:14px;font-weight:600;overflow:hidden}.member-title{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:12px;overflow:hidden}.member-department{color:#7c3aed;background:#ede9fe;border-radius:4px;padding:2px 8px;font-size:11px;display:inline-block}.member-actions{flex-shrink:0;gap:8px;display:flex}.member-action-btn{color:#6b7280;background:#f3f4f6;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .15s;display:flex}.member-action-btn:hover{color:#fff;background:#8b5cf6}@media (width<=768px){.my-team-page{padding:16px}.members-grid{grid-template-columns:1fr}.team-member-card{padding:12px}.member-avatar,.member-avatar-placeholder{width:40px;height:40px;font-size:14px}}.my-groups-page{max-width:1200px;margin:0 auto;padding:24px}.my-groups-page .page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.my-groups-page .header-content h1{color:#1f2937;margin:0 0 4px;font-size:22px;font-weight:600}.my-groups-page .page-subtitle{color:#6b7280;margin:0;font-size:14px}.header-stats{gap:24px;display:flex}.stat-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:center;padding:8px 16px;display:flex}.stat-value{color:#8b5cf6;font-size:20px;font-weight:700}.stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.search-container{margin-bottom:20px;position:relative}.search-icon{color:#9ca3af;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:12px 12px 12px 42px;font-size:14px;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.search-input::placeholder{color:#9ca3af}.my-groups-page .loading-state,.my-groups-page .error-state{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.my-groups-page .error-state{color:#dc2626}.my-groups-page .retry-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s}.my-groups-page .retry-btn:hover{background:#7c3aed}.empty-groups-state,.empty-search-state{color:#6b7280;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px 24px;display:flex}.empty-groups-state h3,.empty-search-state h3{color:#374151;margin:0;font-size:16px;font-weight:600}.empty-groups-state p,.empty-search-state p{color:#6b7280;max-width:400px;margin:0;font-size:14px}.groups-list{flex-direction:column;gap:12px;display:flex}.group-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;transition:all .15s;display:flex}.group-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf61a}.group-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.group-info{flex:1;min-width:0}.group-header-row{align-items:center;gap:10px;margin-bottom:4px;display:flex}.group-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:600;overflow:hidden}.owner-badge{color:#92400e;text-transform:uppercase;background:#fef3c7;border-radius:10px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.group-description{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;font-size:13px;overflow:hidden}.group-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.group-member-count{color:#6b7280;align-items:center;gap:4px;font-size:12px;display:inline-flex}.group-platform{border-radius:6px;align-items:center;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.group-type{color:#15803d;background:#f0fdf4;border-radius:6px;align-items:center;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.group-type.dynamic{color:#7c3aed;background:#ede9fe}.group-actions{flex-shrink:0;gap:8px;display:flex}.group-action-btn{color:#6b7280;background:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .15s;display:flex}.group-action-btn:hover{color:#fff;background:#8b5cf6}@media (width<=768px){.my-groups-page{padding:16px}.my-groups-page .page-header{flex-direction:column;gap:16px}.header-stats{justify-content:flex-start;width:100%}.group-card{flex-direction:column;align-items:flex-start;padding:16px}.group-avatar{width:40px;height:40px}.group-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;width:100%;margin-top:12px;padding-top:12px}.group-description{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}}.my-groups-page .animate-spin{animation:1s linear infinite spin}.user-settings-page{max-width:1000px;margin:0 auto;padding:24px}.user-settings-page .page-header{align-items:center;gap:16px;margin-bottom:32px;display:flex}.user-settings-page .header-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.user-settings-page .header-text h1{color:#1f2937;margin:0 0 4px;font-size:22px;font-weight:600}.user-settings-page .page-subtitle{color:#6b7280;margin:0;font-size:14px}.user-settings-page .settings-layout{gap:24px;display:flex}.user-settings-page .settings-sidebar{flex-shrink:0;width:220px}.user-settings-page .settings-nav-item{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:12px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.user-settings-page .settings-nav-item:hover{color:#374151;background:#f3f4f6}.user-settings-page .settings-nav-item.active{color:#7c3aed;background:#ede9fe}.user-settings-page .settings-nav-item span{text-align:left;flex:1}.user-settings-page .nav-arrow{opacity:0;transition:opacity .15s}.user-settings-page .settings-nav-item:hover .nav-arrow,.user-settings-page .settings-nav-item.active .nav-arrow{opacity:1}.user-settings-page .settings-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;min-width:0;padding:24px}.settings-section h2{color:#1f2937;margin:0 0 4px;font-size:18px;font-weight:600}.section-description{color:#6b7280;margin:0 0 24px;font-size:14px}.setting-group{border-bottom:1px solid #f3f4f6;margin-bottom:24px;padding-bottom:24px}.setting-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.setting-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.setting-hint{color:#9ca3af;margin:8px 0 0;font-size:13px}.theme-options{gap:12px;display:flex}.theme-option{color:#6b7280;cursor:pointer;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;transition:all .15s;display:flex}.theme-option:hover{background:#fff;border-color:#c4b5fd}.theme-option.selected{color:#7c3aed;background:#ede9fe;border-color:#8b5cf6}.theme-option .check-icon{color:#7c3aed}.toggle-setting{justify-content:space-between;align-items:center;gap:24px;display:flex}.toggle-info{flex:1}.toggle-info .setting-label{margin-bottom:0}.toggle-info .setting-hint{margin-top:4px}.toggle-switch{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#e5e7eb;border-radius:26px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0000001a}.toggle-switch input:checked+.toggle-slider{background-color:#8b5cf6}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.setting-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;max-width:300px;padding:10px 12px;font-size:14px;transition:border-color .15s}.setting-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.security-action{justify-content:space-between;align-items:center;gap:24px;display:flex}.action-info{flex:1}.action-info .setting-label{margin-bottom:0}.action-info .setting-hint{margin-top:4px}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.settings-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;margin-top:32px;padding-top:24px;display:flex}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:420px;box-shadow:0 20px 40px #00000026}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}.modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:all .15s;display:flex}.modal-close:hover{color:#374151;background:#f3f4f6}.modal-content form{padding:24px}.form-group input{border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s}.form-group input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-error{color:#dc2626;background:#fef2f2;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px;font-size:13px;display:flex}.form-success{color:#15803d;background:#f0fdf4;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px;font-size:13px;display:flex}.modal-footer{justify-content:flex-end;gap:12px;padding-top:8px;display:flex}@media (width<=768px){.user-settings-page{padding:16px}.user-settings-page .settings-layout{flex-direction:column}.user-settings-page .settings-sidebar{gap:8px;width:100%;margin-bottom:8px;padding-bottom:8px;display:flex;overflow-x:auto}.user-settings-page .settings-nav-item{white-space:nowrap;padding:10px 14px}.user-settings-page .nav-arrow{display:none}.theme-options{flex-direction:column}.toggle-setting,.security-action{flex-direction:column;align-items:flex-start;gap:12px}.toggle-info,.action-info{width:100%}}.passkey-list{border:1px solid #e5e7eb;border-radius:8px;margin-top:16px;overflow:hidden}.passkey-item{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.passkey-item:last-child{border-bottom:none}.passkey-info{align-items:center;gap:12px;display:flex}.passkey-icon{color:#8b5cf6}.passkey-name{color:#1f2937;font-size:14px;font-weight:500}.passkey-meta{color:#6b7280;margin-top:2px;font-size:12px}.btn-icon{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:8px;transition:all .15s}.btn-icon:hover{background:#f3f4f6}.btn-icon.btn-danger-text{color:#6b7280}.btn-icon.btn-danger-text:hover{color:#dc2626;background:#fef2f2}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.modal-passkey{max-width:420px}.passkey-setup{padding:8px 0}.passkey-intro{text-align:center;padding:16px 0 24px}.passkey-hero-icon{color:#8b5cf6;margin-bottom:12px}.passkey-intro p{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.badge-neutral{color:#6b7280;background:#f3f4f6}.onboarding-templates-page{max-width:1400px;margin:0 auto;padding:24px}@media (width<=768px){.onboarding-templates-page{padding:16px}.page-header{flex-direction:column;gap:16px}.toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.filters{flex-wrap:wrap}.templates-grid{grid-template-columns:1fr}}.offboarding-templates-page{max-width:1400px;margin:0 auto;padding:24px}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.header-content h1{color:#111827;margin:0;font-size:24px;font-weight:600}.header-subtitle{color:#6b7280;margin:4px 0 0;font-size:14px}.btn-primary:hover{background:#7c3aed}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.btn-danger:hover{background:#dc2626}.btn-danger:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.search-box{flex:1;align-items:center;min-width:200px;max-width:400px;display:flex;position:relative}.search-box svg{color:#9ca3af;pointer-events:none;flex-shrink:0;position:absolute;left:10px}.search-box input{background:#fafbfc;border:1px solid #e5e7eb;border-radius:6px;outline:none;width:100%;height:32px;padding:0 12px 0 36px;font-size:13px}.search-box input::placeholder{color:#9ca3af}.search-box input:focus{border-color:var(--theme-primary,#8b5cf6);background:#fff;box-shadow:0 0 0 2px #8b5cf61a}.filters{align-items:center;gap:12px;display:flex}.filter-group{align-items:center;gap:6px;display:flex}.filter-group svg{color:#6b7280}.filter-group select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;height:32px;padding:0 12px;font-size:13px}.empty-state{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.empty-icon{color:#f87171;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;display:flex}.empty-state h2{color:#111827;margin:0 0 8px;font-size:18px;font-weight:600}.empty-state p{color:#6b7280;margin:0 0 24px;font-size:14px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.template-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:box-shadow .2s,border-color .2s}.template-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.template-card.is-default{border-width:2px;border-color:#f87171}.template-card.is-inactive{opacity:.7}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.card-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-title-row h3{color:#111827;margin:0;font-size:16px;font-weight:600}.default-badge{color:#fff;background:#f87171;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.status-badge{border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.status-badge.active{color:#065f46;background:#d1fae5}.status-badge.inactive{color:#6b7280;background:#f3f4f6}.card-description{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.card-details{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.detail-item{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.detail-item svg{color:#9ca3af}.card-actions{border-top:1px solid #f3f4f6;flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.action-btn{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;transition:all .15s;display:inline-flex}.action-btn:hover{background:#f3f4f6;border-color:#d1d5db}.action-btn.danger{color:#ef4444}.action-btn.danger:hover{background:#fef2f2;border-color:#fecaca}.action-btn.toggle{color:#6b7280}.card-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.timestamp{color:#9ca3af;font-size:12px}.chevron{color:#d1d5db}.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:420px;padding:24px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.modal-content h3{color:#111827;margin:0 0 12px;font-size:18px;font-weight:600}.modal-content p{color:#6b7280;margin:0 0 24px;font-size:14px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:12px;display:flex}@media (width<=768px){.offboarding-templates-page{padding:16px}.page-header{flex-direction:column;gap:16px}.toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.filters{flex-wrap:wrap}.templates-grid{grid-template-columns:1fr}}.timeline-editor{padding:0}.timeline-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.timeline-info h3{color:#111827;margin:0 0 4px;font-size:15px;font-weight:600}.timeline-description{color:#6b7280;margin:0;font-size:13px}.btn-add-entry{color:#fff;cursor:pointer;white-space:nowrap;background:#8b5cf6;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.btn-add-entry:hover{background:#7c3aed}.timeline-empty{text-align:center;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.timeline-empty svg{color:#9ca3af;margin-bottom:12px}.timeline-empty p{color:#374151;margin:0 0 4px;font-size:14px;font-weight:500}.timeline-empty span{color:#6b7280;font-size:13px}.timeline-entries{flex-direction:column;gap:12px;display:flex}.timeline-entry{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.entry-header{cursor:pointer;background:#f9fafb;align-items:center;gap:12px;padding:14px 16px;transition:background .15s;display:flex}.entry-header:hover{background:#f3f4f6}.entry-drag{color:#9ca3af;cursor:grab;border-radius:4px;flex-shrink:0;padding:4px;transition:all .15s}.entry-drag:hover{color:#6b7280;background:#e5e7eb}.entry-drag:active{cursor:grabbing}.timeline-entry[style*="opacity: 0.5"]{border-color:#8b5cf6;box-shadow:0 8px 16px #00000026}.entry-trigger-badge{color:#fff;background:#8b5cf6;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.entry-trigger-badge svg{flex-shrink:0}.entry-actions-count{color:#6b7280;flex:1;font-size:13px}.entry-controls{color:#6b7280;align-items:center;gap:8px;display:flex}.btn-icon{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.btn-icon:hover{color:#374151;background:#e5e7eb}.btn-icon.btn-remove:hover{color:#dc2626;background:#fee2e2}.entry-content{border-top:1px solid #e5e7eb;padding:20px}.entry-trigger-config{border-bottom:1px solid #e5e7eb;gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.entry-trigger-config .form-group{flex:1}.offset-input{max-width:140px;flex:0!important}.action-editor{margin-top:0}.action-list-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.action-list-title{color:#374151;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.action-add-buttons{gap:6px;display:flex}.btn-add-action{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;transition:all .15s;display:inline-flex}.btn-add-action:hover{background:#f9fafb;border-color:#9ca3af}.btn-add-action svg{color:#6b7280}.actions-empty{text-align:center;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:6px;padding:24px}.actions-empty p{color:#374151;margin:0 0 4px;font-size:13px}.actions-empty span{color:#6b7280;font-size:12px}.actions-list{flex-direction:column;gap:8px;display:flex}.action-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.action-item.action-type-task{border-left:3px solid #10b981}.action-item.action-type-email{border-left:3px solid #3b82f6}.action-item.action-type-system{border-left:3px solid #f59e0b}.action-item.action-type-training{border-left:3px solid #8b5cf6}.action-item-header{cursor:pointer;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.action-item-header:hover{background:#f3f4f6}.action-icon{color:#6b7280;background:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.action-summary{flex:1;min-width:0}.action-type-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:10px;font-weight:600;display:block}.action-title{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.action-controls{color:#9ca3af;align-items:center;gap:4px;display:flex}.action-item-content{background:#fff;border-top:1px solid #e5e7eb;padding:16px}.action-form{flex-direction:column;gap:16px;display:flex}.action-form .form-group{margin-bottom:0}.action-form .form-group label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.action-form .form-group input[type=text],.action-form .form-group textarea,.action-form .form-group select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.action-form .form-group input:focus,.action-form .form-group textarea:focus,.action-form .form-group select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.action-form .form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.action-form .form-hint{color:#6b7280;margin:4px 0 0;font-size:11px}.checkbox-grid{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.checkbox-grid .checkbox-label{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.checkbox-grid .checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#8b5cf6;width:16px;height:16px}.checkbox-grid .checkbox-label span{color:#374151;font-size:13px}.timeline-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:24px;padding:16px}.timeline-preview h4{color:#374151;text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;font-size:13px;font-weight:600}.preview-track{align-items:flex-start;gap:0;padding:0 12px;display:flex;position:relative}.preview-track:before{content:"";background:#e5e7eb;height:2px;position:absolute;top:6px;left:24px;right:24px}.preview-point{z-index:1;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.preview-dot{background:#8b5cf6;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin-bottom:8px;box-shadow:0 0 0 2px #8b5cf6}.preview-label{color:#374151;text-align:center;word-wrap:break-word;max-width:100px;font-size:11px;font-weight:500}.preview-count{color:#6b7280;margin-top:2px;font-size:10px}@media (width<=640px){.timeline-header{flex-direction:column;gap:12px}.btn-add-entry{justify-content:center;width:100%}.action-add-buttons{flex-wrap:wrap}.action-add-buttons .btn-add-action span{display:none}.action-form .form-row{grid-template-columns:1fr}.entry-trigger-config{flex-direction:column}.offset-input{max-width:none}.preview-track{flex-direction:column;align-items:stretch;gap:16px}.preview-track:before{width:2px;height:auto;top:0;bottom:0;left:6px}.preview-point{flex-direction:row;gap:12px}.preview-dot{margin-bottom:0}.preview-label{text-align:left;max-width:none}}.template-editor{max-width:900px;margin:0 auto;padding:24px}.editor-header{margin-bottom:24px}.back-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;margin-bottom:16px;padding:8px 12px;font-size:14px;transition:color .15s;display:inline-flex}.back-btn:hover{color:#374151;background:#f3f4f6}.editor-header h1{color:#111827;margin:0;font-size:24px;font-weight:600}.loading-state{color:#6b7280;justify-content:center;align-items:center;gap:12px;padding:48px;font-size:14px;display:flex}.error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.error-banner button{color:#991b1b;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:13px;text-decoration:underline}.editor-form{flex-direction:column;gap:16px;display:flex}.form-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.section-header{cursor:pointer;background:#f9fafb;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;transition:background .15s;display:flex}.section-header:hover{background:#f3f4f6}.section-title{color:#111827;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.section-title svg{color:#6b7280}.section-title .badge{color:#fff;background:#8b5cf6;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:500;display:inline-flex}.section-content{border-top:1px solid #e5e7eb;padding:20px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-group input[type=text],.form-group input[type=email],.form-group input[type=number],.form-group textarea,.form-group select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.form-group input::-moz-placeholder{color:#9ca3af}.form-group textarea::-moz-placeholder{color:#9ca3af}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-hint{color:#6b7280;margin:6px 0 0;font-size:12px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.form-row{grid-template-columns:1fr}}.checkbox-group{flex-direction:column;gap:12px;display:flex}.checkbox-label{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#8b5cf6;flex-shrink:0;width:18px;height:18px;margin:0}.checkbox-label span{color:#374151;font-size:14px;line-height:1.4}.services-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:8px;display:grid}.groups-list{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.group-item{background:#f9fafb;border-radius:6px;padding:12px;transition:background .15s}.group-item:hover{background:#f3f4f6}.group-info{flex-direction:column;gap:2px;display:flex}.group-name{color:#111827;font-weight:500}.group-email{color:#6b7280;font-size:12px}.empty-message{text-align:center;color:#6b7280;padding:24px;font-size:14px}.radio-group{flex-direction:column;gap:12px;margin-top:8px;display:flex}.radio-label{cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:flex-start;gap:12px;padding:12px 16px;transition:all .15s;display:flex}.radio-label:hover{background:#f3f4f6;border-color:#d1d5db}.radio-label:has(input:checked){background:#f5f3ff;border-color:#8b5cf6}.radio-label input[type=radio]{cursor:pointer;accent-color:#8b5cf6;flex-shrink:0;width:18px;height:18px;margin:2px 0 0}.radio-content{flex-direction:column;gap:2px;display:flex}.radio-title{color:#111827;font-size:14px;font-weight:500}.radio-description{color:#6b7280;font-size:13px;line-height:1.4}.editor-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.btn-primary:hover:not(:disabled){background:#7c3aed}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.template-editor,.section-content{padding:16px}}.command-bar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a80;justify-content:center;align-items:flex-start;padding-top:15vh;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.command-bar{background:#fff;border-radius:16px;width:100%;max-width:640px;animation:.2s ease-out slideUp;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.command-bar-input-wrapper{border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:16px 20px;display:flex}.command-bar-icon{color:#64748b;flex-shrink:0}.command-bar-icon.spin{animation:1s linear infinite spin}.command-bar-input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:16px}.command-bar-input::placeholder{color:#94a3b8}.command-bar-input:disabled{opacity:.7}.command-bar-clear{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.command-bar-clear:hover{color:#475569;background:#e2e8f0}.command-bar-shortcut{color:#64748b;background:#f1f5f9;border-radius:6px;align-items:center;gap:2px;padding:4px 8px;font-size:12px;display:flex}.command-bar-content{max-height:400px;overflow-y:auto}.command-bar-error{color:#dc2626;background:#fef2f2;padding:12px 20px;font-size:14px}.command-bar-response{padding:16px 20px}.response-header{color:#8b5cf6;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.response-content{color:#374151;white-space:pre-wrap;font-size:14px;line-height:1.6}.command-bar-section{padding:12px 0}.section-title{text-transform:uppercase;letter-spacing:.05em;color:#64748b;align-items:center;gap:6px;padding:0 20px 8px;font-size:11px;font-weight:600;display:flex}.section-items{flex-direction:column;display:flex}.command-bar-item{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 20px;transition:background .1s;display:flex}.command-bar-item:hover{background:#f8fafc}.command-bar-item:focus{background:#f1f5f9;outline:none}.item-icon{color:#64748b;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.command-bar-item:hover .item-icon{color:#8b5cf6;background:#e2e8f0}.item-text{color:#374151;flex:1;font-size:14px}.item-arrow{color:#cbd5e1;transition:transform .15s}.command-bar-item:hover .item-arrow{color:#8b5cf6;transform:translate(2px)}.command-bar-hint{color:#64748b;border-top:1px solid #e2e8f0;padding:12px 20px;font-size:13px}.command-bar-hint kbd{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;padding:2px 6px;font-family:inherit;font-size:12px;display:inline-flex}.command-bar-hint.ai-disabled{color:#854d0e;background:#fefce8;align-items:center;gap:8px;display:flex}.command-bar-hint.ai-disabled a{color:#8b5cf6;text-decoration:underline}.command-bar-footer{color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;padding:12px 20px;font-size:12px;display:flex}.command-bar-footer kbd{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;margin:0 4px;padding:2px 6px;font-family:inherit;font-size:11px;display:inline-flex}.command-bar-content::-webkit-scrollbar{width:6px}.command-bar-content::-webkit-scrollbar-track{background:0 0}.command-bar-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.command-bar-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=640px){.command-bar-backdrop{padding:10vh 16px 0}.command-bar{border-radius:12px;max-width:100%}.command-bar-input-wrapper{padding:14px 16px}.command-bar-shortcut{display:none}}.helios-avatar{flex-direction:column;align-items:center;gap:8px;transition:transform .3s ease-out;display:inline-flex;position:relative}.helios-avatar__svg{transition:filter .3s;display:block}.helios-avatar--small{font-size:10px}.helios-avatar--medium{font-size:12px}.helios-avatar--large{font-size:14px}.helios-avatar__head{transition:all .3s}.helios-avatar__eye{transition:all .15s}.helios-avatar__eyebrow{transition:all .3s}.helios-avatar__mouth{transition:all .2s}.helios-avatar__mouth--speaking{animation:.3s ease-in-out infinite alternate speak}@keyframes speak{0%{d:path("M 40 60 Q 48 65 56 60")}to{d:path("M 40 60 Q 48 70 56 60")}}.helios-avatar__glow-ring{transition:all .3s}.helios-avatar__glow-ring--thinking{animation:1.5s ease-in-out infinite pulse-glow}.helios-avatar__glow-ring--searching{animation:1s ease-in-out infinite search-pulse}.helios-avatar__glow-ring--speaking{animation:.5s ease-in-out infinite alternate speaking-pulse}.helios-avatar__glow-ring--error{animation:.4s ease-in-out infinite alternate error-pulse}@keyframes pulse-glow{0%,to{opacity:.3;r:44}50%{opacity:.6;r:46}}@keyframes search-pulse{0%,to{opacity:.3;stroke-dasharray:0 276}50%{opacity:.7;stroke-dasharray:138 276}}@keyframes speaking-pulse{0%{opacity:.3}to{opacity:.6}}@keyframes error-pulse{0%{opacity:.3;stroke:#f87171}to{opacity:.7;stroke:#ef4444}}.helios-avatar__thinking-dots circle{animation:1.4s ease-in-out infinite thinking-bounce}.helios-avatar__thinking-dots circle:first-child{animation-delay:0s}.helios-avatar__thinking-dots circle:nth-child(2){animation-delay:.2s}.helios-avatar__thinking-dots circle:nth-child(3){animation-delay:.4s}@keyframes thinking-bounce{0%,60%,to{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.helios-avatar__search-accent{transform-origin:50%;animation:1s ease-in-out infinite search-wobble}@keyframes search-wobble{0%,to{transform:translate(68px,14px)rotate(0)}25%{transform:translate(70px,12px)rotate(10deg)}75%{transform:translate(66px,16px)rotate(-10deg)}}.helios-avatar__state-label{white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:1em;font-weight:500;animation:.2s fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.helios-avatar__state-label--thinking{color:#7c3aed;background:#a78bfa26}.helios-avatar__state-label--searching{color:#2563eb;background:#60a5fa26}.helios-avatar__state-label--speaking{color:#7c3aed;background:#8b5cf626}.helios-avatar__state-label--happy{color:#059669;background:#34d39926}.helios-avatar__state-label--concerned{color:#d97706;background:#fbbf2426}.helios-avatar__state-label--error{color:#dc2626;background:#f8717126}.helios-avatar:hover .helios-avatar__head{filter:brightness(1.05)}.helios-avatar--thinking .helios-avatar__svg{filter:drop-shadow(0 0 8px #a78bfa66)}.helios-avatar--searching .helios-avatar__svg{filter:drop-shadow(0 0 8px #60a5fa66)}.helios-avatar--speaking .helios-avatar__svg{filter:drop-shadow(0 0 8px #8b5cf666)}.helios-avatar--happy .helios-avatar__svg{filter:drop-shadow(0 0 8px #34d39966)}.helios-avatar--concerned .helios-avatar__svg{filter:drop-shadow(0 0 8px #fbbf2466)}.helios-avatar--error .helios-avatar__svg{filter:drop-shadow(0 0 8px #f8717166);animation:.5s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.helios-avatar__error-eyes{animation:.3s error-eyes-appear}@keyframes error-eyes-appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.helios-avatar--large{font-size:12px}}@media (prefers-color-scheme:dark){.helios-avatar__state-label--thinking{background:#a78bfa40}.helios-avatar__state-label--searching{background:#60a5fa40}.helios-avatar__state-label--speaking{background:#8b5cf640}.helios-avatar__state-label--happy{background:#34d39940}.helios-avatar__state-label--concerned{background:#fbbf2440}.helios-avatar__state-label--error{background:#f8717140}}.chat-panel-overlay{z-index:9998;pointer-events:none;width:420px;position:fixed;top:0;bottom:0;right:0}.chat-panel-overlay.expanded{width:640px}@media (width<=768px){.chat-panel-overlay,.chat-panel-overlay.expanded{width:100%;left:0}}.chat-panel{pointer-events:auto;background:#fff;flex-direction:column;width:100%;animation:.25s ease-out slideIn;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-4px 0 24px #0000001a}.chat-panel-header{background:#fafbfc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-panel-title{color:#1f2937;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.chat-panel-title svg{color:#8b5cf6}.chat-panel-actions{align-items:center;gap:4px;display:flex}.chat-action-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.chat-action-btn:hover{color:#374151;background:#f3f4f6}.chat-panel-messages{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.chat-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 20px;display:flex}.chat-empty-state .empty-icon{color:#d1d5db;margin-bottom:16px}.chat-empty-state h3{color:#374151;margin:0 0 8px;font-size:16px;font-weight:600}.chat-empty-state p{color:#6b7280;margin:0 0 20px;font-size:14px}.configure-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .15s}.configure-btn:hover{background:#7c3aed}.suggested-prompts{flex-direction:column;gap:8px;width:100%;max-width:280px;display:flex}.suggested-prompts button{color:#374151;text-align:left;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:10px 14px;font-size:13px;transition:all .15s}.suggested-prompts button:hover{background:#e5e7eb;border-color:#d1d5db}.chat-message{gap:12px;max-width:100%;display:flex}.chat-message.user{flex-direction:row-reverse}.message-avatar{color:#6b7280;background:#f3f4f6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.chat-message.assistant .message-avatar{color:#8b5cf6;background:#ede9fe}.chat-message.user .message-avatar{color:#3b82f6;background:#dbeafe}.message-content{flex:1;min-width:0;max-width:calc(100% - 44px)}.message-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.message-role{color:#374151;font-size:13px;font-weight:500}.message-time{color:#9ca3af;font-size:11px}.message-body{color:#374151;word-wrap:break-word;font-size:14px;line-height:1.6}.chat-message.user .message-body{background:#f3f4f6;border-radius:12px 12px 4px;padding:10px 14px}.chat-message.user .message-content{flex-direction:column;align-items:flex-end;display:flex}.chat-message.user .message-header{flex-direction:row-reverse}.code-block{background:#1f2937;border-radius:8px;margin:12px 0;position:relative;overflow:hidden}.code-language{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;background:#374151;padding:6px 12px;font-size:11px;font-weight:500}.code-block pre{margin:0;padding:12px 16px;overflow-x:auto}.code-block code{color:#e5e7eb;font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:13px;line-height:1.5}.code-copy-btn{cursor:pointer;color:#9ca3af;opacity:0;background:#ffffff1a;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex;position:absolute;top:8px;right:8px}.code-block:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{color:#fff;background:#fff3}.message-actions{align-items:center;gap:12px;margin-top:8px;display:flex}.message-action-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;transition:all .15s;display:flex}.message-action-btn:hover{color:#374151;background:#f3f4f6}.token-usage{color:#9ca3af;font-size:11px}.chat-message.loading .message-content{padding:12px 16px}.typing-indicator{align-items:center;gap:4px;display:flex}.typing-indicator span{background:#d1d5db;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{background:#d1d5db;transform:translateY(0)}30%{background:#8b5cf6;transform:translateY(-4px)}}.chat-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin:0 20px;padding:10px 16px;font-size:13px;display:flex}.chat-error span{flex:1}.chat-error button{cursor:pointer;color:#dc2626;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.chat-error button:hover{opacity:1}.chat-panel-input{background:#fff;border-top:1px solid #e5e7eb;align-items:flex-end;gap:12px;padding:16px 20px;display:flex}.chat-panel-input textarea{color:#374151;resize:none;background:#fafbfc;border:1px solid #e5e7eb;border-radius:12px;flex:1;min-height:42px;max-height:120px;padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.chat-panel-input textarea:focus{background:#fff;border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.chat-panel-input textarea::placeholder{color:#9ca3af}.chat-panel-input textarea:disabled{opacity:.6;cursor:not-allowed}.send-btn{cursor:pointer;color:#fff;background:#8b5cf6;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .15s;display:flex}.send-btn:hover:not(:disabled){background:#7c3aed}.send-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn .spin{animation:1s linear infinite spin}.chat-panel-footer{color:#9ca3af;background:#fafbfc;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:10px 20px;font-size:11px;display:flex}.chat-panel-footer .shortcut{align-items:center;gap:4px;display:flex}.chat-panel-footer kbd{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:4px;justify-content:center;align-items:center;padding:2px 6px;font-family:inherit;font-size:10px;display:inline-flex}.chat-panel-messages::-webkit-scrollbar{width:6px}.chat-panel-messages::-webkit-scrollbar-track{background:0 0}.chat-panel-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.chat-panel-messages::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (width<=768px){.chat-panel-header{padding:14px 16px}.chat-panel-messages{padding:16px}.chat-panel-input{padding:14px 16px}.chat-empty-state{padding:30px 16px}}.view-switcher{display:inline-flex;position:relative}.view-switcher-trigger{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.view-switcher-trigger:hover{background:#e5e7eb;border-color:#d1d5db}.view-switcher-icon{opacity:.9;align-items:center;display:flex}.view-switcher-label{white-space:nowrap}.view-switcher-chevron{opacity:.7;transition:transform .2s}.view-switcher-chevron.open{transform:rotate(180deg)}.view-switcher-backdrop{z-index:999;position:fixed;inset:0}.view-switcher-dropdown{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:180px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 10px 40px #00000026}.view-switcher-option{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;transition:background .15s;display:flex}.view-switcher-option:hover{background:#f3f4f6}.view-switcher-option.selected{color:#4f46e5;background:#f0f5ff}.view-option-icon{color:#6b7280;align-items:center;display:flex}.view-switcher-option.selected .view-option-icon{color:#4f46e5}.view-option-label{flex:1}.view-option-check{color:#4f46e5;font-size:12px}@media (width<=768px){.view-switcher-label{display:none}.view-switcher-trigger{padding:8px}.view-switcher-dropdown{right:-50px}}.view-onboarding-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.view-onboarding-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;margin:16px;animation:.3s ease-out slideUp;position:relative;box-shadow:0 20px 60px #0003}.view-onboarding-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:8px;transition:background-color .15s,color .15s;position:absolute;top:16px;right:16px}.view-onboarding-close:hover{color:#374151;background:#f3f4f6}.view-onboarding-header{text-align:center;padding:32px 32px 16px}.view-onboarding-title{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:600}.view-onboarding-subtitle{color:#6b7280;margin:0;font-size:14px}.view-onboarding-content{padding:0 32px 24px}.view-option-cards{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.view-option-card{cursor:pointer;text-align:left;background:#fff;border:2px solid #e5e7eb;border-radius:10px;align-items:flex-start;gap:16px;padding:16px;transition:border-color .15s,background-color .15s;display:flex;position:relative}.view-option-card:hover{background:#fafbfc;border-color:#d1d5db}.view-option-card.selected{background:#faf5ff;border-color:#8b5cf6}.view-option-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.view-option-card-icon.admin{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a855f7)}.view-option-card-icon.user{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1)}.view-option-card-content{flex:1}.view-option-card-title{color:#1f2937;margin:0 0 4px;font-size:15px;font-weight:600}.view-option-card-description{color:#6b7280;margin:0;font-size:13px;line-height:1.5}.view-option-card-check{color:#fff;background:#8b5cf6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:16px;right:16px}.view-onboarding-hint{color:#9ca3af;text-align:center;margin:0;font-size:13px}.view-onboarding-footer{justify-content:center;padding:16px 32px 32px;display:flex}.view-onboarding-button{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:background-color .15s,transform .1s;display:inline-flex}.view-onboarding-button.primary{color:#fff;background:#8b5cf6}.view-onboarding-button.primary:hover{background:#7c3aed}.view-onboarding-button.primary:active{transform:scale(.98)}@media (width<=540px){.view-onboarding-modal{max-width:none;margin:8px}.view-onboarding-header,.view-onboarding-content,.view-onboarding-footer{padding-left:20px;padding-right:20px}.view-option-card{padding:12px}.view-option-card-icon{width:40px;height:40px}}.sync-status{border:1px solid var(--gray-200,#e5e7eb);color:var(--gray-500,#6b7280);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;line-height:1;display:inline-flex}.sync-status:hover:not(:disabled){background:var(--gray-50,#f9fafb);color:var(--gray-700,#374151)}.sync-status:disabled{cursor:default}.sync-status.is-stale{color:#b45309;background:#fffbeb;border-color:#fcd34d}.sync-status.has-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.sync-status .spin{animation:1s linear infinite sync-status-spin}@keyframes sync-status-spin{to{transform:rotate(360deg)}}@media (width<=900px){.sync-status{gap:4px;padding:4px 7px}}.sync-status-group{flex:none;align-items:center;gap:6px;display:inline-flex}.sync-status{flex:none}.sync-status:not(.is-actionable){cursor:default}.sync-status-text{font-variant-numeric:tabular-nums}.sync-status-wrap{flex:none;display:inline-flex;position:relative}.sync-status{cursor:pointer}.sync-status-icon{pointer-events:none;display:inline-flex}.sync-status-details{z-index:1200;background:var(--color-surface,#fff);border:1px solid var(--gray-200,#e5e7eb);min-width:240px;color:var(--gray-700,#374151);text-align:left;border-radius:10px;padding:12px 14px;font-size:12.5px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px -12px #00000040}.sync-status-details-title{color:var(--gray-900,#111827);align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}.sync-status-details dl{gap:6px;margin:0 0 10px;display:grid}.sync-status-details dl>div{justify-content:space-between;gap:12px;display:flex}.sync-status-details dt{color:var(--gray-500,#6b7280);margin:0}.sync-status-details dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.sync-status-abs{color:var(--gray-500,#6b7280);font-size:11px;display:block}.sync-status-now{justify-content:center;align-items:center;gap:6px;width:100%;display:inline-flex}.sync-status-note{color:var(--gray-500,#6b7280);margin:0;font-size:11.5px}.sync-status-error{color:#b91c1c;margin:0 0 8px;font-size:12px}.sync-status-warn{color:#b45309;flex:none;margin-left:2px}.sync-status.has-error .sync-status-warn{color:#b91c1c}.email-engagement-widget{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:12px;min-height:180px;padding:16px;display:flex}.widget-loading,.widget-error{color:#6b7280;flex:1;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.widget-error{color:#dc2626;text-align:center;flex-direction:column}.widget-error .retry-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;margin-top:8px;padding:4px 12px;font-size:12px}.widget-error .retry-btn:hover{background:#fee2e2}.widget-header{justify-content:space-between;align-items:center;display:flex}.widget-title{color:#111827;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.widget-icon{color:#8b5cf6}.refresh-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.refresh-btn:hover{color:#111827;background:#f3f4f6}.widget-stats{flex-direction:column;gap:4px;display:flex}.stat-main{align-items:baseline;gap:6px;display:flex}.stat-value{color:#111827;font-size:28px;font-weight:700;line-height:1}.stat-label{color:#6b7280;font-size:13px}.stat-trend{align-items:center;gap:4px;font-size:12px;display:flex}.trend-icon{flex-shrink:0}.trend-up{color:#059669}.trend-down{color:#dc2626}.trend-stable,.trend-text{color:#6b7280}.trend-text.trend-up{color:#059669}.trend-text.trend-down{color:#dc2626}.widget-chart{flex:1;align-items:flex-end;min-height:48px;display:flex}.chart-bars{align-items:flex-end;gap:4px;width:100%;height:48px;display:flex}.chart-bar-container{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.chart-bar{background:linear-gradient(#8b5cf6 0%,#a78bfa 100%);border-radius:2px 2px 0 0;width:100%;max-width:24px;min-height:4px;transition:height .2s}.chart-bar:hover{background:linear-gradient(#7c3aed 0%,#8b5cf6 100%)}.chart-label{color:#9ca3af;margin-top:4px;font-size:10px}.chart-empty{text-align:center;color:#9ca3af;width:100%;padding:12px 0;font-size:12px}.widget-footer{color:#9ca3af;border-top:1px solid #f3f4f6;align-items:center;gap:4px;margin-top:auto;padding-top:8px;font-size:11px;display:flex}.animate-spin{animation:1s linear infinite spin}.login-map-widget{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.login-map-widget.loading,.login-map-widget.error{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.login-map-widget.error button{background:var(--theme-primary,#8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px}.login-map-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.login-map-title{color:#1f2937;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.suspicious-badge{color:#dc2626;background:#fef2f2;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.sync-btn{color:#6b7280;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.sync-btn:hover:not(:disabled){color:#374151;background:#f3f4f6}.sync-btn:disabled{opacity:.6;cursor:not-allowed}.login-map-container{background:#f8fafc;padding:16px}.world-map{width:100%;height:auto;max-height:200px}.map-land{fill:#e2e8f0;stroke:#cbd5e1;stroke-width:.5px}.country-marker{cursor:pointer;transition:transform .2s}.country-marker:hover{transform:scale(1.2)}.marker-circle{fill:var(--theme-primary,#8b5cf6);opacity:.8;stroke:#fff;stroke-width:2px}.country-marker.suspicious .marker-circle{fill:#dc2626}.country-marker.selected .marker-circle{opacity:1;stroke-width:3px}.marker-alert-ring{fill:none;stroke:#dc2626;stroke-width:2px;opacity:.5;animation:1.5s infinite pulse-ring}@keyframes pulse-ring{0%{opacity:.5;r:attr(r)}50%{opacity:.2}to{opacity:.5}}.country-detail{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.country-name{color:#1f2937;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.country-stats{color:#6b7280;align-items:center;gap:16px;font-size:13px;display:flex}.country-stats span{align-items:center;gap:4px;display:flex}.country-stats .suspicious{color:#dc2626;font-weight:500}.login-map-stats{border-top:1px solid #f3f4f6;justify-content:space-around;padding:16px 20px;display:flex}.login-map-stats .stat{flex-direction:column;align-items:center;gap:2px;display:flex}.login-map-stats .stat-value{color:#1f2937;font-size:20px;font-weight:600}.login-map-stats .stat-label{color:#6b7280;font-size:12px}.login-map-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;display:flex}.login-map-empty .empty-icon{color:#d1d5db;margin-bottom:12px}.login-map-empty p{color:#374151;margin:0;font-size:14px}.login-map-empty .empty-hint{color:#6b7280;margin-top:4px;margin-bottom:16px;font-size:13px}.sync-btn-large{background:var(--theme-primary,#8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sync-btn-large:hover:not(:disabled){opacity:.9}.sync-btn-large:disabled{opacity:.6;cursor:not-allowed}.spin{animation:1s linear infinite spin}