*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-right-0\.5{right:-.125rem}.-top-0\.5{top:-.125rem}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.right-2{right:.5rem}.top-0{top:0}.top-2{top:.5rem}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[9999\]{z-index:9999}.col-span-full{grid-column:1 / -1}.m-0{margin:0}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-4{margin-right:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.list-item{display:list-item}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-36{height:9rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[18px\]{height:18px}.h-full{height:100%}.h-screen{height:100vh}.max-h-80{max-height:20rem}.max-h-\[150px\]{max-height:150px}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(90vh-140px\)\]{max-height:calc(90vh - 140px)}.max-h-\[calc\(90vh-180px\)\]{max-height:calc(90vh - 180px)}.min-h-\[24px\]{min-height:24px}.min-h-screen{min-height:100vh}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2\/3{width:66.666667%}.w-36{width:9rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-80{width:20rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[100px\]{min-width:100px}.min-w-\[160px\]{min-width:160px}.min-w-\[18px\]{min-width:18px}.min-w-\[250px\]{min-width:250px}.min-w-\[80px\]{min-width:80px}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-grab{cursor:grab}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-8{border-width:8px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-amber-500{--tw-border-opacity: 1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))}.border-amber-500\/20{border-color:#f59e0b33}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-500\/20{border-color:#3b82f633}.border-emerald-500{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-emerald-500\/30{border-color:#10b9814d}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-indigo-500{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}.border-indigo-500\/10{border-color:#6366f11a}.border-indigo-500\/30{border-color:#6366f14d}.border-indigo-500\/40{border-color:#6366f166}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-red-500\/20{border-color:#ef444433}.border-red-500\/30{border-color:#ef44444d}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-200\/50{border-color:#e2e8f080}.border-slate-700{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.border-slate-700\/50{border-color:#33415580}.border-violet-100{--tw-border-opacity: 1;border-color:rgb(237 233 254 / var(--tw-border-opacity, 1))}.border-violet-200{--tw-border-opacity: 1;border-color:rgb(221 214 254 / var(--tw-border-opacity, 1))}.border-yellow-100{--tw-border-opacity: 1;border-color:rgb(254 249 195 / var(--tw-border-opacity, 1))}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-l-amber-500{--tw-border-opacity: 1;border-left-color:rgb(245 158 11 / var(--tw-border-opacity, 1))}.border-l-emerald-500{--tw-border-opacity: 1;border-left-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-l-red-500{--tw-border-opacity: 1;border-left-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-t-violet-600{--tw-border-opacity: 1;border-top-color:rgb(124 58 237 / var(--tw-border-opacity, 1))}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-amber-500\/20{background-color:#f59e0b33}.bg-amber-500\/5{background-color:#f59e0b0d}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-black\/50{background-color:#00000080}.bg-black\/70{background-color:#000000b3}.bg-black\/95{background-color:#000000f2}.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-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-500\/20{background-color:#3b82f633}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/10{background-color:#10b9811a}.bg-emerald-500\/20{background-color:#10b98133}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / 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-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.bg-indigo-500\/10{background-color:#6366f11a}.bg-indigo-500\/20{background-color:#6366f133}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / 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-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-red-500\/5{background-color:#ef44440d}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.bg-slate-200\/50{background-color:#e2e8f080}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-500\/20{background-color:#64748b33}.bg-slate-700{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.bg-slate-700\/50{background-color:#33415580}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.bg-slate-800\/50{background-color:#1e293b80}.bg-slate-800\/80{background-color:#1e293bcc}.bg-slate-900\/50{background-color:#0f172a80}.bg-transparent{background-color:transparent}.bg-violet-50{--tw-bg-opacity: 1;background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/80{background-color:#fffc}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-yellow-600{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-amber-50{--tw-gradient-from: #fffbeb var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-50{--tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from: #10b981 var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500\/10{--tw-gradient-from: rgb(99 102 241 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-600\/20{--tw-gradient-from: rgb(79 70 229 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-50{--tw-gradient-from: #fef2f2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-50{--tw-gradient-from: #f8fafc var(--tw-gradient-from-position);--tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from: #0f172a var(--tw-gradient-from-position);--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-100{--tw-gradient-from: #ede9fe var(--tw-gradient-from-position);--tw-gradient-to: rgb(237 233 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-50{--tw-gradient-from: #f5f3ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 243 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-600{--tw-gradient-from: #7c3aed var(--tw-gradient-from-position);--tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from: #facc15 var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-500{--tw-gradient-from: #eab308 var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-purple-500\/10{--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(168 85 247 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-slate-800{--tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-blue-50{--tw-gradient-to: #eff6ff var(--tw-gradient-to-position)}.to-green-100{--tw-gradient-to: #dcfce7 var(--tw-gradient-to-position)}.to-green-500{--tw-gradient-to: #22c55e var(--tw-gradient-to-position)}.to-indigo-100{--tw-gradient-to: #e0e7ff var(--tw-gradient-to-position)}.to-indigo-50{--tw-gradient-to: #eef2ff var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to: #f97316 var(--tw-gradient-to-position)}.to-pink-500\/10{--tw-gradient-to: rgb(236 72 153 / .1) var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.to-purple-600\/20{--tw-gradient-to: rgb(147 51 234 / .2) var(--tw-gradient-to-position)}.to-rose-100{--tw-gradient-to: #ffe4e6 var(--tw-gradient-to-position)}.to-slate-100{--tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position)}.to-slate-900{--tw-gradient-to: #0f172a var(--tw-gradient-to-position)}.to-white{--tw-gradient-to: #fff var(--tw-gradient-to-position)}.to-yellow-100{--tw-gradient-to: #fef9c3 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-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-5{padding-left:1.25rem;padding-right:1.25rem}.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-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[10px\]{font-size:10px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-cyan-600{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / 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-indigo-200{--tw-text-opacity: 1;color:rgb(199 210 254 / var(--tw-text-opacity, 1))}.text-indigo-300{--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}.text-indigo-400{--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / 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-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-violet-600{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-slate-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(100 116 139 / var(--tw-placeholder-opacity, 1))}.placeholder-slate-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(100 116 139 / var(--tw-placeholder-opacity, 1))}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-emerald-500\/30{--tw-shadow-color: rgb(16 185 129 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-indigo-500\/20{--tw-shadow-color: rgb(99 102 241 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-indigo-500\/25{--tw-shadow-color: rgb(99 102 241 / .25);--tw-shadow: var(--tw-shadow-colored)}.shadow-slate-200\/50{--tw-shadow-color: rgb(226 232 240 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-violet-500\/30{--tw-shadow-color: rgb(139 92 246 / .3);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.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)}.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)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-hover: #f1f5f9;--bg-active: #e2e8f0;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-light: #f1f5f9;--shadow-color: rgba(0, 0, 0, .1);--shadow-lg: rgba(0, 0, 0, .15);--input-bg: #ffffff;--input-border: #e2e8f0;--sidebar-bg: #ffffff;--sidebar-text: #64748b;--sidebar-hover: #f1f5f9;--sidebar-active: #667eea;--header-bg: #ffffff;--modal-overlay: rgba(0, 0, 0, .5);--modal-bg: #ffffff;--table-header-bg: #f8fafc;--table-row-hover: #f1f5f9;--scrollbar-track: #f1f5f9;--scrollbar-thumb: #cbd5e1;--accent-primary: #667eea;--accent-gradient: linear-gradient(135deg, #667eea, #764ba2);--accent-hover: #5a6fd6}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--accent-gradient);border-radius:10px;border:2px solid var(--scrollbar-track);-webkit-transition:all .3s;transition:all .3s}::-webkit-scrollbar-thumb:hover{box-shadow:0 0 10px #667eea80}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}*{scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--scrollbar-track)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#root{width:100vw;min-height:100vh;background:var(--bg-primary);transition:background-color .3s ease}.placeholder\:text-gray-400::-moz-placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.placeholder\:text-gray-400::placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.last\:border-0:last-child{border-width:0px}.focus-within\:border-indigo-500:focus-within{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}.focus-within\:shadow-\[0_0_0_4px_rgba\(99\,102\,241\,0\.1\)\]:focus-within{--tw-shadow: 0 0 0 4px rgba(99,102,241,.1);--tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-cyan-300:hover{--tw-border-opacity: 1;border-color:rgb(103 232 249 / var(--tw-border-opacity, 1))}.hover\:border-emerald-300:hover{--tw-border-opacity: 1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))}.hover\:border-emerald-500\/50:hover{border-color:#10b98180}.hover\:border-indigo-500:hover{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}.hover\:border-purple-300:hover{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1))}.hover\:border-slate-600:hover{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.hover\:border-violet-300:hover{--tw-border-opacity: 1;border-color:rgb(196 181 253 / var(--tw-border-opacity, 1))}.hover\:bg-amber-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-500\/20:hover{background-color:#10b98133}.hover\:bg-emerald-600:hover{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / 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-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-500\/20:hover{background-color:#6366f133}.hover\:bg-indigo-500\/30:hover{background-color:#6366f14d}.hover\:bg-indigo-600:hover{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-600:hover{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-600:hover{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-700:hover{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-yellow-600:hover{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.hover\:bg-yellow-700:hover{--tw-bg-opacity: 1;background-color:rgb(161 98 7 / var(--tw-bg-opacity, 1))}.hover\:from-indigo-600:hover{--tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-purple-600:hover{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.hover\:text-indigo-800:hover{--tw-text-opacity: 1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:opacity-100:hover{opacity:1}.hover\:shadow:hover{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--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)}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-emerald-500\/40:hover{--tw-shadow-color: rgb(16 185 129 / .4);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-indigo-500\/20:hover{--tw-shadow-color: rgb(99 102 241 / .2);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-indigo-500\/30:hover{--tw-shadow-color: rgb(99 102 241 / .3);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-indigo-500\/40:hover{--tw-shadow-color: rgb(99 102 241 / .4);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-violet-500\/40:hover{--tw-shadow-color: rgb(139 92 246 / .4);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-yellow-500\/30:hover{--tw-shadow-color: rgb(234 179 8 / .3);--tw-shadow: var(--tw-shadow-colored)}.focus\:border-indigo-500:focus{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:border-violet-400:focus{--tw-border-opacity: 1;border-color:rgb(167 139 250 / var(--tw-border-opacity, 1))}.focus\:bg-white:focus{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1: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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.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-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / 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-violet-100:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(237 233 254 / var(--tw-ring-opacity, 1))}.focus\:ring-yellow-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.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-blue-400:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1))}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:hover\:translate-y-0:hover:disabled{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-100{opacity:1}.peer:checked~.peer-checked\:bg-violet-600{--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))}.peer:checked~.peer-checked\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:border-white:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.peer:focus~.peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}@media(min-width:640px){.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-color-scheme:dark){.dark\:border-amber-700{--tw-border-opacity: 1;border-color:rgb(180 83 9 / var(--tw-border-opacity, 1))}.dark\:border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-yellow-800{--tw-border-opacity: 1;border-color:rgb(133 77 14 / var(--tw-border-opacity, 1))}.dark\:bg-amber-900\/20{background-color:#78350f33}.dark\:bg-amber-900\/30{background-color:#78350f4d}.dark\:bg-emerald-900\/30{background-color:#064e3b4d}.dark\:bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:bg-red-900\/30{background-color:#7f1d1d4d}.dark\:bg-slate-800\/50{background-color:#1e293b80}.dark\:bg-yellow-900\/20{background-color:#713f1233}.dark\:from-amber-900\/20{--tw-gradient-from: rgb(120 53 15 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:to-gray-800{--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}.dark\:text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.dark\:text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.dark\:text-gray-100{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.dark\:text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.dark\:text-indigo-400{--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.dark\:text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.dark\:placeholder-gray-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.dark\:hover\:bg-amber-900\/50:hover{background-color:#78350f80}.dark\:hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:hover\:text-indigo-300:hover{--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}}.navbar{background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:0 2rem;height:70px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px var(--shadow-color);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;gap:2rem;transition:all .3s ease}.navbar:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--accent-gradient);opacity:.5;animation:shimmer 4s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:.6}}.navbar-brand{display:flex;align-items:center;flex-shrink:0}.navbar-logo{font-size:1.4rem;font-weight:800;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;white-space:nowrap;text-shadow:0 2px 10px var(--shadow-color);position:relative}.navbar-logo:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:3px;background:var(--accent-gradient);border-radius:10px;transition:width .3s ease}.navbar-logo:hover{transform:translateY(-2px);color:var(--accent-primary)}.navbar-logo:hover:after{width:100%}.navbar-center{flex:1;display:flex;justify-content:center;align-items:center}.dashboard-name-display{display:flex;align-items:center;gap:1rem}.dashboard-name-display h1{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin:0;text-shadow:0 2px 8px var(--shadow-color);letter-spacing:.5px;background:linear-gradient(180deg,#fff,#ffffffd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-edit-name{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;padding:.6rem;border-radius:10px;transition:all .3s ease;display:flex;align-items:center;box-shadow:0 4px 15px #0000001a}.btn-edit-name:hover{background:#ffffff40;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #fff3;border-color:#ffffff80}.dashboard-name-edit{display:flex;gap:.5rem;align-items:center}.dashboard-name-input{padding:.5rem 1rem;font-size:1rem;font-weight:600;border:2px solid white;border-radius:6px;outline:none;min-width:250px;background:#fff;color:#2d3748}.btn-save-name,.btn-cancel-name{padding:.5rem 1rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem}.btn-save-name{background:#fff;color:#667eea}.btn-save-name:hover{background:#f7fafc}.btn-cancel-name{background:#fff3;color:#fff}.btn-cancel-name:hover{background:#ffffff4d}.navbar-menu{display:flex;gap:1rem;align-items:center;flex-shrink:0}.btn-save-dashboard{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:linear-gradient(135deg,#fff,#f0f4ff);color:#667eea;border:2px solid rgba(255,255,255,.5);border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #00000026,inset 0 1px #fff9;font-size:.9rem;position:relative;overflow:hidden}.btn-save-dashboard:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transition:left .5s}.btn-save-dashboard:hover:before{left:100%}.btn-save-dashboard svg{width:16px;height:16px;transition:transform .3s}.btn-save-dashboard:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66,inset 0 1px #fffc;background:linear-gradient(135deg,#fff,#e8efff)}.btn-save-dashboard:hover svg{transform:rotate(15deg) scale(1.1)}.btn-save-dashboard:active{transform:translateY(0);box-shadow:0 2px 8px #667eea4d}.navbar-user{display:flex;align-items:center;gap:.75rem;position:relative}.theme-toggle-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-secondary)}.theme-toggle-btn:hover{background:var(--bg-hover);color:var(--accent-primary);transform:translateY(-2px) rotate(15deg);border-color:var(--accent-primary);box-shadow:0 4px 15px color-mix(in srgb,var(--accent-primary) 30%,transparent)}.user-avatar-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px var(--shadow-color);position:relative;overflow:hidden;color:var(--text-secondary)}.user-avatar-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,color-mix(in srgb,var(--accent-primary) 30%,transparent) 0%,transparent 70%);transform:scale(0);transition:transform .5s}.user-avatar-btn:hover:before{transform:scale(1)}.user-avatar-btn:hover{background:var(--bg-hover);transform:translateY(-3px) scale(1.08);box-shadow:0 6px 25px var(--shadow-color);border-color:var(--accent-primary);color:var(--accent-primary)}.user-menu{position:absolute;top:calc(100% + 10px);right:0;width:280px;background:var(--modal-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 40px var(--shadow-lg);overflow:hidden;z-index:1000;animation:slideDown .2s ease-out}.user-menu-header{display:flex;gap:12px;padding:20px;background:var(--accent-gradient);color:#fff}.user-menu-avatar{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-menu-info{display:flex;flex-direction:column;justify-content:center;gap:4px}.user-menu-name{font-size:16px;font-weight:600}.user-menu-role{font-size:13px;opacity:.9;text-transform:capitalize}.user-menu-divider{height:1px;background:var(--border-color);margin:8px 0}.user-menu-item{display:flex;align-items:center;gap:12px;padding:14px 20px;color:var(--text-secondary);text-decoration:none;background:none;border:none;width:100%;cursor:pointer;transition:all .2s ease;font-size:15px;font-weight:500}.user-menu-item:hover{background:var(--bg-hover);color:var(--accent-primary)}.user-menu-item svg{flex-shrink:0}.user-avatar{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;font-size:1.3rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px var(--shadow-color);position:relative;overflow:hidden;color:var(--text-secondary)}.user-avatar:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:scale(0);transition:transform .5s}.user-avatar:hover:before{transform:scale(1)}.user-avatar:hover{background:linear-gradient(135deg,#fff6,#fff3);transform:translateY(-3px) scale(1.08);box-shadow:0 6px 25px #ffffff4d,inset 0 2px 4px #fff6;border-color:#fff9}@media(max-width:768px){.navbar{padding:0 1rem}.navbar-menu{gap:.5rem}.navbar-link{padding:.4rem .7rem;font-size:.85rem}.navbar-logo{font-size:1rem}}.notification-container{position:relative}.notification-btn{position:relative;background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notification-btn:hover{background:var(--hover-bg);transform:scale(1.05)}.notification-badge{position:absolute;top:0;right:0;background:#ef4444;color:#fff;font-size:.65rem;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;animation:pulse 2s infinite}.notification-pending-dot{position:absolute;top:2px;right:2px;width:8px;height:8px;background:#f59e0b;border-radius:50%;border:2px solid var(--header-bg)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:340px;background:var(--card-bg);border-radius:12px;box-shadow:0 10px 40px #0003;border:1px solid var(--border-color);z-index:1001;overflow:hidden;animation:slideDown .2s ease}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color);background:var(--hover-bg)}.notification-header h4{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary)}.notification-header .refresh-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;border-radius:4px;font-size:1rem;transition:all .2s}.notification-header .refresh-btn:hover{background:var(--border-color);color:var(--text-primary)}.notification-empty{padding:2rem;text-align:center;color:var(--text-secondary)}.notification-empty svg{opacity:.5;margin-bottom:.5rem}.notification-empty p{margin:0;font-size:.875rem}.notification-list{max-height:300px;overflow-y:auto}.notification-item{display:flex;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border-color);transition:background .2s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--hover-bg)}.notification-item.notification-approved{background:#10b9810d}.notification-item.notification-rejected{background:#ef44440d}.notification-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--hover-bg);flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:.875rem;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-status{font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.notification-status .access-granted{display:inline-flex;align-items:center;gap:.25rem;background:#10b9811a;color:#10b981;padding:.125rem .5rem;border-radius:10px;font-size:.7rem}.notification-comment{font-size:.75rem;color:var(--text-secondary);font-style:italic;margin-top:.25rem}.notification-date{font-size:.7rem;color:var(--text-tertiary);margin-top:.25rem}.notification-footer{padding:.75rem 1rem;border-top:1px solid var(--border-color);background:var(--hover-bg);text-align:center}.notification-footer a{color:var(--accent-primary);font-size:.8rem;text-decoration:none;font-weight:500}.notification-footer a:hover{text-decoration:underline}.app-sidebar{width:280px;background:var(--sidebar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-color);height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:100}.sidebar-bg-effects{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.bg-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15;animation:floatOrb 20s ease-in-out infinite}.bg-orb.orb-1{width:200px;height:200px;background:var(--accent-primary);top:-50px;left:-50px;animation-delay:0s}.bg-orb.orb-2{width:150px;height:150px;background:#764ba2;bottom:20%;right:-30px;animation-delay:-7s}.bg-orb.orb-3{width:100px;height:100px;background:#8b5cf6;bottom:-20px;left:20%;animation-delay:-14s}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.1)}50%{transform:translate(-10px,20px) scale(.95)}75%{transform:translate(15px,10px) scale(1.05)}}.app-sidebar:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:var(--accent-gradient);opacity:.4;animation:borderPulse 3s ease-in-out infinite}@keyframes borderPulse{0%,to{opacity:.3}50%{opacity:.6}}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem 0;position:relative;z-index:1}.menu-section{margin-bottom:.5rem}.section-title{display:flex;align-items:center;gap:.75rem;padding:.5rem 1.5rem;margin-bottom:.25rem}.section-title span{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);white-space:nowrap}.section-line{flex:1;height:1px;background:linear-gradient(90deg,var(--border-color),transparent)}.section-divider{width:32px;height:2px;background:var(--accent-gradient);margin:.75rem auto;border-radius:2px;opacity:.5}.section-items{display:flex;flex-direction:column;gap:.25rem;padding:0 .75rem}.sidebar-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;text-decoration:none;color:var(--sidebar-text);font-weight:600;font-size:.9rem;border-radius:12px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid transparent}.app-sidebar.collapsed .sidebar-item{justify-content:center;padding:.875rem}.item-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-icon-wrapper svg{transition:all .3s ease}.icon-glow{position:absolute;inset:-8px;background:radial-gradient(circle,color-mix(in srgb,var(--accent-primary) 30%,transparent),transparent 70%);border-radius:50%;animation:iconGlow 2s ease-in-out infinite}@keyframes iconGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease}.item-badge{padding:.2rem .5rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--accent-gradient);color:#fff;border-radius:6px;box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 40%,transparent)}.item-highlight{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--accent-gradient);border-radius:0 3px 3px 0;transition:height .3s ease;box-shadow:0 0 10px var(--accent-primary)}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color);transform:translate(4px)}.app-sidebar.collapsed .sidebar-item:hover{transform:translate(0) scale(1.05)}.sidebar-item:hover .item-highlight{height:60%}.sidebar-item:hover .item-icon-wrapper svg{transform:scale(1.1);color:var(--accent-primary)}.sidebar-item.active{background:color-mix(in srgb,var(--accent-primary) 15%,var(--bg-hover));color:var(--accent-primary);border-color:color-mix(in srgb,var(--accent-primary) 30%,transparent);box-shadow:0 4px 15px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.sidebar-item.active .item-highlight{height:70%}.sidebar-item.active .item-icon-wrapper svg{color:var(--accent-primary)}.tooltip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:.5rem .875rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;box-shadow:0 4px 20px var(--shadow-lg);z-index:1000;display:flex;align-items:center;gap:.5rem;animation:tooltipFade .2s ease}.tooltip:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%) rotate(45deg);width:10px;height:10px;background:var(--bg-card);border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.tooltip-badge{padding:.15rem .4rem;font-size:.6rem;font-weight:700;background:var(--accent-gradient);color:#fff;border-radius:4px}@keyframes tooltipFade{0%{opacity:0;transform:translateY(-50%) translate(-5px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.sidebar-footer{padding:1rem .75rem 1.5rem;position:relative;z-index:1}.section-divider-glow{height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);margin:0 1rem 1rem;opacity:.5}.sidebar-item.ai-item{background:linear-gradient(135deg,color-mix(in srgb,#8b5cf6 20%,var(--bg-hover)),color-mix(in srgb,#6366f1 15%,var(--bg-hover)));border:1px solid color-mix(in srgb,#8b5cf6 40%,transparent);position:relative}.ai-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.ai-icon-wrapper svg:first-child{color:#a78bfa;filter:drop-shadow(0 0 6px rgba(167,139,250,.5))}.sparkle{position:absolute;color:#c4b5fd;animation:sparkleFloat 3s ease-in-out infinite}.sparkle-1{top:-6px;right:-4px;animation-delay:0s}.sparkle-2{bottom:-4px;left:-6px;animation-delay:-1s}.sparkle-3{top:-2px;left:-8px;animation-delay:-2s}@keyframes sparkleFloat{0%,to{opacity:.4;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.ai-zap{color:#fbbf24;animation:zapPulse 1.5s ease-in-out infinite}@keyframes zapPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.ai-glow-ring{position:absolute;inset:-2px;border-radius:14px;border:2px solid transparent;background:linear-gradient(135deg,#8b5cf6,#6366f1) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.sidebar-item.ai-item:hover{background:linear-gradient(135deg,color-mix(in srgb,#8b5cf6 30%,var(--bg-hover)),color-mix(in srgb,#6366f1 25%,var(--bg-hover)));border-color:color-mix(in srgb,#8b5cf6 60%,transparent);box-shadow:0 4px 20px #8b5cf64d}.sidebar-item.ai-item:hover .ai-glow-ring{opacity:.6;animation:ringPulse 2s ease-in-out infinite}@keyframes ringPulse{0%,to{opacity:.4}50%{opacity:.8}}.sidebar-item.ai-item.active{background:linear-gradient(135deg,color-mix(in srgb,#8b5cf6 35%,var(--bg-hover)),color-mix(in srgb,#6366f1 30%,var(--bg-hover)));border-color:#8b5cf6;box-shadow:0 6px 25px #8b5cf666,0 0 30px #8b5cf633}.sidebar-item.ai-item.active .ai-glow-ring{opacity:.8;animation:ringPulse 2s ease-in-out infinite}.tooltip.ai-tooltip{background:linear-gradient(135deg,#1e1b4b,#312e81);border-color:#8b5cf6;color:#e0e7ff}.tooltip.ai-tooltip svg{color:#fbbf24}.tooltip.ai-tooltip:before{background:#1e1b4b;border-color:#8b5cf6}@media(max-width:768px){.app-sidebar{width:80px}.app-sidebar .logo-text,.app-sidebar .section-title,.app-sidebar .item-label,.app-sidebar .item-badge,.app-sidebar .section-divider-glow{display:none}.app-sidebar .sidebar-item{justify-content:center;padding:.875rem}.app-sidebar .collapse-btn{display:none}.app-sidebar .sidebar-header{justify-content:center}}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.app-layout{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--bg-primary)}.app-layout-body{display:flex;flex:1;overflow:hidden}.app-layout-content{flex:1;overflow-y:auto;background:var(--bg-secondary);transition:background-color .3s ease}.login-page{min-height:100vh;display:flex;position:relative;overflow:hidden;background:#0a1628}.map-background{position:absolute;inset:0;z-index:0}.map-iframe{width:100%;height:100%;border:none;filter:saturate(.3) brightness(.4);transform:scale(1.2)}.map-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0a1628f2,#0f3250d9,#0a1628f2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.floating-markers{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.floating-marker{position:absolute;color:#3b82f699;animation:floatMarker 5s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(59,130,246,.5))}.floating-marker:nth-child(odd){color:#10b98199;filter:drop-shadow(0 0 10px rgba(16,185,129,.5))}@keyframes floatMarker{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-20px) scale(1.1);opacity:1}}.data-lines{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.3}.data-svg{width:100%;height:100%}.data-path{fill:none;stroke-width:.3;stroke-dasharray:10 5;animation:flowData 8s linear infinite}.path-1{stroke:#3b82f6;animation-delay:0s}.path-2{stroke:#10b981;animation-delay:2s}.path-3{stroke:#8b5cf6;animation-delay:4s}@keyframes flowData{0%{stroke-dashoffset:0}to{stroke-dashoffset:-30}}.background-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);opacity:.15;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(5deg)}}.particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#ffffff80;border-radius:50%;animation:float linear infinite}@keyframes float{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}.login-content{position:relative;z-index:2;display:flex;width:100%;max-width:1400px;margin:auto;padding:40px;gap:80px}.login-left{flex:1;display:flex;flex-direction:column;justify-content:center;gap:40px}.brand-section{animation:fadeInLeft .8s ease-out}.brand-logo-container{display:flex;align-items:center;gap:20px;margin-bottom:24px}.brand-icon-neo{width:70px;height:70px;background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 40px #3b82f666;animation:pulseNeo 3s ease-in-out infinite;position:relative;overflow:hidden}.brand-icon-neo:before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:rotateGlow 4s linear infinite}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseNeo{0%,to{transform:scale(1);box-shadow:0 10px 40px #3b82f666}50%{transform:scale(1.05);box-shadow:0 15px 50px #3b82f699}}.brand-text{display:flex;flex-direction:column}.brand-title-neo{font-size:42px;font-weight:800;color:#fff;margin:0;letter-spacing:-1px;line-height:1}.brand-title-neo span{background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-tagline{font-size:14px;color:#ffffff80;margin:4px 0 0;font-weight:500;text-transform:uppercase;letter-spacing:2px}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.brand-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:24px;box-shadow:0 10px 40px #667eea66;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 10px 40px #667eea66}50%{transform:scale(1.05);box-shadow:0 15px 50px #667eea99}}.brand-title{font-size:48px;font-weight:800;background:linear-gradient(135deg,#fff,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;letter-spacing:-1px}.brand-subtitle{font-size:16px;color:#fff9;margin:0;font-weight:300;line-height:1.6;max-width:450px}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;animation:fadeInLeft .8s ease-out .2s both}.feature-item{display:flex;gap:16px;align-items:flex-start;padding:20px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .3s ease}.feature-item:hover{background:#ffffff0f;transform:translateY(-4px);border-color:#3b82f64d;box-shadow:0 10px 30px #0003}.feature-icon{width:44px;height:44px;background:linear-gradient(135deg,#3b82f633,#10b98133);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0}.feature-item:nth-child(2n) .feature-icon{color:#10b981}.feature-text h3{font-size:15px;font-weight:600;color:#fff;margin:0 0 4px}.feature-text p{font-size:13px;color:#ffffff80;margin:0;line-height:1.4}.stats-bar{display:flex;gap:40px;padding:24px 0;border-top:1px solid rgba(255,255,255,.1);animation:fadeInLeft .8s ease-out .4s both}.stat-value{font-size:28px;font-weight:700;background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:13px;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.login-right{flex:0 0 420px;display:flex;align-items:center;animation:fadeInRight .8s ease-out}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.login-card{width:100%;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:40px;box-shadow:0 25px 80px #0006,0 0 0 1px #ffffff1a}.card-header{margin-bottom:32px}.card-header h2{font-size:32px;font-weight:700;color:#1a1a2e;margin:0 0 8px}.card-header p{font-size:15px;color:#666;margin:0}.login-form{display:flex;flex-direction:column;gap:24px}.error-message{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#dc2626;font-size:14px;animation:shake .5s ease}.error-message.locked{background:#f59e0b1a;border-color:#f59e0b4d;color:#d97706}.error-content{display:flex;flex-direction:column;gap:6px}.lockout-info{display:flex;align-items:center;gap:6px;font-size:12px;color:#d97706;margin-top:4px}.attempts-warning{font-size:12px;color:#f59e0b;margin-top:2px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-message svg{flex-shrink:0;margin-top:2px}.form-group label{display:flex;align-items:center;gap:8px;font-weight:500;color:#555;font-size:14px}.form-group label svg{color:#3b82f6}.form-group input,.form-group select{padding:14px 18px;border:2px solid #e8e8e8;border-radius:12px;font-size:15px;transition:all .3s ease;outline:none;background:#fff}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-2px)}.form-group input::-moz-placeholder{color:#aaa}.form-group input::placeholder{color:#aaa}.btn-login{padding:16px;background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;position:relative;overflow:hidden;box-shadow:0 4px 15px #3b82f666}.btn-login:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #3b82f680}.btn-login:active:not(:disabled){transform:translateY(-1px)}.btn-login:disabled{opacity:.7;cursor:not-allowed}.btn-back{display:block;width:100%;padding:12px;margin-top:12px;background:transparent;border:1px solid #e0e0e0;border-radius:12px;color:#666;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-back:hover{background:#f5f5f5;border-color:#ccc}.totp-group{text-align:center}.totp-input{text-align:center;font-size:28px!important;font-family:Monaco,Courier New,monospace;letter-spacing:8px;padding:16px!important}.totp-hint{font-size:13px;color:#888;margin-top:8px}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}50%,to{left:100%}}.login-footer{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid #e8e8e8}.demo-credentials{background:#f8f9fa;padding:16px;border-radius:10px;margin-bottom:16px;text-align:left}.demo-title{font-size:13px;font-weight:600;color:#666;margin:0 0 10px}.demo-account{font-size:13px;color:#555;margin:6px 0;padding:6px 10px;background:#fff;border-radius:6px;font-family:Courier New,monospace}.demo-account strong{color:#667eea;font-weight:600}.copyright{color:#999;font-size:13px;margin:0}@media(max-width:1200px){.login-content{flex-direction:column;align-items:center;gap:40px}.login-left{max-width:600px;text-align:center}.brand-section{display:flex;flex-direction:column;align-items:center}.brand-logo-container{flex-direction:column;text-align:center}.brand-subtitle{text-align:center;margin:0 auto}.features{grid-template-columns:1fr;max-width:400px;margin:0 auto}.feature-item{flex-direction:column;align-items:center;text-align:center}.stats-bar{justify-content:center}.login-right{flex:none;width:100%;max-width:420px}}@media(max-width:600px){.login-content{padding:20px}.login-card{padding:32px 24px}.brand-title-neo{font-size:32px}.card-header h2{font-size:24px}.stats-bar{gap:24px}.stat-value{font-size:24px}}.dashboard-list-container{padding:2rem;max-width:1400px;margin:0 auto;min-height:100%}.dashboard-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-list-header h1{font-size:2rem;font-weight:700;color:#2d3748}.dashboard-count{color:#718096;font-size:.9rem;font-weight:500}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.empty-state p{color:#718096;margin-bottom:2rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.dashboard-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000000d;transition:all .3s ease;display:flex;flex-direction:column}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.dashboard-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.dashboard-card-header h3{font-size:1.25rem;font-weight:600;color:#2d3748;margin:0;flex:1}.delete-btn{background:none;border:none;color:#e53e3e;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.delete-btn:hover{background:#fed7d7}.dashboard-card-info{display:flex;gap:1rem;margin-bottom:1rem;font-size:.85rem;color:#718096;flex-wrap:wrap}.widget-count{font-weight:500}.dashboard-owner{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;font-weight:500;font-size:.8rem}.dashboard-card-preview{background:#f7fafc;border-radius:8px;height:200px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.dashboard-thumbnail{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px;background:#fff}.preview-widgets{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%;height:100%;padding:8px}.preview-widget{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;opacity:.6}.preview-empty{color:#a0aec0;font-size:.9rem}.dashboard-card-actions{margin-top:auto}.btn{padding:.625rem 1.25rem;border-radius:6px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer;border:none;display:inline-block;text-align:center}.btn-view{background:#fff;color:#667eea;border:2px solid #667eea;width:100%}.btn-view:hover{background:#667eea;color:#fff}@media(max-width:768px){.dashboard-list-container{padding:1rem}.dashboard-list-header{flex-direction:column;gap:1rem;align-items:stretch}.dashboard-grid{grid-template-columns:1fr}}.metric-widget{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:12px;background:transparent}.metric-label{font-size:14px;font-weight:500;color:#6b7280;text-transform:capitalize}.metric-value{font-size:48px;font-weight:700;color:#3b82f6;line-height:1}.table-widget{width:100%;height:100%;overflow:auto;background:transparent}table{width:100%;border-collapse:collapse;font-size:14px}thead{position:sticky;top:0;background:transparent;z-index:1}th{text-align:left;padding:12px 16px;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;text-transform:capitalize}td{padding:12px 16px;color:#6b7280;border-bottom:1px solid rgba(243,244,246,.2)}tbody tr:hover{background:#f9fafb1a}.container-widget{width:100%;height:100%;border:2px dashed transparent;border-radius:8px;display:flex;align-items:center;justify-content:center;background:transparent;transition:all .2s;position:relative;box-sizing:border-box}.container-widget.drag-over{border-color:#3b82f6;background:#3b82f60d}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.tabs-widget{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;contain:layout style}.tabs-header{display:flex;gap:4px;padding:8px;background:#f9fafb;border-bottom:1px solid #e5e7eb;position:relative;z-index:10;pointer-events:auto}.tab-button{padding:8px 16px;background:transparent;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;color:#6b7280;transition:all .2s;position:relative;z-index:11;pointer-events:auto}.tab-button:hover{background:#e5e7eb;color:#374151}.tab-button.active{background:#fff;color:#3b82f6;box-shadow:0 1px 3px #0000001a}.tabs-content{flex:1;padding:16px;border:2px dashed #d1d5db;border-top:none;transition:all .2s;background:#fff;overflow:auto;min-height:100%;height:100%;position:relative}.tabs-content.drag-over{border-color:#3b82f6;background:#eff6ff}.tab-grid-wrapper{position:relative;width:100%;height:100%;min-height:100%;isolation:isolate}.tab-grid-layout{min-height:100%;width:100%;position:relative;height:auto;z-index:1}.tab-grid-layout .react-grid-item{touch-action:none}.tab-grid-layout .react-grid-item.react-grid-placeholder{background:#3b82f633;opacity:.5;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab-empty-state{display:flex;align-items:center;justify-content:center;min-height:300px;color:#9ca3af;font-size:14px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab-empty-state p{font-size:14px;margin:0}.tab-text-content{width:100%;height:100%;padding:8px;color:#374151;font-size:14px;line-height:1.6;white-space:pre-wrap}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::-moz-selection{background:transparent}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0 0 0/0)}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom,.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-left,.mapboxgl-ctrl-right,.mapboxgl-ctrl-top,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top{left:50%;top:0;transform:translate(-50%)}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-right{right:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl-bottom{bottom:0;left:50%;transform:translate(-50%)}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-left{left:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.mapboxgl-ctrl-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-bottom .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,.mapboxgl-ctrl-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px #0000001a}@media(-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:initial;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media(-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:initial}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:#0000000d}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media(-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media(-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media(-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media(-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media(-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media(-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M3.3335 11.6666C3.3335 12.5871 4.07969 13.3333 5.00016 13.3333C5.92064 13.3333 6.66683 12.5871 6.66683 11.6666L6.66683 6.66659L11.6668 6.66659C12.5873 6.66659 13.3335 5.92039 13.3335 4.99992C13.3335 4.07944 12.5873 3.33325 11.6668 3.33325H3.3335V11.6666Z' fill='currentColor'/%3E%3Cpath d='M26.6668 11.6666C26.6668 12.5871 25.9206 13.3333 25.0002 13.3333C24.0797 13.3333 23.3335 12.5871 23.3335 11.6666L23.3335 6.66659L18.3335 6.66659C17.413 6.66659 16.6668 5.92039 16.6668 4.99992C16.6668 4.07944 17.413 3.33325 18.3335 3.33325H26.6668L26.6668 11.6666Z' fill='currentColor'/%3E%3Cpath d='M13.3335 24.9999C13.3335 25.9204 12.5873 26.6666 11.6668 26.6666H3.3335V18.3333C3.3335 17.4128 4.07969 16.6666 5.00016 16.6666C5.92064 16.6666 6.66683 17.4128 6.66683 18.3333V23.3333H11.6668C12.5873 23.3333 13.3335 24.0794 13.3335 24.9999Z' fill='currentColor'/%3E%3Cpath d='M18.3335 26.6666C17.413 26.6666 16.6668 25.9204 16.6668 24.9999C16.6668 24.0794 17.413 23.3333 18.3335 23.3333H23.3335V18.3333C23.3335 17.4128 24.0797 16.6666 25.0002 16.6666C25.9206 16.6666 26.6668 17.4128 26.6668 18.3333V26.6666H18.3335Z' fill='currentColor'/%3E%3C/svg%3E");background-size:26px 26px}.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle.mapboxgl-ctrl-level-button-selected .mapboxgl-ctrl-icon{filter:invert(1) brightness(1)}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media(-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}}@media(-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media(-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}@media(-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:#ffffff80;margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:initial;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:#0000000d}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:#000000bf;text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:#ffffffbf;border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid #0000;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:initial;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:#0000000d}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px #0000001a;padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #00000059;box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid #0000;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid #0000;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:#000000b3;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-ctrl-separator{background-color:#e0e0e0;height:1px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button{color:#333;font-size:18px;font-weight:700;height:50px;width:50px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:hover{background-color:#f5f5f5}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected{background-color:#4a5568;color:#fff}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected:hover{background-color:#2d3748}.cesium-svgPath-svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.cesium-button{display:inline-block;position:relative;background:#303336;border:1px solid #444;color:#edffff;fill:#edffff;border-radius:4px;padding:5px 12px;margin:2px 3px;cursor:pointer;overflow:hidden;-moz-user-select:none;-webkit-user-select:none;user-select:none}.cesium-button:focus{color:#fff;fill:#fff;border-color:#ea4;outline:none}.cesium-button:hover{color:#fff;fill:#fff;background:#48b;border-color:#aef;box-shadow:0 0 8px #fff}.cesium-button:active{color:#000;fill:#000;background:#adf;border-color:#fff;box-shadow:0 0 8px #fff}.cesium-button:disabled,.cesium-button-disabled,.cesium-button-disabled:focus,.cesium-button-disabled:hover,.cesium-button-disabled:active{background:#303336;border-color:#444;color:#646464;fill:#646464;box-shadow:none;cursor:default}.cesium-button option{background-color:#000;color:#eee}.cesium-button option:disabled{color:#777}.cesium-button input,.cesium-button label{cursor:pointer}.cesium-button input{vertical-align:sub}.cesium-toolbar-button{box-sizing:border-box;width:32px;height:32px;border-radius:14%;padding:0;vertical-align:middle;z-index:0}.cesium-performanceDisplay-defaultContainer{position:absolute;top:50px;right:10px;text-align:right}.cesium-performanceDisplay{background-color:#282828b3;padding:7px;border-radius:5px;border:1px solid #444;font:700 12px sans-serif}.cesium-performanceDisplay-fps{color:#e52}.cesium-performanceDisplay-throttled{color:#a42}.cesium-performanceDisplay-ms{color:#de3}.cesium-animation-theme{visibility:hidden;display:block;position:absolute;z-index:-100}.cesium-animation-themeNormal{color:#222}.cesium-animation-themeHover{color:#4488b0}.cesium-animation-themeSelect{color:#242}.cesium-animation-themeDisabled{color:#333}.cesium-animation-themeKnob{color:#222}.cesium-animation-themePointer{color:#2e2}.cesium-animation-themeSwoosh{color:#8ac}.cesium-animation-themeSwooshHover{color:#aef}.cesium-animation-svgText{fill:#edffff;font-family:Sans-Serif;font-size:15px;text-anchor:middle}.cesium-animation-blank{fill:#000;fill-opacity:.01;stroke:none}.cesium-animation-rectButton{cursor:pointer;-moz-user-select:none;-webkit-user-select:none;user-select:none}.cesium-animation-rectButton .cesium-animation-buttonGlow{fill:#fff;stroke:none;display:none}.cesium-animation-rectButton:hover .cesium-animation-buttonGlow{display:block}.cesium-animation-rectButton .cesium-animation-buttonPath{fill:#edffff}.cesium-animation-rectButton .cesium-animation-buttonMain{stroke:#444;stroke-width:1.2}.cesium-animation-rectButton:hover .cesium-animation-buttonMain{stroke:#aef}.cesium-animation-rectButton:active .cesium-animation-buttonMain{fill:#abd6ff}.cesium-animation-buttonDisabled{-moz-user-select:none;-webkit-user-select:none;user-select:none}.cesium-animation-buttonDisabled .cesium-animation-buttonMain{stroke:#555}.cesium-animation-buttonDisabled .cesium-animation-buttonPath{fill:#818181}.cesium-animation-buttonDisabled .cesium-animation-buttonGlow{display:none}.cesium-animation-buttonToggled .cesium-animation-buttonGlow{display:block;fill:#2e2}.cesium-animation-buttonToggled .cesium-animation-buttonMain{stroke:#2e2}.cesium-animation-buttonToggled:hover .cesium-animation-buttonGlow{fill:#fff}.cesium-animation-buttonToggled:hover .cesium-animation-buttonMain{stroke:#2e2}.cesium-animation-shuttleRingG,.cesium-animation-shuttleRingPointer,.cesium-animation-shuttleRingPausePointer{cursor:pointer}.cesium-animation-shuttleRingBack{fill:#181818;fill-opacity:.8;stroke:#333;stroke-width:1.2}.cesium-animation-shuttleRingSwoosh line{stroke:#8ac;stroke-width:3;stroke-opacity:.2;stroke-linecap:round}.cesium-animation-knobOuter{cursor:pointer;stroke:#444;stroke-width:1.2}.cesium-animation-knobInner{cursor:pointer}.cesium-baseLayerPicker-selected{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.cesium-baseLayerPicker-dropDown{display:block;position:absolute;box-sizing:content-box;top:auto;right:0;width:320px;max-height:500px;margin-top:5px;background-color:#262626bf;border:1px solid #444;padding:6px;overflow:auto;border-radius:10px;-moz-user-select:none;-webkit-user-select:none;user-select:none;transform:translateY(-20%);visibility:hidden;opacity:0;transition:visibility 0s .2s,opacity .2s ease-in,transform .2s ease-in}.cesium-baseLayerPicker-dropDown-visible{transform:translate(0);visibility:visible;opacity:1;transition:opacity .2s ease-out,transform .2s ease-out}.cesium-baseLayerPicker-sectionTitle{display:block;font-family:sans-serif;font-size:16pt;text-align:left;color:#edffff;margin-bottom:4px}.cesium-baseLayerPicker-choices{margin-bottom:5px}.cesium-baseLayerPicker-categoryTitle{color:#edffff;font-size:11pt}.cesium-baseLayerPicker-choices{display:block;border:1px solid #888;border-radius:5px;padding:5px 0}.cesium-baseLayerPicker-item{display:inline-block;vertical-align:top;margin:2px 5px;width:64px;text-align:center;cursor:pointer}.cesium-baseLayerPicker-itemLabel{display:block;font-family:sans-serif;font-size:8pt;text-align:center;vertical-align:middle;color:#edffff;cursor:pointer;word-wrap:break-word}.cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemLabel,.cesium-baseLayerPicker-item:focus .cesium-baseLayerPicker-itemLabel{text-decoration:underline}.cesium-baseLayerPicker-itemIcon{display:inline-block;position:relative;width:inherit;height:auto;background-size:100% 100%;border:solid 1px #444;border-radius:9px;color:#edffff;margin:0;padding:0;cursor:pointer;box-sizing:border-box}.cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemIcon{border-color:#fff;box-shadow:0 0 8px #fff,0 0 8px #fff}.cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemLabel{color:#bdecf8}.cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemIcon{border:double 4px rgb(189,236,248)}.cesium-widget{font-family:sans-serif;font-size:16px;overflow:hidden;display:block;position:relative;top:0;left:0;width:100%;height:100%}.cesium-widget,.cesium-widget canvas{width:100%;height:100%;touch-action:none}.cesium-widget-credits{display:block;position:absolute;bottom:0;left:0;color:#fff;font-size:10px;text-shadow:0px 0px 2px #000000;padding-right:5px}.cesium-widget-errorPanel{position:absolute;inset:0;text-align:center;background:#000000b3;z-index:99999}.cesium-widget-errorPanel:before{display:inline-block;vertical-align:middle;height:100%;content:""}.cesium-widget-errorPanel-content{width:75%;max-width:500px;display:inline-block;text-align:left;vertical-align:middle;border:1px solid #510c00;border-radius:7px;background-color:#f0d9d5;font-size:14px;color:#510c00}.cesium-widget-errorPanel-content.expanded{max-width:75%}.cesium-widget-errorPanel-header{font-size:18px;font-family:Open Sans,Verdana,Geneva,sans-serif;background:#d69d93;border-bottom:2px solid #510c00;border-radius:3px 3px 0 0;padding:15px}.cesium-widget-errorPanel-scroll{overflow:auto;font-family:Open Sans,Verdana,Geneva,sans-serif;white-space:pre-wrap;padding:0 15px;margin:10px 0 20px}.cesium-widget-errorPanel-buttonPanel{padding:0 15px;margin:10px 0 20px;text-align:right}.cesium-widget-errorPanel-buttonPanel button{border-color:#510c00;background:#d69d93;color:#202020;margin:0}.cesium-widget-errorPanel-buttonPanel button:focus{border-color:#510c00;background:#f0d9d5;color:#510c00}.cesium-widget-errorPanel-buttonPanel button:hover{border-color:#510c00;background:#f0d9d5;color:#510c00}.cesium-widget-errorPanel-buttonPanel button:active{border-color:#510c00;background:#b17b72;color:#510c00}.cesium-widget-errorPanel-more-details{text-decoration:underline;cursor:pointer}.cesium-widget-errorPanel-more-details:hover{color:#2b0700}.cesium-cesiumInspector{border-radius:5px;transition:width ease-in-out .25s;background:#303336cc;border:1px solid #444;color:#edffff;display:inline-block;position:relative;padding:4px 12px;-moz-user-select:none;-webkit-user-select:none;user-select:none;overflow:hidden}.cesium-cesiumInspector-button{text-align:center;font-size:11pt}.cesium-cesiumInspector-visible .cesium-cesiumInspector-button{border-bottom:1px solid #aaa;padding-bottom:3px}.cesium-cesiumInspector input:enabled,.cesium-cesiumInspector-button{cursor:pointer}.cesium-cesiumInspector-visible{width:185px;height:auto}.cesium-cesiumInspector-hidden{width:122px;height:17px}.cesium-cesiumInspector-sectionContent{max-height:600px}.cesium-cesiumInspector-section-collapsed .cesium-cesiumInspector-sectionContent{max-height:0;padding:0!important;overflow:hidden}.cesium-cesiumInspector-dropDown{margin:5px 0;font-family:sans-serif;font-size:10pt;width:185px}.cesium-cesiumInspector-frustumStatistics{padding:5px;background-color:#505050bf}.cesium-cesiumInspector-pickButton{background-color:#0000004d;border:1px solid #444;color:#edffff;border-radius:5px;padding:3px 7px;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;user-select:none;margin:0 auto}.cesium-cesiumInspector-pickButton:focus{outline:none}.cesium-cesiumInspector-pickButton:active,.cesium-cesiumInspector-pickButtonHighlight{color:#000;background:#adf;border-color:#fff;box-shadow:0 0 8px #fff}.cesium-cesiumInspector-center{text-align:center}.cesium-cesiumInspector-sectionHeader{font-weight:700;font-size:10pt;margin:0;cursor:pointer}.cesium-cesiumInspector-pickSection{border:1px solid #aaa;border-radius:5px;padding:3px;margin-bottom:5px}.cesium-cesiumInspector-sectionContent{margin-bottom:10px;transition:max-height .25s}.cesium-cesiumInspector-tileText{padding-bottom:10px;border-bottom:1px solid #aaa}.cesium-cesiumInspector-relativeText{padding-top:10px}.cesium-cesiumInspector-sectionHeader:before{margin-right:5px;content:"-";width:1ch;display:inline-block}.cesium-cesiumInspector-section-collapsed .cesium-cesiumInspector-sectionHeader:before{content:"+"}ul.cesium-cesiumInspector-statistics{margin:0;padding-top:3px;padding-bottom:3px}ul.cesium-cesiumInspector-statistics+ul.cesium-cesiumInspector-statistics{border-top:1px solid #aaa}.cesium-cesiumInspector-slider{margin-top:5px}.cesium-cesiumInspector-slider input[type=number]{text-align:left;background-color:#222;outline:none;border:1px solid #444;color:#edffff;width:100px;border-radius:3px;padding:1px;margin-left:10px;cursor:auto}.cesium-cesiumInspector-slider input[type=number]::-webkit-outer-spin-button,.cesium-cesiumInspector-slider input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cesium-cesiumInspector-slider input[type=range]{margin-left:5px;vertical-align:middle}.cesium-cesiumInspector-hide .cesium-cesiumInspector-styleEditor{display:none}.cesium-cesiumInspector-styleEditor{padding:10px;border-radius:5px;background:#303336cc;border:1px solid #444}.cesium-cesiumInspector-styleEditor textarea{width:100%;height:300px;background:transparent;color:#edffff;border:none;padding:0;white-space:pre;overflow-wrap:normal;overflow-x:auto}.cesium-3DTilesInspector{width:300px;pointer-events:all}.cesium-3DTilesInspector-statistics{font-size:11px}.cesium-3DTilesInspector-disabledElementsInfo{margin:5px 0 0;padding:0 0 0 20px;color:#eed202}.cesium-3DTilesInspector div,.cesium-3DTilesInspector input[type=range]{width:100%;box-sizing:border-box}.cesium-cesiumInspector-error{color:#ff9e9e;overflow:auto}.cesium-3DTilesInspector .cesium-cesiumInspector-section{margin-top:3px}.cesium-3DTilesInspector .cesium-cesiumInspector-sectionHeader+.cesium-cesiumInspector-show{border-top:1px solid white}input.cesium-cesiumInspector-url{overflow:hidden;white-space:nowrap;overflow-x:scroll;background-color:transparent;color:#fff;outline:none;border:none;height:1em;width:100%}.cesium-cesiumInspector .field-group{display:table}.cesium-cesiumInspector .field-group>label{display:table-cell;font-weight:700}.cesium-cesiumInspector .field-group>.field{display:table-cell;width:100%}.cesium-VoxelInspector{width:300px;pointer-events:all}.cesium-VoxelInspector div,.cesium-VoxelInspector input[type=range]{width:100%;box-sizing:border-box}.cesium-VoxelInspector .cesium-cesiumInspector-section{margin-top:3px}.cesium-VoxelInspector .cesium-cesiumInspector-sectionHeader+.cesium-cesiumInspector-show{border-top:1px solid white}.cesium-button.cesium-fullscreenButton,.cesium-button.cesium-vrButton{display:block;width:100%;height:100%;margin:0;border-radius:0}.cesium-viewer-geocoderContainer .cesium-geocoder-input{border:solid 1px #444;background-color:#282828b3;color:#fff;display:inline-block;vertical-align:middle;width:0;height:32px;margin:0;padding:0 32px 0 0;border-radius:0;box-sizing:border-box;transition:width ease-in-out .25s,background-color .2s ease-in-out;-webkit-appearance:none}.cesium-viewer-geocoderContainer:hover .cesium-geocoder-input{border-color:#aef;box-shadow:0 0 8px #fff}.cesium-viewer-geocoderContainer .cesium-geocoder-input:focus{border-color:#ea4;background-color:#0f0f0fe6;box-shadow:none;outline:none}.cesium-viewer-geocoderContainer:hover .cesium-geocoder-input,.cesium-viewer-geocoderContainer .cesium-geocoder-input:focus,.cesium-viewer-geocoderContainer .cesium-geocoder-input-wide{padding-left:4px;width:250px}.cesium-viewer-geocoderContainer .search-results{position:absolute;background-color:#000;color:#eee;overflow-y:auto;opacity:.8;width:100%}.cesium-viewer-geocoderContainer .search-results ul{list-style-type:none;margin:0;padding:0}.cesium-viewer-geocoderContainer .search-results ul li{font-size:14px;padding:3px 10px}.cesium-viewer-geocoderContainer .search-results ul li:hover{cursor:pointer}.cesium-viewer-geocoderContainer .search-results ul li.active{background:#48b}.cesium-geocoder-searchButton{background-color:#303336;display:inline-block;position:absolute;cursor:pointer;width:32px;top:1px;right:1px;height:30px;vertical-align:middle;fill:#edffff}.cesium-geocoder-searchButton:hover{background-color:#48b}.cesium-infoBox{display:block;position:absolute;top:50px;right:0;width:40%;max-width:480px;background:#262626f2;color:#edffff;border:1px solid #444;border-right:none;border-top-left-radius:7px;border-bottom-left-radius:7px;box-shadow:0 0 10px 1px #000;transform:translate(100%);visibility:hidden;opacity:0;transition:visibility 0s .2s,opacity .2s ease-in,transform .2s ease-in}.cesium-infoBox-visible{transform:translate(0);visibility:visible;opacity:1;transition:opacity .2s ease-out,transform .2s ease-out}.cesium-infoBox-title{display:block;height:20px;padding:5px 30px 5px 25px;background:#545454;border-top-left-radius:7px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:content-box}.cesium-infoBox-bodyless .cesium-infoBox-title{border-bottom-left-radius:7px}button.cesium-infoBox-camera{display:block;position:absolute;top:4px;left:4px;width:22px;height:22px;background:transparent;border-color:transparent;border-radius:3px;padding:0 5px;margin:0}button.cesium-infoBox-close{display:block;position:absolute;top:5px;right:5px;height:20px;background:transparent;border:none;border-radius:2px;font-weight:700;font-size:16px;padding:0 5px;margin:0;color:#edffff}button.cesium-infoBox-close:focus{background:#ee880070;outline:none}button.cesium-infoBox-close:hover{background:#888;color:#000}button.cesium-infoBox-close:active{background:#a00;color:#000}.cesium-infoBox-bodyless .cesium-infoBox-iframe{display:none}.cesium-infoBox-iframe{border:none;width:100%;width:calc(100% - 2px)}span.cesium-sceneModePicker-wrapper{display:inline-block;position:relative;margin:0 3px}.cesium-sceneModePicker-visible{visibility:visible;opacity:1;transition:opacity .25s linear}.cesium-sceneModePicker-hidden{visibility:hidden;opacity:0;transition:visibility 0s .25s,opacity .25s linear}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-none{display:none}.cesium-sceneModePicker-slide-svg{transition:left 2s;top:0;left:0}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon{box-sizing:border-box;padding:0;margin:3px 0}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D,.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView,.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D{margin:0 0 3px}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-icon2D{left:100%}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-iconColumbusView{left:200%}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon3D{left:-200%}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon2D,.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-icon3D{left:-100%}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-iconColumbusView{left:100%}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-selected{border-color:#2e2;box-shadow:0 0 8px #fff,0 0 8px #fff}span.cesium-projectionPicker-wrapper{display:inline-block;position:relative;margin:0 3px}.cesium-projectionPicker-visible{visibility:visible;opacity:1;transition:opacity .25s linear}.cesium-projectionPicker-hidden{visibility:hidden;opacity:0;transition:visibility 0s .25s,opacity .25s linear}.cesium-projectionPicker-wrapper .cesium-projectionPicker-none{display:none}.cesium-projectionPicker-wrapper .cesium-projectionPicker-dropDown-icon{box-sizing:border-box;padding:0;margin:3px 0}.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonPerspective,.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonOrthographic{margin:0 0 3px}.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonPerspective .cesium-projectionPicker-iconOrthographic{left:100%}.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonOrthographic .cesium-projectionPicker-iconPerspective{left:-100%}.cesium-projectionPicker-wrapper .cesium-projectionPicker-selected{border-color:#2e2;box-shadow:0 0 8px #fff,0 0 8px #fff}.cesium-performance-watchdog-message-area{position:relative;background-color:#ff0;color:#000;padding:10px}.cesium-performance-watchdog-message{margin-right:30px}.cesium-performance-watchdog-message-dismiss{position:absolute;right:0;margin:0 10px 0 0}.cesium-navigationHelpButton-wrapper{position:relative;display:inline-block}.cesium-navigation-help{visibility:hidden;position:absolute;top:38px;right:2px;width:250px;border-radius:10px;transform:scale(.01);transform-origin:234px -10px;transition:visibility 0s .25s,transform .25s ease-in}.cesium-navigation-help-visible{visibility:visible;transform:scale(1);transition:transform .25s ease-out}.cesium-navigation-help-instructions{border:1px solid #444;background-color:#262626bf;padding-bottom:5px;border-radius:0 0 10px 10px}.cesium-click-navigation-help{display:none}.cesium-touch-navigation-help{display:none;padding-top:5px}.cesium-click-navigation-help-visible,.cesium-touch-navigation-help-visible{display:block}.cesium-navigation-help-pan{color:#6cf;font-weight:700}.cesium-navigation-help-zoom{color:#65fd00;font-weight:700}.cesium-navigation-help-rotate{color:#ffd800;font-weight:700}.cesium-navigation-help-tilt{color:#d800d8;font-weight:700}.cesium-navigation-help-details{color:#fff}.cesium-navigation-button{color:#fff;background-color:transparent;border-bottom:none;border-top:1px solid #444;border-right:1px solid #444;margin:0;width:50%;cursor:pointer}.cesium-navigation-button-icon{vertical-align:middle;padding:5px 1px}.cesium-navigation-button:focus{outline:none}.cesium-navigation-button-left{border-radius:10px 0 0;border-left:1px solid #444}.cesium-navigation-button-right{border-radius:0 10px 0 0;border-left:none}.cesium-navigation-button-selected{background-color:#262626bf}.cesium-navigation-button-unselected{background-color:#000000bf}.cesium-navigation-button-unselected:hover{background-color:#4c4c4cbf}.cesium-selection-wrapper{position:absolute;width:160px;height:160px;pointer-events:none;visibility:hidden;opacity:0;transition:visibility 0s .2s,opacity .2s ease-in}.cesium-selection-wrapper-visible{visibility:visible;opacity:1;transition:opacity .2s ease-out}.cesium-selection-wrapper svg{fill:#2e2;stroke:#000;stroke-width:1.1px}.cesium-timeline-main{position:relative;left:0;bottom:0;overflow:hidden;border:solid 1px #888;-moz-user-select:none;-webkit-user-select:none;user-select:none}.cesium-timeline-trackContainer{width:100%;overflow:auto;border-top:solid 1px #888;position:relative;top:0;left:0}.cesium-timeline-tracks{position:absolute;top:0;left:0;width:100%}.cesium-timeline-needle{position:absolute;left:0;top:1.7em;bottom:0;width:1px;background:red}.cesium-timeline-bar{position:relative;left:0;top:0;overflow:hidden;cursor:pointer;width:100%;height:1.7em;background:linear-gradient(to bottom,#747577cc,#3a4452cc 11%,#2e3238cc 46%,#353535cc 81% 100%)}.cesium-timeline-ruler{visibility:hidden;white-space:nowrap;font-size:80%;z-index:-200}.cesium-timeline-highlight{position:absolute;bottom:0;left:0;background:#08f}.cesium-timeline-ticLabel{position:absolute;top:0;left:0;white-space:nowrap;font-size:80%;color:#eee}.cesium-timeline-ticMain{position:absolute;bottom:0;left:0;width:1px;height:50%;background:#eee}.cesium-timeline-ticSub{position:absolute;bottom:0;left:0;width:1px;height:33%;background:#aaa}.cesium-timeline-ticTiny{position:absolute;bottom:0;left:0;width:1px;height:25%;background:#888}.cesium-timeline-icon16{display:block;position:absolute;width:16px;height:16px;background-image:url(data:text/plain;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sIDBITKIVzLEMAAAKNSURBVEjHxdXNSxRhHAfw7zzrqhuoWJnSkrippUVSEKsHI9BTUYdAJA/RoYMREV26rAdn6tAfUARi16hQqkOBQRgUEYFWEC3OwczMjdZd92VmdWfmeelgTjO7q7gb0VzmmZnn85vvPPPMM8B/3qTcE2PPpuTZKB1eWuUQACgXYACYwVFbCTTVeZXB/i55o4LFelcAZfStYD4vpAoPGAGo4GBcQEgSOAUMQyAezwK6iQfDPXnhS/FkHZ+/8VLMWxxqWkfH3gbMRNOYi2roavbja0zHQmoFPYf8ED4Ko4aivm9MOG/u9I8mwrafeK7a/tVrNc/bARYN5noadeq7q0342vXw9CIMU6BmW8rVP9cPBPe52uu+v3O/y9sB4gkTWs6Qsk0mj5ExXMelejvA8WafYmkmGPHanTijdtvif8rx5RiCjdWKs2Cp3jWRDl96KhrbqlBeJqBOLyLQXg0IgbkZDS0dO8EZxZfPSTA9jvDDK3mT0OmP1FXh3XwEEAKdTX5MRWLgjCK4pwH3xt/YnjgLHAv4lHTCAKMMu/wV+KZGob6PoKyMQ0+sgBpZVJZn0NterxQaVqef/DRn+/EXYds/mZx2eVeAW9d65dhCEsaKCb7K8HH0gqTevyh9GDkn0VULRiaLzJKGBu9swfdaiie5RVo9ESURN8E8BE0n7ggACJy8KzghSCzp6DmwWxkaCm24EBXr8wI8Hrkq06QBiRC0t24HALS11IBTCyJl4vb1AXmzpbVYTwoVOXN0h7L8Mwtm8bXPybIQ/5FCX3dA2cr6XowvGCA02CvztAnz9+JiZk1AMxG6fEreSoBiPNmoyNnuWiWVzAIAtISO08E6pZi/3N96AIDn4E3h3P8L/wshP+txtEs4JAAAAABJRU5ErkJggg==);background-repeat:no-repeat}.cesium-viewer{font-family:sans-serif;font-size:16px;overflow:hidden;display:block;position:relative;top:0;left:0;width:100%;height:100%}.cesium-viewer-cesiumWidgetContainer{width:100%;height:100%}.cesium-viewer-bottom{display:block;position:absolute;bottom:0;left:0;padding-right:5px}.cesium-viewer .cesium-widget-credits{display:inline;position:static;bottom:auto;left:auto;padding-right:0;color:#fff;font-size:10px;text-shadow:0 0 2px #000000}.cesium-viewer-timelineContainer{position:absolute;bottom:0;left:169px;right:29px;height:27px;padding:0;margin:0;overflow:hidden;font-size:14px}.cesium-viewer-animationContainer{position:absolute;bottom:0;left:0;padding:0;width:169px;height:112px}.cesium-viewer-fullscreenContainer,.cesium-viewer-vrContainer{position:absolute;bottom:0;right:0;padding:0;width:29px;height:29px;overflow:hidden}.cesium-viewer-toolbar{display:block;position:absolute;top:5px;right:5px}.cesium-viewer-cesiumInspectorContainer{display:block;position:absolute;top:50px;right:10px}.cesium-viewer-geocoderContainer{position:relative;display:inline-block;margin:0 3px}.cesium-viewer-cesium3DTilesInspectorContainer,.cesium-viewer-voxelInspectorContainer{display:block;position:absolute;top:50px;right:10px;max-height:calc(100% - 120px);box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.cesium-viewer-i3s-explorer ul{list-style-type:none}.cesium-viewer-i3s-explorer .layersList{padding:0}.cesium-viewer-i3s-explorer input{margin:0 3px 0 0}.cesium-viewer-i3s-explorer .expandItem{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:20px}.cesium-viewer-i3s-explorer .nested,.cesium-viewer-i3s-explorer #bsl-wrapper{display:none}.cesium-viewer-i3s-explorer .active{display:block}.cesium-viewer-i3s-explorer .li-wrapper{display:flex;flex-direction:row;align-content:center}.map-widget{width:100%;height:100%;position:relative}.map-type-badge{position:absolute;top:16px;left:16px;background:#fffffff2;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;color:#1e3a5f;box-shadow:0 2px 8px #00000026;z-index:1000}.leaflet-container{height:100%;width:100%;border-radius:8px}.image-widget{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-upload-area{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed rgba(148,163,184,.3);border-radius:8px;background:#f8fafc80;transition:all .3s ease;cursor:pointer}.image-upload-area:hover{border-color:#3b82f680;background:#3b82f60d}.image-upload-area.dragging{border-color:#3b82f6;background:#3b82f61a;transform:scale(1.02)}.upload-icon{color:#94a3b8;margin-bottom:12px}.upload-text{font-size:14px;font-weight:600;color:#475569;margin:0 0 4px}.upload-hint{font-size:12px;color:#94a3b8;margin:0}.image-container{width:100%;height:100%;overflow:hidden;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f8fafc}.image-container img{display:block;max-width:100%;max-height:100%}.image-error{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#ef4444;font-size:14px;font-weight:500}.text-widget{width:100%;height:100%;overflow:auto}.text-content{width:100%;height:100%;white-space:pre-wrap;word-wrap:break-word}.icon-widget{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.gauge-widget{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.gauge-container{position:relative;width:100%;max-width:300px}.gauge-svg{width:100%;height:auto}.gauge-value{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:700;color:#1f2937}.gauge-label{position:absolute;bottom:10%;left:50%;transform:translate(-50%);font-size:14px;color:#6b7280;text-align:center}.luminous-gauge .gauge-value{font-size:40px;background:linear-gradient(135deg,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spinning-gauge{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.spinning-ring{animation:spin 3s linear infinite;transform-origin:center}.spinning-svg{filter:drop-shadow(0 0 10px rgba(59,130,246,.3))}.spinning-value{font-size:40px;color:#3b82f6}.video-widget{width:100%;height:100%;background:#000}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px}.slideshow-widget{width:100%;height:100%;position:relative;background:#000}.slideshow-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.slideshow-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px}.slideshow-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;padding:12px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .3s;z-index:10}.slideshow-btn:hover{background:#000c}.slideshow-btn.prev{left:12px}.slideshow-btn.next{right:12px}.slideshow-indicators{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.indicator{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;padding:0;transition:background .3s}.indicator.active{background:#fff}.datetime-widget{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:8px}.date-display{font-size:18px;text-align:center}.time-display{font-size:48px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.map-control-widget{background:#fffffffa;border-radius:6px;box-shadow:0 4px 12px #0000001f,0 2px 4px #00000014;padding:0;display:flex;flex-direction:column;gap:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8)}.map-control-btn{background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:4px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);color:#374151;position:relative;overflow:hidden;min-width:48px;min-height:32px}.map-control-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f61a,#2563eb1a);opacity:0;transition:opacity .2s}.map-control-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.map-control-btn:hover:before{opacity:1}.map-control-btn:active{transform:translateY(0);box-shadow:0 2px 4px #3b82f633}.zoom-control{width:60px}.pan-control-circle{width:120px;height:120px;border-radius:50%!important;padding:0;position:relative;display:flex;align-items:center;justify-content:center}.pan-inner-ring{position:absolute;width:60px;height:60px;border:1px solid rgba(229,231,235,.4);border-radius:50%;pointer-events:none;z-index:1}.pan-center-circle{position:absolute;width:12px;height:12px;background:linear-gradient(135deg,#3b82f633,#2563eb33);border:1px solid rgba(59,130,246,.3);border-radius:50%;pointer-events:none;z-index:2}.pan-btn-top,.pan-btn-bottom,.pan-btn-left,.pan-btn-right{position:absolute;min-width:28px;min-height:28px;padding:6px;background:transparent!important;border:none!important;z-index:3;color:#6b7280;transition:none!important;box-shadow:none!important;will-change:auto!important}.pan-btn-top *,.pan-btn-bottom *,.pan-btn-left *,.pan-btn-right *{transform:none!important;transition:none!important;will-change:auto!important}.pan-btn-top:before,.pan-btn-bottom:before,.pan-btn-left:before,.pan-btn-right:before{display:none!important}.pan-btn-top:hover,.pan-btn-bottom:hover,.pan-btn-left:hover,.pan-btn-right:hover{color:#3b82f6!important;background:transparent!important}.pan-btn-top:hover *,.pan-btn-bottom:hover *,.pan-btn-left:hover *,.pan-btn-right:hover *{transform:none!important}.pan-btn-top:active,.pan-btn-bottom:active,.pan-btn-left:active,.pan-btn-right:active{box-shadow:none!important}.pan-btn-top:active *,.pan-btn-bottom:active *,.pan-btn-left:active *,.pan-btn-right:active *{transform:none!important}.pan-btn-top svg,.pan-btn-bottom svg,.pan-btn-left svg,.pan-btn-right svg{transform:none!important;transition:none!important}.pan-btn-top:hover svg,.pan-btn-bottom:hover svg,.pan-btn-left:hover svg,.pan-btn-right:hover svg{transform:none!important}.pan-btn-top{top:10px;left:50%;transform:translate(-50%)!important}.pan-btn-bottom{bottom:10px;left:50%;transform:translate(-50%)!important}.pan-btn-left{left:10px;top:50%;transform:translateY(-50%)!important}.pan-btn-right{right:10px;top:50%;transform:translateY(-50%)!important}.pan-row-middle{display:flex;gap:0}.pan-control{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:120px;padding:8px}.pan-control .map-control-btn{padding:12px}.scale-widget{background:#ffffffe6;border-radius:4px;padding:8px 12px;font-size:12px;font-weight:600;color:#374151;box-shadow:0 2px 4px #0000001a}.overview-map{width:200px;height:150px;background:#fffffff2;border-radius:6px;box-shadow:0 2px 8px #00000026;padding:8px}.overview-map-content{width:100%;height:100%;background:#e5e7eb;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#6b7280}.layer-list-widget{min-width:200px;max-width:300px;background:#fffffff2;border-radius:6px;box-shadow:0 2px 8px #00000026;padding:12px}.layer-list-header{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:8px;display:flex;align-items:center;gap:6px}.layer-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;font-size:13px;color:#4b5563;cursor:pointer;transition:all .2s}.layer-item:hover{background:#f3f4f6}.layer-item input[type=checkbox]{cursor:pointer}.compass-widget{width:60px;height:60px;background:#fffffff2;border-radius:50%;box-shadow:0 2px 8px #00000026;display:flex;align-items:center;justify-content:center}.compass-icon{color:#3b82f6}.tool-panel-widget{min-width:250px;max-width:350px;background:#fffffff2;border-radius:6px;box-shadow:0 2px 8px #00000026;padding:12px}.tool-panel-header{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:12px;display:flex;align-items:center;gap:6px}.tool-panel-content{display:flex;flex-direction:column;gap:8px}.tool-input-group{display:flex;flex-direction:column;gap:4px}.tool-input-group label{font-size:12px;color:#6b7280;font-weight:500}.tool-input-group input,.tool-input-group select{padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;color:#374151}.tool-input-group input:focus,.tool-input-group select:focus{outline:none;border-color:#3b82f6}.tool-btn{padding:8px 12px;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.tool-btn:hover{background:#2563eb}.tool-btn-secondary{background:#6b7280}.tool-btn-secondary:hover{background:#4b5563}.scale-bar-widget{width:-moz-fit-content;width:fit-content;min-width:100px;padding:8px 12px!important}.scale-bar-container{display:flex;flex-direction:column;gap:4px}.scale-bar-line{height:4px;background:transparent;border-bottom:2px solid #374151;border-left:2px solid #374151;border-right:2px solid #374151;position:relative;transition:width .3s ease}.scale-bar-line-inner{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#374151 0%,#374151 50%,transparent 50%,transparent 100%);background-size:10px 100%}.scale-bar-text{font-size:11px;font-weight:600;color:#374151;text-align:center;letter-spacing:.3px}.overview-widget{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:0!important;border:2px solid rgba(59,130,246,.3)}.overview-map-container{position:relative;cursor:pointer}.overview-map-container .leaflet-container{border-radius:inherit}.overview-map-container .leaflet-interactive{cursor:move!important}.overview-map-container .leaflet-interactive:hover{fill-opacity:.25!important}.layer-list-widget{width:-moz-fit-content;width:fit-content;min-width:200px}.layer-list-header{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.layer-list-header h4{margin:0;font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.layer-list-content{display:flex;flex-direction:column;gap:4px}.layer-list-empty{padding:12px;text-align:center;color:#9ca3af;font-size:12px}.layer-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:4px;cursor:pointer;transition:background-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.layer-item:hover{background-color:#f3f4f6}.layer-icon{display:flex;align-items:center;color:#6b7280;flex-shrink:0}.layer-item:hover .layer-icon{color:#3b82f6}.layer-name{font-size:13px;color:#374151;font-weight:500;flex:1}.coordinate-widget{width:-moz-fit-content;width:fit-content;min-width:220px}.coordinate-content{display:flex;align-items:center;gap:10px}.coordinate-display{flex:1}.coordinate-label{font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.coordinate-value{font-size:13px;font-weight:600;color:#374151;font-family:Courier New,monospace;line-height:1.4}.coordinate-actions{display:flex;gap:6px}.coordinate-action-btn{background:transparent;border:1px solid #e5e7eb;border-radius:4px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s;flex-shrink:0}.coordinate-action-btn:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.coordinate-action-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.coordinate-action-btn:active{transform:scale(.95)}.layer-manager-widget{width:-moz-fit-content;width:fit-content;min-width:250px}.layer-manager-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.layer-manager-header h4{margin:0;font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.layer-add-btn{background:#3b82f6;border:none;border-radius:4px;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s}.layer-add-btn:hover{background:#2563eb}.layer-add-form{display:flex;gap:6px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.layer-add-form input{flex:1;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;outline:none}.layer-add-form input:focus{border-color:#3b82f6}.layer-add-submit{background:#10b981;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.layer-add-submit:hover{background:#059669}.layer-manager-content{display:flex;flex-direction:column;gap:6px;overflow-y:auto;max-height:300px}.layer-manager-item{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:6px;border:1px solid #e5e7eb;background:#f9fafb;transition:all .2s}.layer-manager-item.visible{background:#eff6ff;border-color:#bfdbfe}.layer-manager-main{display:flex;align-items:center;gap:8px}.layer-visibility-btn{background:transparent;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;color:#6b7280;transition:color .2s;flex-shrink:0}.layer-visibility-btn:hover,.layer-manager-item.visible .layer-visibility-btn{color:#3b82f6}.layer-manager-name{flex:1;font-size:13px;font-weight:500;color:#374151}.layer-manager-actions{display:flex;gap:2px;margin-left:auto}.layer-action-btn{background:transparent;border:1px solid #d1d5db;border-radius:3px;padding:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.layer-action-btn:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.layer-action-btn.delete:hover{border-color:#ef4444;color:#ef4444}.layer-type-badge{font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding-left:28px}.measure-widget{width:-moz-fit-content;width:fit-content;min-width:200px}.measure-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.measure-header h4{margin:0;font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.measure-clear-btn{background:transparent;border:1px solid #e5e7eb;border-radius:4px;padding:4px;cursor:pointer;display:flex;align-items:center;color:#6b7280;transition:all .2s}.measure-clear-btn:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.measure-buttons{display:flex;gap:8px;margin-bottom:8px}.measure-type-btn{flex:1;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;color:#6b7280;transition:all .2s;font-size:12px;font-weight:500}.measure-type-btn:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.measure-type-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.measure-instruction{background:#fffbeb;border:1px solid #fbbf24;border-radius:4px;padding:8px 10px;font-size:11px;color:#92400e;line-height:1.4;margin-bottom:8px}.measure-result{background:#f0fdf4;border:1px solid #86efac;border-radius:6px;padding:10px 12px}.measure-result-label{font-size:10px;font-weight:600;color:#15803d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.measure-result-value{font-size:20px;font-weight:700;color:#166534;font-family:Courier New,monospace;margin-bottom:4px}.measure-result-info{font-size:11px;color:#15803d}.legend-widget{width:-moz-fit-content;width:fit-content;min-width:180px}.legend-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #e5e7eb}.legend-header h4{margin:0;font-size:13px;font-weight:600;color:#374151}.legend-items{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;font-size:12px;color:#4b5563;padding:4px 0}.legend-label{flex:1;line-height:1.3}.query-widget{width:-moz-fit-content;width:fit-content;min-width:250px}.query-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #e5e7eb}.query-header h4{margin:0;font-size:13px;font-weight:600;color:#374151}.query-clear-btn{background:transparent;border:none;padding:4px;cursor:pointer;color:#6b7280;display:flex;align-items:center;border-radius:4px;transition:background .2s}.query-clear-btn:hover{background:#f3f4f6;color:#374151}.query-toggle-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;margin-bottom:10px}.query-toggle-btn:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.query-toggle-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.query-instruction{display:flex;align-items:center;gap:8px;background:#eff6ff;border:1px solid #93c5fd;border-radius:4px;padding:8px 10px;font-size:11px;color:#1e40af;line-height:1.4}.query-result{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:10px;max-height:400px;overflow-y:auto}.query-result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e5e7eb;font-size:12px;color:#111827}.query-feature-type{display:inline-block;padding:2px 8px;background:#dbeafe;color:#1e40af;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.query-layer-name{font-size:11px;color:#6b7280;margin-bottom:8px;padding:6px 8px;background:#f3f4f6;border-radius:4px}.query-layer-name strong{color:#374151}.query-properties{display:flex;flex-direction:column;gap:6px}.query-property{display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:#fff;border-radius:4px;border:1px solid #e5e7eb}.query-property-key{font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.query-property-value{font-size:12px;color:#111827;word-break:break-word}.query-no-data{padding:12px;text-align:center;font-size:11px;color:#9ca3af;font-style:italic}.query-geometry{margin-top:8px;padding:6px 8px;background:#f3f4f6;border-radius:4px;font-size:11px}.query-geometry-label{color:#6b7280;font-weight:600;margin-bottom:2px}.query-geometry-value{color:#374151}.poi-widget{width:-moz-fit-content;width:fit-content;min-width:280px}.poi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #e5e7eb}.poi-header h4{margin:0;font-size:13px;font-weight:600;color:#374151}.poi-clear-btn{background:transparent;border:none;padding:4px;cursor:pointer;color:#6b7280;display:flex;align-items:center;border-radius:4px;transition:background .2s}.poi-clear-btn:hover{background:#f3f4f6;color:#374151}.poi-search-form{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.poi-search-input-wrapper{position:relative;display:flex;align-items:center}.poi-search-icon{position:absolute;left:10px;color:#9ca3af}.poi-search-input{width:100%;padding:8px 10px 8px 34px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;outline:none;transition:border-color .2s}.poi-search-input:focus{border-color:#3b82f6}.poi-search-btn{width:100%;padding:8px 12px;background:#3b82f6;border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.poi-search-btn:hover:not(:disabled){background:#2563eb}.poi-search-btn:disabled{background:#9ca3af;cursor:not-allowed}.poi-results{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:8px;max-height:300px;overflow-y:auto}.poi-results-header{font-size:11px;color:#6b7280;margin-bottom:6px;font-weight:600}.poi-result-item{display:flex;align-items:center;gap:8px;padding:8px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:6px;cursor:pointer;transition:all .2s}.poi-result-item:last-child{margin-bottom:0}.poi-result-item:hover{border-color:#3b82f6;background:#eff6ff}.poi-result-item.selected{border-color:#3b82f6;background:#dbeafe}.poi-result-icon{color:#3b82f6;display:flex}.poi-result-content{flex:1}.poi-result-name{font-size:12px;color:#111827;font-weight:500;margin-bottom:2px;line-height:1.3}.poi-result-coords{font-size:10px;color:#6b7280;font-family:monospace}.poi-result-nav-icon{color:#9ca3af}.poi-selected{margin-top:10px;padding:8px;background:#ecfdf5;border:1px solid #6ee7b7;border-radius:4px}.poi-selected-label{font-size:10px;color:#047857;font-weight:600;margin-bottom:2px}.poi-selected-name{font-size:12px;color:#065f46}.openfile-widget{width:-moz-fit-content;width:fit-content;min-width:280px}.openfile-header{margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #e5e7eb}.openfile-header h4{margin:0;font-size:13px;font-weight:600;color:#374151}.openfile-dropzone{border:2px dashed #d1d5db;border-radius:8px;padding:24px;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:10px}.openfile-dropzone:hover{border-color:#3b82f6;background:#eff6ff}.openfile-dropzone.dragging{border-color:#3b82f6;background:#dbeafe}.openfile-icon{color:#3b82f6;margin:0 auto 8px}.openfile-text{font-size:12px;color:#374151;font-weight:500;margin-bottom:4px}.openfile-hint{font-size:11px;color:#6b7280}.openfile-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:8px;max-height:250px;overflow-y:auto}.openfile-list-header{font-size:11px;color:#6b7280;margin-bottom:6px;font-weight:600}.openfile-item{display:flex;align-items:center;gap:8px;padding:8px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:6px}.openfile-item:last-child{margin-bottom:0}.openfile-item-icon{display:flex}.openfile-item-icon .success-icon{color:#10b981}.openfile-item-icon .error-icon{color:#ef4444}.openfile-item-content{flex:1}.openfile-item-name{font-size:12px;color:#111827;font-weight:500;margin-bottom:2px}.openfile-item-info{font-size:10px;color:#6b7280}.openfile-error{color:#ef4444}.openfile-remove-btn{background:transparent;border:none;padding:4px;cursor:pointer;color:#6b7280;display:flex;border-radius:4px;transition:all .2s}.openfile-remove-btn:hover{background:#fee2e2;color:#dc2626}.openfile-url-section{margin-bottom:10px}.openfile-url-header{font-size:11px;font-weight:600;color:#6b7280;margin-bottom:6px}.openfile-url-input-group{display:flex;gap:6px}.openfile-url-input{flex:1;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;color:#111827;transition:all .2s}.openfile-url-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.openfile-url-btn{padding:8px 12px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;min-width:38px}.openfile-url-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.openfile-url-btn:disabled{opacity:.5;cursor:not-allowed}.openfile-sample-section{margin-bottom:10px}.openfile-sample-header{font-size:11px;font-weight:600;color:#6b7280;margin-bottom:6px}.openfile-sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.openfile-sample-btn{padding:8px 12px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:6px;font-size:11px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.openfile-sample-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #3b82f64d}.compass-widget{padding:8px!important}.compass-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.compass-needle{display:flex;align-items:center;justify-content:center}.compass-icon{color:#ef4444;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.compass-center{position:absolute;width:8px;height:8px;background:#374151;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 4px #0003}.compass-label{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:11px;font-weight:700;color:#374151;letter-spacing:.5px}.layercolor-widget{width:-moz-fit-content;width:fit-content;min-width:260px}.layercolor-header{display:flex;align-items:center;gap:6px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #e5e7eb}.layercolor-header h4{margin:0;font-size:13px;font-weight:600;color:#374151}.layercolor-empty{padding:16px;text-align:center;font-size:11px;color:#9ca3af;font-style:italic}.layercolor-list{display:flex;flex-direction:column;gap:8px}.layercolor-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.layercolor-item-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;cursor:pointer;transition:background .2s}.layercolor-item-header:hover{background:#f3f4f6}.layercolor-item-name{font-size:12px;font-weight:500;color:#374151}.layercolor-item-toggle{font-size:10px;color:#9ca3af}.layercolor-controls{padding:10px;background:#fff;border-top:1px solid #e5e7eb}.layercolor-control-group{margin-bottom:12px}.layercolor-control-group:last-child{margin-bottom:0}.layercolor-control-group label{display:block;font-size:11px;font-weight:600;color:#6b7280;margin-bottom:6px}.layercolor-input-group{display:flex;flex-direction:column;gap:6px}.layercolor-picker{width:100%;height:32px;border:1px solid #d1d5db;border-radius:4px;cursor:pointer}.layercolor-presets{display:flex;gap:6px;flex-wrap:wrap}.layercolor-preset{width:24px;height:24px;border:2px solid #e5e7eb;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#fff}.layercolor-preset:hover{transform:scale(1.1);border-color:#3b82f6}.layercolor-slider{width:100%;height:4px;border-radius:2px;background:#e5e7eb;outline:none;-webkit-appearance:none}.layercolor-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#3b82f6;cursor:pointer}.layercolor-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none}.attributes-widget{width:-moz-fit-content;width:fit-content;min-width:400px}.attributes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #e5e7eb}.attributes-header h4{margin:0;font-size:13px;font-weight:600;color:#374151}.attributes-count{font-size:11px;color:#6b7280;font-weight:400}.attributes-export-btn{background:transparent;border:1px solid #d1d5db;padding:6px 10px;border-radius:4px;cursor:pointer;color:#374151;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;transition:all .2s}.attributes-export-btn:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.attributes-toolbar{margin-bottom:10px}.attributes-search{position:relative;display:flex;align-items:center}.attributes-search svg{position:absolute;left:10px;color:#9ca3af}.attributes-search-input{width:100%;padding:6px 10px 6px 34px;border:1px solid #d1d5db;border-radius:4px;font-size:11px;outline:none;transition:border-color .2s}.attributes-search-input:focus{border-color:#3b82f6}.attributes-empty{padding:20px;text-align:center;font-size:11px;color:#9ca3af;font-style:italic}.attributes-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:auto;max-height:350px}.attributes-table{width:100%;border-collapse:collapse;font-size:11px}.attributes-th{position:sticky;top:0;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 10px;text-align:left;font-weight:600;color:#374151;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.attributes-th:hover{background:#f3f4f6}.attributes-th-content{display:flex;align-items:center;gap:4px}.attributes-tr{border-bottom:1px solid #f3f4f6;transition:background .2s;cursor:pointer}.attributes-tr:hover{background:#f9fafb}.attributes-tr:last-child{border-bottom:none}.attributes-td{padding:8px 10px;color:#374151;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csv-import-widget{width:-moz-fit-content;width:fit-content;min-width:280px}.csv-header{margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #e5e7eb}.csv-header h4{margin:0;font-size:13px;font-weight:600;color:#374151}.csv-upload-section{margin-bottom:12px}.csv-upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s;color:#374151;font-size:12px;font-weight:500;width:100%}.csv-upload-btn:hover{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#3b82f6}.csv-status{margin-top:8px;font-size:11px;color:#6b7280;padding:6px 10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;text-align:center}.csv-mapping-section{border-top:1px solid #e5e7eb;padding-top:12px}.csv-mapping-header{font-size:12px;font-weight:600;color:#374151;margin-bottom:10px}.csv-mapping-item{margin-bottom:10px}.csv-mapping-item label{display:block;font-size:11px;font-weight:500;color:#6b7280;margin-bottom:4px}.csv-mapping-item select{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;color:#111827;background:#fff;cursor:pointer;transition:all .2s}.csv-mapping-item select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.csv-import-btn{width:100%;padding:10px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;margin-top:12px}.csv-import-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.csv-import-btn:disabled{opacity:.5;cursor:not-allowed}.database-widget{width:-moz-fit-content;width:fit-content;min-width:300px}.database-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #e5e7eb}.database-header h4{margin:0;font-size:13px;font-weight:600;color:#374151}.database-status-badge{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600}.database-status-badge.connected{background:#d1fae5;color:#065f46}.database-connection-form{display:flex;flex-direction:column;gap:10px}.database-form-group{display:flex;flex-direction:column;gap:4px}.database-form-group label{font-size:11px;font-weight:500;color:#6b7280}.database-form-group input,.database-form-group select{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;color:#111827;background:#fff;transition:all .2s}.database-form-group input:focus,.database-form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.database-form-row{display:grid;grid-template-columns:2fr 1fr;gap:8px}.database-connect-btn{padding:10px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;margin-top:4px}.database-connect-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.database-connect-btn:disabled{opacity:.7;cursor:not-allowed}.database-connected-view{display:flex;flex-direction:column;gap:12px}.database-info{display:flex;align-items:center;gap:10px;padding:10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.database-info svg{color:#3b82f6;flex-shrink:0}.database-info-text{flex:1}.database-info-name{font-size:12px;font-weight:600;color:#111827}.database-info-type{font-size:10px;color:#6b7280}.database-buttons{display:grid;grid-template-columns:2fr 1fr;gap:6px}.database-load-btn{padding:10px 16px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.database-load-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.database-load-btn:disabled{opacity:.5;cursor:not-allowed}.database-disconnect-btn{padding:10px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.database-disconnect-btn:hover:not(:disabled){background:#fee2e2;border-color:#fecaca;color:#dc2626}.database-status{padding:8px 10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:11px;color:#6b7280;text-align:center}.database-note{padding:8px 10px;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;font-size:10px;color:#92400e;line-height:1.4}.database-note strong{font-weight:600}.calendar-widget{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;border-radius:8px;padding:16px;overflow:hidden;min-height:0}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px;flex-shrink:0}.calendar-title{flex:1;text-align:center}.calendar-title h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.view-toggle{display:flex;gap:4px;justify-content:center}.view-toggle button{padding:4px 12px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.view-toggle button.active{background:var(--accent-color, #3b82f6);color:#fff;border-color:var(--accent-color, #3b82f6)}.view-toggle button:hover:not(.active){background:#f3f4f6}.today-btn{padding:6px 16px;border:none;background:var(--accent-color, #3b82f6);color:#fff;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;margin-bottom:12px;transition:opacity .2s;flex-shrink:0}.calendar-days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;flex-shrink:0}.day-header{text-align:center;font-size:12px;font-weight:600;color:#6b7280;padding:8px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;flex:1;min-height:0;align-content:start}.calendar-day{width:100%;border:1px solid #e5e7eb;border-radius:6px;padding:4px;cursor:pointer;transition:all .2s;position:relative;display:flex;flex-direction:column;background:#fff;min-height:30px;overflow:hidden}.calendar-day:hover{background:#f9fafb;border-color:var(--accent-color, #3b82f6)}.calendar-day.other-month{color:#d1d5db;background:#fafafa}.calendar-day.today{background:var(--accent-color, #3b82f6);color:#fff;border-color:var(--accent-color, #3b82f6)}.calendar-day.selected{border:2px solid var(--accent-color, #3b82f6);background:#eff6ff}.day-number{font-size:12px;font-weight:500}.event-indicators{display:flex;gap:2px;margin-top:2px;flex-wrap:wrap}.event-dot{width:4px;height:4px;border-radius:50%;background:var(--event-color, #10b981)}.calendar-day.today .event-dot{background:#fff}.more-events{font-size:9px;color:#6b7280;margin-left:2px}.week-view{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;flex:1;min-height:0}.week-day{border:1px solid #e5e7eb;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;min-height:0}.week-day:hover{border-color:var(--accent-color, #3b82f6);background:#f9fafb}.week-day.today,.week-day.selected{border:2px solid var(--accent-color, #3b82f6);background:#eff6ff}.week-day-header{display:flex;flex-direction:column;align-items:center;padding-bottom:8px;border-bottom:1px solid #e5e7eb;margin-bottom:8px}.day-name{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase}.week-day .day-number{font-size:20px;font-weight:700;color:#1f2937}.week-day.today .day-number{color:var(--accent-color, #3b82f6)}.week-day-events{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.week-event{padding:4px 6px;background:var(--event-color, #10b981);border-radius:4px;font-size:11px;color:#fff;display:flex;flex-direction:column}.event-time{font-size:9px;opacity:.9}.event-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-date-events{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;flex-shrink:0;max-height:200px;overflow-y:auto}.selected-date-events h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#1f2937}.event-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.event-list li{padding:8px;background:#f9fafb;border-radius:6px;border-left:3px solid var(--event-color, #10b981)}.event-list .event-time{font-size:12px;color:#6b7280;font-weight:500;margin-right:8px}.event-list .event-title{font-size:13px;color:#1f2937;font-weight:600}.event-description{margin:4px 0 0;font-size:12px;color:#6b7280}.no-events{font-size:13px;color:#9ca3af;font-style:italic;margin:0}.event-list-widget{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;border-radius:8px;padding:16px;overflow:hidden}.event-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.event-list-header h3{margin:0;font-size:18px;font-weight:700;color:#1f2937}.total-events{font-size:12px;color:#6b7280;background:#f3f4f6;padding:4px 10px;border-radius:12px;font-weight:500}.events-container{flex:1;overflow-y:auto;overflow-x:hidden}.event-list{display:flex;flex-direction:column;gap:12px}.event-group{margin-bottom:20px}.event-group-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#6b7280;font-size:14px;font-weight:600}.event-group-header svg{color:var(--accent-color, #3b82f6)}.event-group-header h3{margin:0;font-size:14px;font-weight:600;color:#1f2937;flex:1}.event-count{background:#f3f4f6;color:#6b7280;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.event-group-items{display:flex;flex-direction:column;gap:12px}.event-item{display:flex;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s;position:relative;overflow:hidden}.event-item:hover{border-color:var(--event-color, var(--accent-color, #3b82f6));box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}.event-item.past{opacity:.6}.event-item.today{background:#fef2f2;border-color:#fecaca}.event-indicator{width:4px;flex-shrink:0;border-radius:2px;background:var(--event-color, var(--accent-color, #3b82f6))}.event-content{flex:1;min-width:0}.event-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.event-title{margin:0;font-size:15px;font-weight:600;color:#1f2937;line-height:1.3}.event-date-badge{font-size:11px;color:#6b7280;background:#fff;padding:3px 8px;border-radius:6px;border:1px solid #e5e7eb;white-space:nowrap;font-weight:500}.event-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:6px}.event-detail{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.event-detail svg{flex-shrink:0;color:#9ca3af}.event-description{margin:6px 0 0;font-size:13px;color:#6b7280;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-countdown{margin-top:8px;font-size:12px;font-weight:600;color:var(--event-color, var(--accent-color, #3b82f6));background:#fff;padding:4px 8px;border-radius:6px;display:inline-block;border:1px solid currentColor}.events-container::-webkit-scrollbar{width:6px}.events-container::-webkit-scrollbar-track{background:transparent}.events-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.events-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.countdown-timer-widget{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;border-radius:8px;padding:20px;align-items:center;justify-content:center;gap:16px;overflow:hidden;min-height:0}.countdown-header{display:flex;align-items:center;gap:8px;width:100%;justify-content:center;flex-shrink:0}.countdown-icon{color:var(--accent-color, #3b82f6)}.countdown-header h3{margin:0;font-size:18px;font-weight:700;color:var(--text-color, #1f2937)}.countdown-target-date{font-size:13px;color:#6b7280;text-align:center;padding:8px 16px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb;flex-shrink:0}.countdown-display{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;flex:1;min-height:0}.countdown-display.vertical{flex-direction:column;gap:12px}.countdown-display.compact{gap:8px}.countdown-unit{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:60px;position:relative}.layout-compact .countdown-unit{flex-direction:row;gap:4px;min-width:auto}.countdown-value{font-size:clamp(24px,5vw,48px);font-weight:700;color:var(--accent-color, #3b82f6);font-variant-numeric:tabular-nums;line-height:1;text-align:center;padding:clamp(8px,2vw,16px) clamp(12px,3vw,20px);background:linear-gradient(135deg,#f9fafb,#fff);border-radius:12px;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;min-width:clamp(60px,10vw,100px)}.size-small .countdown-value{font-size:32px;padding:12px 16px;min-width:70px}.size-large .countdown-value{font-size:64px;padding:20px 24px;min-width:120px}.layout-compact .countdown-value{font-size:36px;padding:8px 12px;min-width:auto;border:1px solid #e5e7eb}.countdown-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;text-align:center}.size-small .countdown-label{font-size:10px}.size-large .countdown-label{font-size:14px}.layout-compact .countdown-label{display:none}.countdown-separator{font-size:36px;font-weight:700;color:var(--accent-color, #3b82f6);line-height:1;margin:0 4px}.countdown-expired{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;text-align:center}.expired-icon{font-size:64px;animation:celebration 1s ease-in-out infinite}@keyframes celebration{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}.countdown-expired h2{margin:0;font-size:28px;font-weight:700;color:var(--accent-color, #3b82f6)}.countdown-progress{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-top:8px;flex-shrink:0}.countdown-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-color, #3b82f6),#8b5cf6);border-radius:3px;transition:width 1s linear}@media(max-width:768px){.countdown-display{gap:12px}.countdown-value{font-size:36px;padding:12px 16px;min-width:80px}.size-large .countdown-value{font-size:48px;padding:16px 20px;min-width:100px}}.stopwatch-widget{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;border-radius:8px;padding:20px;gap:16px;overflow:hidden}.stopwatch-header{text-align:center}.stopwatch-header h3{margin:0;font-size:18px;font-weight:700;color:var(--text-color, #1f2937)}.stopwatch-display{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:16px;border:2px solid #e5e7eb;gap:12px}.time-group{display:flex;align-items:baseline;gap:4px;font-variant-numeric:tabular-nums}.time-value{font-size:48px;font-weight:700;color:var(--accent-color, #3b82f6);line-height:1;min-width:60px;text-align:center}.time-value.milliseconds{font-size:36px;min-width:48px;color:#6b7280}.size-small .time-value{font-size:32px;min-width:48px}.size-small .time-value.milliseconds{font-size:24px;min-width:36px}.size-large .time-value{font-size:64px;min-width:80px}.size-large .time-value.milliseconds{font-size:48px;min-width:60px}.time-separator{font-size:48px;font-weight:700;color:#d1d5db;line-height:1}.size-small .time-separator{font-size:32px}.size-large .time-separator{font-size:64px}.time-labels{display:flex;gap:48px;margin-top:8px}.time-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;text-align:center;min-width:60px}.size-small .time-label{font-size:9px;min-width:48px;gap:32px}.size-large .time-label{font-size:12px;min-width:80px}.stopwatch-controls{display:flex;gap:12px;justify-content:center}.control-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 20px;border:2px solid #e5e7eb;background:#fff;border-radius:12px;cursor:pointer;transition:all .2s;font-size:12px;font-weight:600;color:#6b7280;flex:1;max-width:100px}.control-btn:hover:not(:disabled){border-color:var(--accent-color, #3b82f6);background:#f9fafb;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.control-btn:disabled{opacity:.4;cursor:not-allowed}.control-btn.play{border-color:#10b981;color:#10b981}.control-btn.play:hover:not(:disabled){background:#ecfdf5;border-color:#10b981}.control-btn.pause{border-color:#f59e0b;color:#f59e0b}.control-btn.pause:hover:not(:disabled){background:#fffbeb;border-color:#f59e0b}.control-btn.lap{border-color:var(--accent-color, #3b82f6);color:var(--accent-color, #3b82f6)}.control-btn.lap:hover:not(:disabled){background:#eff6ff}.control-btn.reset{border-color:#ef4444;color:#ef4444}.control-btn.reset:hover:not(:disabled){background:#fef2f2;border-color:#ef4444}.control-btn svg{flex-shrink:0}.laps-container{flex:1;display:flex;flex-direction:column;min-height:0;border-top:2px solid #e5e7eb;padding-top:16px}.laps-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.laps-header h4{margin:0;font-size:14px;font-weight:700;color:var(--text-color, #1f2937)}.lap-count{font-size:11px;color:#6b7280;background:#f3f4f6;padding:3px 8px;border-radius:10px;font-weight:600}.laps-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.lap-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;font-variant-numeric:tabular-nums}.lap-item.best{background:#ecfdf5;border-color:#10b981}.lap-item.worst{background:#fef2f2;border-color:#ef4444}.lap-number{font-size:13px;font-weight:600;color:#6b7280;min-width:40px}.lap-time{font-size:14px;font-weight:600;color:var(--text-color, #1f2937);flex:1;text-align:center}.lap-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px}.lap-badge.best{background:#10b981;color:#fff}.lap-badge.worst{background:#ef4444;color:#fff}.laps-list::-webkit-scrollbar{width:6px}.laps-list::-webkit-scrollbar-track{background:transparent}.laps-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.laps-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.time-value{font-size:36px;min-width:48px}.time-value.milliseconds{font-size:28px;min-width:40px}.time-separator{font-size:36px}.control-btn{padding:12px 16px;max-width:80px}}.clock-widget{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border-radius:8px;padding:20px;gap:16px}.clock-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text-color, #1f2937);background:#f9fafb;padding:6px 12px;border-radius:8px;border:1px solid #e5e7eb}.clock-label svg{color:var(--accent-color, #3b82f6)}.digital-clock{display:flex;align-items:center;justify-content:center;flex:1;width:100%}.time-display{display:flex;align-items:baseline;gap:4px;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#f9fafb,#fff);padding:24px 32px;border-radius:16px;border:2px solid #e5e7eb;box-shadow:0 4px 12px #0000000d}.time-segment{font-size:56px;font-weight:700;color:var(--accent-color, #3b82f6);line-height:1;min-width:70px;text-align:center}.time-segment.milliseconds{font-size:36px;min-width:50px;color:#6b7280}.size-small .time-segment{font-size:36px;min-width:50px}.size-small .time-segment.milliseconds{font-size:24px;min-width:36px}.size-large .time-segment{font-size:72px;min-width:90px}.size-large .time-segment.milliseconds{font-size:48px;min-width:60px}.time-separator{font-size:56px;font-weight:700;color:#d1d5db;line-height:1;animation:blink 1s infinite}.size-small .time-separator{font-size:36px}.size-large .time-separator{font-size:72px}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.3}}.time-period{font-size:24px;font-weight:600;color:#6b7280;margin-left:8px}.size-small .time-period{font-size:18px}.size-large .time-period{font-size:32px}.analog-clock{position:relative;width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#fff,#f9fafb);border:4px solid var(--accent-color, #3b82f6);box-shadow:0 4px 16px #0000001a,inset 0 2px 8px #0000000d;flex-shrink:0}.size-small .analog-clock{width:150px;height:150px;border-width:3px}.size-large .analog-clock{width:250px;height:250px;border-width:5px}.clock-number{position:absolute;font-size:14px;font-weight:700;color:var(--text-color, #1f2937);transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.size-small .clock-number{font-size:11px}.size-large .clock-number{font-size:16px}.clock-marker{position:absolute;top:50%;left:50%;transform-origin:left center;background:#d1d5db}.clock-marker.hour{width:8px;height:2px;margin-left:-8px;background:var(--text-color, #1f2937)}.clock-marker.minute{width:5px;height:1px;margin-left:-5px}.clock-center{position:absolute;top:50%;left:50%;width:12px;height:12px;background:var(--accent-color, #3b82f6);border-radius:50%;transform:translate(-50%,-50%);z-index:10;box-shadow:0 2px 4px #0003}.size-small .clock-center{width:10px;height:10px}.size-large .clock-center{width:14px;height:14px}.clock-hand{position:absolute;top:50%;left:50%;transform-origin:left center;background:var(--text-color, #1f2937);border-radius:4px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.hour-hand{width:50px;height:6px;margin-left:-10px;margin-top:-3px;z-index:3}.size-small .hour-hand{width:38px;height:5px;margin-left:-8px;margin-top:-2.5px}.size-large .hour-hand{width:62px;height:7px;margin-left:-12px;margin-top:-3.5px}.minute-hand{width:70px;height:5px;margin-left:-10px;margin-top:-2.5px;z-index:2;background:var(--accent-color, #3b82f6)}.size-small .minute-hand{width:52px;height:4px;margin-left:-8px;margin-top:-2px}.size-large .minute-hand{width:88px;height:6px;margin-left:-12px;margin-top:-3px}.second-hand{width:80px;height:2px;margin-left:-15px;margin-top:-1px;background:#ef4444;z-index:4}.size-small .second-hand{width:60px;height:1.5px;margin-left:-12px;margin-top:-.75px}.size-large .second-hand{width:100px;height:2.5px;margin-left:-18px;margin-top:-1.25px}.clock-date{font-size:13px;color:#6b7280;text-align:center;font-weight:500;padding:6px 12px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.size-small .clock-date{font-size:11px}.size-large .clock-date{font-size:14px}.clock-timezone{display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af;font-weight:500}.clock-timezone svg{flex-shrink:0}.size-small .clock-timezone{font-size:10px}.size-large .clock-timezone{font-size:13px}@media(max-width:768px){.time-segment{font-size:42px;min-width:56px}.time-segment.milliseconds{font-size:28px;min-width:40px}.time-separator{font-size:42px}.analog-clock{width:150px;height:150px}}.schedule-widget{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;border-radius:8px;padding:16px;overflow:hidden}.schedule-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.schedule-title{flex:1;text-align:center}.schedule-title h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.nav-btn{padding:8px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.nav-btn:hover{background:#f3f4f6}.today-btn{padding:6px 16px;border:none;background:var(--accent-color, #3b82f6);color:#fff;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;margin-bottom:12px;transition:opacity .2s}.today-btn:hover{opacity:.9}.schedule-content{flex:1;overflow:auto;min-height:0}.schedule-day-view{display:flex;flex-direction:column;height:100%}.day-header h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#1f2937}.day-timeline{flex:1;display:flex;flex-direction:column;gap:4px}.time-slot{display:grid;grid-template-columns:60px 1fr;gap:12px;border-bottom:1px solid #f3f4f6;padding:8px 0;min-height:60px}.time-label{font-size:12px;font-weight:500;color:#6b7280;padding-top:4px}.slot-content{display:flex;flex-direction:column;gap:6px}.schedule-week-view{display:flex;flex-direction:column;height:100%}.week-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:4px;margin-bottom:8px;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.day-column-header{text-align:center;padding:8px;border-radius:8px;transition:background .2s}.day-column-header.today{background:var(--accent-color, #3b82f6);color:#fff}.day-name{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.day-number{font-size:18px;font-weight:700}.week-grid{flex:1;display:grid;grid-template-columns:60px repeat(auto-fit,minmax(80px,1fr));gap:4px;overflow:auto}.time-column{display:flex;flex-direction:column;gap:4px}.time-column .time-label{height:60px;display:flex;align-items:flex-start;padding-top:4px;font-size:11px;font-weight:500;color:#6b7280}.day-column{display:flex;flex-direction:column;gap:4px;border-right:1px solid #f3f4f6}.day-column.today{background:#eff6ff;border-right-color:var(--accent-color, #3b82f6)}.grid-cell{min-height:60px;border-bottom:1px solid #f3f4f6;padding:4px;display:flex;flex-direction:column;gap:2px}.schedule-agenda-view{display:flex;flex-direction:column;gap:16px}.agenda-day{display:grid;grid-template-columns:80px 1fr;gap:16px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.agenda-day:last-child{border-bottom:none}.agenda-date{display:flex;gap:12px;align-items:center}.date-number{font-size:32px;font-weight:700;color:var(--accent-color, #3b82f6);line-height:1}.date-info{display:flex;flex-direction:column;gap:2px}.date-day{font-size:13px;font-weight:600;color:#1f2937;text-transform:uppercase}.date-month{font-size:11px;color:#6b7280}.agenda-events{display:flex;flex-direction:column;gap:8px}.agenda-event{padding:12px;background:#f9fafb;border-radius:8px;border-left:4px solid var(--accent-color, #3b82f6)}.schedule-event{padding:8px;border-radius:6px;border-left:3px solid;background:#3b82f61a;font-size:12px;transition:all .2s;cursor:pointer}.schedule-event:hover{box-shadow:0 2px 8px #0000001a;transform:translate(2px)}.schedule-event .event-time{display:flex;align-items:center;gap:4px;font-size:11px;color:#6b7280;font-weight:500;margin-bottom:4px}.schedule-event .event-time svg{flex-shrink:0}.schedule-event .event-title{font-size:13px;font-weight:600;color:#1f2937;margin-bottom:4px;line-height:1.3}.week-grid .schedule-event .event-title{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-event .event-description{font-size:12px;color:#6b7280;line-height:1.5;margin-top:4px}.schedule-event .event-location{display:flex;align-items:center;gap:4px;font-size:11px;color:#9ca3af;margin-top:4px}.schedule-event .event-location svg{flex-shrink:0}.no-events{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af;gap:12px}.no-events svg{opacity:.3}.no-events p{margin:0;font-size:14px;font-weight:500}.schedule-content::-webkit-scrollbar,.week-grid::-webkit-scrollbar{width:6px;height:6px}.schedule-content::-webkit-scrollbar-track,.week-grid::-webkit-scrollbar-track{background:transparent}.schedule-content::-webkit-scrollbar-thumb,.week-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.schedule-content::-webkit-scrollbar-thumb:hover,.week-grid::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.week-header{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.week-grid{grid-template-columns:50px repeat(auto-fit,minmax(60px,1fr))}.agenda-day{grid-template-columns:60px 1fr;gap:12px}.date-number{font-size:24px}}.iframe-widget{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;border-radius:8px;overflow:hidden}.iframe-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0}.iframe-title{font-size:13px;font-weight:600;color:#1f2937}.iframe-actions{display:flex;gap:4px}.iframe-btn{padding:6px;border:1px solid #e5e7eb;background:#fff;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#6b7280}.iframe-btn:hover{background:#f3f4f6;color:#1f2937;border-color:#d1d5db}.iframe-container{flex:1;position:relative;min-height:0;overflow:hidden}.iframe-content{width:100%;height:100%;border:none;display:block}.iframe-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;z-index:10;gap:12px}.iframe-loading p{margin:0;font-size:14px;color:#6b7280}.spinner{animation:spin 1s linear infinite;color:#3b82f6}.youtube-widget{width:100%;height:100%;display:flex;background:#000;border-radius:8px;overflow:hidden}.youtube-container{position:relative;width:100%;height:100%;overflow:hidden}.youtube-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.audio-player-widget{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;border-radius:8px;padding:20px;gap:16px;overflow:auto;color:#fff;min-height:0}.audio-cover{width:100%;aspect-ratio:1;max-height:200px;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0000004d;flex-shrink:0}.audio-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.audio-info{text-align:center;flex-shrink:0}.audio-title{margin:0 0 4px;font-size:18px;font-weight:700;color:#fff}.audio-artist{margin:0;font-size:14px;color:#fffc}.audio-progress{display:flex;align-items:center;gap:8px;flex-shrink:0}.time-current,.time-duration{font-size:12px;font-weight:500;color:#ffffffe6;min-width:40px}.progress-bar{flex:1;height:6px;border-radius:3px;background:#ffffff4d;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 4px #0000004d}.progress-bar::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 2px 4px #0000004d}.audio-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0}.control-btn{width:44px;height:44px;border:none;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000026;flex-shrink:0}.control-btn:hover{background:#ffffff4d;transform:scale(1.08);box-shadow:0 4px 12px #0003}.control-btn:active{transform:scale(.95)}.play-btn{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;max-width:64px!important;max-height:64px!important;background:linear-gradient(135deg,#fff,#f0f0f0);color:#667eea;box-shadow:0 4px 16px #00000040,0 0 0 4px #fff3;position:relative;flex-shrink:0;aspect-ratio:1 / 1;padding:0}.play-btn:hover{background:linear-gradient(135deg,#fff 0% 100%);box-shadow:0 6px 20px #0000004d,0 0 0 6px #ffffff40;transform:scale(1.1)}.play-btn:active{transform:scale(1.05)}.play-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0}.audio-volume{display:flex;align-items:center;gap:8px;flex-shrink:0}.volume-btn{padding:8px;border:none;background:#fff3;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s}.volume-btn:hover{background:#ffffff4d}.volume-slider{flex:1;height:4px;border-radius:2px;background:#ffffff4d;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none}.audio-playlist{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;margin-top:8px;background:#0003;border-radius:8px;padding:12px}.audio-playlist h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#fff}.playlist-items{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1}.playlist-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;cursor:pointer;transition:background .2s}.playlist-item:hover{background:#ffffff1a}.playlist-item.active{background:#fff3}.track-number{font-size:12px;color:#ffffffb3;min-width:20px}.track-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.track-title{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{font-size:11px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-items::-webkit-scrollbar{width:6px}.playlist-items::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.playlist-items::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.playlist-items::-webkit-scrollbar-thumb:hover{background:#ffffff80}.pdf-viewer-widget{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;border-radius:8px;overflow:hidden}.pdf-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;gap:12px}.pdf-nav{display:flex;align-items:center;gap:8px}.pdf-page-info{font-size:13px;font-weight:500;color:#1f2937;min-width:100px;text-align:center}.pdf-actions{display:flex;align-items:center;gap:8px}.pdf-zoom-level{font-size:13px;font-weight:500;color:#6b7280;min-width:45px;text-align:center}.pdf-btn{padding:6px;border:1px solid #e5e7eb;background:#fff;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#6b7280}.pdf-btn:hover:not(:disabled){background:#f3f4f6;color:#1f2937;border-color:#d1d5db}.pdf-btn:disabled{opacity:.4;cursor:not-allowed}.pdf-container{flex:1;position:relative;min-height:0;overflow:hidden;background:#525659}.pdf-iframe{width:100%;height:100%;border:none}.pdf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:#9ca3af}.pdf-empty svg{opacity:.3}.pdf-empty p{margin:0;font-size:16px;font-weight:600;color:#6b7280}.pdf-empty span{font-size:13px;color:#9ca3af}.qrcode-widget{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border-radius:8px;padding:20px;gap:16px}.qrcode-container{display:flex;align-items:center;justify-content:center;padding:16px;background:#f9fafb;border-radius:12px;border:2px solid #e5e7eb}.qrcode-canvas{display:flex;align-items:center;justify-content:center}.qrcode-canvas canvas,.qrcode-canvas svg{max-width:100%;height:auto!important}.qrcode-label{font-size:14px;font-weight:600;color:#1f2937;text-align:center;max-width:90%;word-wrap:break-word}.qrcode-actions{display:flex;gap:8px}.download-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#6b7280;transition:all .2s}.download-btn:hover{background:#f3f4f6;color:#1f2937;border-color:#d1d5db}.barcode-widget{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border-radius:8px;padding:20px;gap:16px}.barcode-container{display:flex;align-items:center;justify-content:center;padding:16px;background:#f9fafb;border-radius:12px;border:2px solid #e5e7eb;max-width:100%;overflow:hidden}.barcode-canvas{max-width:100%;height:auto}.barcode-label{font-size:14px;font-weight:600;color:#1f2937;text-align:center;max-width:90%;word-wrap:break-word}.barcode-download-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#6b7280;transition:all .2s}.barcode-download-btn:hover{background:#f3f4f6;color:#1f2937;border-color:#d1d5db}.progress-bar-widget{width:100%;height:100%;display:flex;padding:20px;background:transparent;border-radius:12px;transition:all .3s ease}.progress-bar-widget.horizontal{flex-direction:column;justify-content:center;gap:12px}.progress-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.progress-header-left{display:flex;align-items:center;gap:10px}.progress-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,currentColor 0%,currentColor 100%);opacity:.1;position:relative}.progress-icon svg{position:absolute;opacity:1;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.progress-label{font-size:15px;font-weight:600;color:#1f2937;letter-spacing:-.01em}.progress-value{font-size:16px;font-weight:700;padding:4px 12px;border-radius:8px;background:linear-gradient(135deg,currentColor 0%,currentColor 100%);opacity:.15;position:relative}.progress-value:before{content:attr(style);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:1}.horizontal-bar-container{width:100%;border-radius:12px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000000f}.horizontal-bar-fill{height:100%;border-radius:12px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.horizontal-bar-fill:after{content:"";position:absolute;top:0;right:0;width:30px;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 100%);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:0}50%{opacity:1}}.horizontal-bar-fill.animated{animation:slideIn 1s ease-out}.horizontal-bar-fill.striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:20px 20px;animation:stripeMove 1s linear infinite}@keyframes slideIn{0%{width:0}}@keyframes stripeMove{0%{background-position:0 0}to{background-position:20px 20px}}.progress-bar-widget.vertical{flex-direction:column;align-items:center;justify-content:space-between;gap:16px}.vertical-header{display:flex;flex-direction:column;align-items:center;gap:8px}.vertical-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,currentColor 0%,currentColor 100%);opacity:.1;position:relative}.vertical-icon svg{position:absolute;opacity:1;animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.vertical-bar-container{width:48px;flex:1;border-radius:24px;overflow:hidden;position:relative;display:flex;align-items:flex-end;box-shadow:inset 0 2px 4px #0000000f}.vertical-bar-fill{width:100%;border-radius:24px;transition:height .8s cubic-bezier(.4,0,.2,1);position:relative}.vertical-bar-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:30px;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 100%);animation:shimmerVertical 2s ease-in-out infinite}@keyframes shimmerVertical{0%,to{opacity:0}50%{opacity:1}}.vertical-bar-fill.animated{animation:slideUp 1s ease-out}.vertical-bar-fill.striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:20px 20px;animation:stripeMove 1s linear infinite}@keyframes slideUp{0%{height:0}}.progress-bar-widget.circular{align-items:center;justify-content:center;position:relative}.circular-icon{position:absolute;top:20px;right:20px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,currentColor 0%,currentColor 100%);opacity:.1;z-index:1}.circular-icon svg{position:absolute;opacity:1;animation:iconRotate 3s linear infinite}@keyframes iconRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.circular-progress{width:100%;height:100%;max-width:200px;max-height:200px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.08))}.circular-progress circle.animated{transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.circular-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.circular-value{font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.05);animation:valuePopIn .6s cubic-bezier(.34,1.56,.64,1)}@keyframes valuePopIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.circular-label{font-size:clamp(12px,2vw,14px);font-weight:600;color:#6b7280;margin-top:6px;letter-spacing:.3px;text-transform:uppercase}.sparkline-widget{width:100%;height:100%;display:flex;flex-direction:column;padding:20px;background:transparent;border-radius:12px;gap:16px;box-shadow:0 1px 3px #0000000d;transition:all .3s ease}.sparkline-widget:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.sparkline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-shrink:0}.sparkline-info{display:flex;flex-direction:column;gap:4px}.sparkline-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.8px;opacity:.9}.sparkline-value{font-size:28px;font-weight:700;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.05)}.sparkline-value .value-animated{display:inline-block;animation:valueSlideIn .5s ease}@keyframes valueSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sparkline-trend{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:700;flex-shrink:0;box-shadow:0 2px 4px #0000000f;transition:all .3s ease}.sparkline-trend:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000001a}.sparkline-trend .trend-icon{display:flex;align-items:center;animation:trendBounce 2s ease-in-out infinite}.sparkline-trend .trend-percent{font-variant-numeric:tabular-nums}@keyframes trendBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.sparkline-trend.positive{color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7}.sparkline-trend.negative{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5}.sparkline-trend.neutral{color:#4b5563;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db}.sparkline-chart{flex:1;min-height:0;position:relative;overflow:hidden}.sparkline-chart svg{width:100%;height:100%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.05))}.sparkline-area{transition:all .3s ease;animation:areaFadeIn .8s ease}@keyframes areaFadeIn{0%{opacity:0}to{opacity:1}}.sparkline-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:lineDraw 1.5s ease forwards}@keyframes lineDraw{to{stroke-dashoffset:0}}.sparkline-dot{transition:all .3s ease;animation:dotPop .5s ease 1.5s forwards;transform-origin:center;opacity:0}@keyframes dotPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.sparkline-pulse{animation:pulse 2s ease-in-out 2s infinite;transform-origin:center}@keyframes pulse{0%,to{r:4px;opacity:.6}50%{r:8px;opacity:0}}.kpi-card-widget{width:100%;height:100%;display:flex;flex-direction:column;padding:20px;background:transparent;border-radius:8px;gap:12px}.kpi-card-widget.default{justify-content:space-between}.kpi-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.kpi-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-label{font-size:14px;font-weight:500;color:#6b7280;flex-shrink:0}.kpi-value{font-size:32px;font-weight:700;line-height:1;flex-shrink:0}.kpi-trend{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;flex-shrink:0}.kpi-trend.positive{color:#10b981;background:#d1fae5}.kpi-trend.negative{color:#ef4444;background:#fee2e2}.kpi-trend.neutral{color:#6b7280;background:#f3f4f6}.kpi-target-mini{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.kpi-target-label{font-size:11px;color:#9ca3af;font-weight:500}.kpi-target-bar{height:4px;background:#f3f4f6;border-radius:2px;overflow:hidden}.kpi-target-fill{height:100%;border-radius:2px;transition:width .5s ease}.kpi-card-widget.compact{flex-direction:row;align-items:center;gap:16px;border-left:4px solid;padding:16px}.kpi-card-widget.compact .kpi-icon{width:40px;height:40px;border-radius:8px}.kpi-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.kpi-value-row{display:flex;align-items:center;gap:8px}.kpi-card-widget.compact .kpi-value{font-size:24px}.kpi-card-widget.compact .kpi-label{font-size:12px}.kpi-card-widget.detailed{gap:16px}.kpi-icon-large{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;flex-shrink:0}.kpi-main-value{font-size:36px;font-weight:700;line-height:1;flex-shrink:0}.kpi-change-row{display:flex;align-items:center;gap:8px;flex-shrink:0}.kpi-trend-large{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:600}.kpi-trend-large.positive{color:#10b981;background:#d1fae5}.kpi-trend-large.negative{color:#ef4444;background:#fee2e2}.kpi-trend-large.neutral{color:#6b7280;background:#f3f4f6}.kpi-change-label{font-size:12px;color:#9ca3af;font-weight:500}.kpi-target{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f9fafb;border-radius:8px;flex-shrink:0}.kpi-target-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:#6b7280}.kpi-target-value{color:#1f2937}.kpi-target .kpi-target-bar{height:8px}.comparison-widget{width:100%;height:100%;display:flex;padding:20px;background:transparent;border-radius:8px;gap:20px}.comparison-widget.horizontal{flex-direction:row;align-items:center}.comparison-side{flex:1;min-width:0}.comparison-item{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f9fafb;border-radius:8px;border-left:4px solid}.comparison-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.comparison-value{font-size:clamp(20px,3vw,32px);font-weight:700;line-height:1}.comparison-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:8px;flex-shrink:0}.divider-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.divider-text{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.difference-value{font-size:16px;font-weight:700}.difference-percent{font-size:12px;font-weight:600}.comparison-divider.positive{color:#10b981}.comparison-divider.positive .divider-icon{background:#d1fae5}.comparison-divider.negative{color:#ef4444}.comparison-divider.negative .divider-icon{background:#fee2e2}.comparison-divider.neutral{color:#6b7280}.comparison-divider.neutral .divider-icon{background:#f3f4f6}.comparison-widget.vertical{flex-direction:column;justify-content:space-between}.comparison-widget.vertical .comparison-item{border-left:none;border-top:4px solid}.comparison-difference{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border-radius:8px;flex-shrink:0}.comparison-difference .difference-content{display:flex;flex-direction:column;gap:2px}.comparison-difference.positive{color:#10b981;background:#d1fae5}.comparison-difference.negative{color:#ef4444;background:#fee2e2}.comparison-difference.neutral{color:#6b7280;background:#f3f4f6}.target-vs-actual-widget{width:100%;height:100%;display:flex;flex-direction:column;padding:20px;background:transparent;border-radius:8px;gap:16px}.target-vs-actual-widget.default{justify-content:space-between}.target-header{display:flex;align-items:center;gap:12px;flex-shrink:0}.target-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.target-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.target-label{font-size:14px;font-weight:600;color:#1f2937}.target-percentage{font-size:12px;font-weight:600}.target-numbers{display:flex;gap:16px;flex-shrink:0}.number-item{flex:1;display:flex;flex-direction:column;gap:4px;padding:12px;background:#f9fafb;border-radius:8px}.number-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.number-value{font-size:20px;font-weight:700;color:#1f2937}.target-bar-wrapper{position:relative;flex-shrink:0}.target-bar-container{height:24px;background:#f3f4f6;border-radius:12px;overflow:visible;position:relative}.target-bar-fill{height:100%;border-radius:12px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.overflow-indicator{position:absolute;right:-8px;top:50%;transform:translateY(-50%);padding:2px 8px;border-radius:4px;color:#fff;font-size:10px;font-weight:700;white-space:nowrap}.target-marker{position:absolute;right:0;top:-8px;display:flex;flex-direction:column;align-items:center;gap:2px}.marker-line{width:2px;height:40px;background:#6b7280;border-radius:1px}.marker-label{font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase}.target-difference{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:600;flex-shrink:0}.target-difference.positive{color:#10b981;background:#d1fae5}.target-difference.negative{color:#ef4444;background:#fee2e2}.target-vs-actual-widget.minimal{gap:12px;padding:16px}.target-vs-actual-widget.minimal .target-header{justify-content:space-between}.target-vs-actual-widget.minimal .target-percentage{font-size:18px;font-weight:700}.target-vs-actual-widget.minimal .target-bar-container{height:12px;border-radius:6px}.target-vs-actual-widget.minimal .target-marker{top:50%;transform:translateY(-50%);color:#6b7280}.target-values{display:flex;justify-content:space-between;font-size:12px;color:#6b7280;font-weight:500}.target-value{font-weight:600;color:#9ca3af}.target-vs-actual-widget.detailed{gap:20px}.target-icon-badge{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.target-title{font-size:18px;font-weight:700;color:#1f2937;flex-shrink:0}.target-metrics{display:flex;gap:16px;align-items:center;flex-shrink:0}.metric-item{flex:1;display:flex;flex-direction:column;gap:6px}.metric-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase}.metric-value{font-size:24px;font-weight:700;color:#1f2937}.metric-divider{width:2px;height:40px;background:#e5e7eb;border-radius:1px}.target-progress-section{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.progress-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.progress-percentage{font-size:16px;font-weight:700}.target-bar-container.large{height:16px}.target-status{display:flex;align-items:center;gap:8px;padding:12px;border-radius:8px;font-size:13px;font-weight:600;flex-shrink:0}.target-status.achieved{color:#10b981;background:#d1fae5}.target-status.warning{color:#f59e0b;background:#fef3c7}.target-status.danger{color:#ef4444;background:#fee2e2}.leaderboard-widget{width:100%;height:100%;display:flex;flex-direction:column;padding:20px;background:transparent;border-radius:8px;gap:16px;overflow:hidden}.leaderboard-header{display:flex;align-items:center;gap:8px;flex-shrink:0}.leaderboard-title{font-size:16px;font-weight:700;color:#1f2937;margin:0}.leaderboard-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;min-height:0}.leaderboard-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f9fafb;border-radius:8px;transition:all .2s;flex-shrink:0}.leaderboard-item:hover{background:#f3f4f6;transform:translate(4px)}.leaderboard-item.highlighted{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24}.item-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.rank-badge{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;background:#e5e7eb;color:#1f2937;flex-shrink:0}.leaderboard-item.highlighted .rank-badge{color:#fff}.rank-icon{flex-shrink:0}.rank-icon.gold{color:#fbbf24}.rank-icon.silver{color:#94a3b8}.rank-icon.bronze{color:#d97706}.avatar-small{width:32px;height:32px;border-radius:50%;overflow:hidden;background:#e5e7eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-small img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-initials{font-size:12px;font-weight:700;color:#6b7280}.item-name{font-size:14px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-score{font-size:16px;font-weight:700;color:#6b7280;flex-shrink:0}.leaderboard-widget.compact{padding:16px;gap:12px}.leaderboard-item-compact{display:flex;align-items:center;gap:8px;padding:8px;background:#f9fafb;border-radius:6px;font-size:13px;flex-shrink:0}.leaderboard-item-compact .rank-badge{width:24px;height:24px;border-radius:6px;font-size:12px}.leaderboard-item-compact .item-name{flex:1;font-size:13px}.leaderboard-item-compact .item-score{font-size:14px}.leaderboard-item-compact.highlighted{background:#fef3c7;font-weight:600}.leaderboard-widget.detailed{gap:20px}.leaderboard-item-detailed{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f9fafb;border-radius:12px;transition:all .3s;border:2px solid transparent;flex-shrink:0}.leaderboard-item-detailed:hover{background:#f3f4f6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.leaderboard-item-detailed.top-1{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.leaderboard-item-detailed.top-2{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#94a3b8}.leaderboard-item-detailed.top-3{background:linear-gradient(135deg,#fed7aa,#fdba74);border-color:#f97316}.leaderboard-item-detailed .item-left{gap:16px}.rank-section{width:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rank-number{font-size:18px;font-weight:700;color:#6b7280}.avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#e5e7eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar .avatar-initials{font-size:16px}.item-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.leaderboard-item-detailed .item-name{font-size:16px}.item-trend{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.item-trend.trend-up{color:#10b981}.item-trend.trend-down{color:#ef4444}.item-trend.trend-same{color:#6b7280}.item-score-large{font-size:24px;font-weight:700;color:#1f2937;flex-shrink:0}.scorecard-widget{width:100%;height:100%;display:flex;flex-direction:column;padding:20px;background:transparent;border-radius:8px;gap:16px;overflow:hidden}.scorecard-title{font-size:18px;font-weight:700;color:#1f2937;margin:0;flex-shrink:0}.scorecard-widget.grid{overflow:auto}.scorecard-grid{display:grid;gap:16px;flex:1;min-height:0;align-content:start}.scorecard-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:2px solid #e5e7eb;transition:all .3s;min-height:120px}.scorecard-card:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.card-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.card-trend{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700}.card-trend.positive{color:#10b981;background:#d1fae5}.card-trend.negative{color:#ef4444;background:#fee2e2}.card-trend.neutral{color:#6b7280;background:#f3f4f6}.card-value{font-size:clamp(20px,3vw,28px);font-weight:700;line-height:1}.card-target{display:flex;flex-direction:column;gap:6px;margin-top:auto}.target-bar-container{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.target-bar-fill{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1)}.target-label{font-size:10px;color:#9ca3af;font-weight:600}.scorecard-widget.list{overflow:auto}.scorecard-list{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.scorecard-item-list{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f9fafb;border-radius:8px;border-left:4px solid #e5e7eb;transition:all .2s}.scorecard-item-list:hover{background:#f3f4f6;border-left-color:#3b82f6;transform:translate(4px)}.metric-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.metric-label{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.metric-trend{display:flex;align-items:center;gap:4px;padding:3px 6px;border-radius:4px;font-size:11px;font-weight:700}.metric-trend.positive{color:#10b981;background:#d1fae5}.metric-trend.negative{color:#ef4444;background:#fee2e2}.metric-trend.neutral{color:#6b7280;background:#f3f4f6}.metric-value{font-size:24px;font-weight:700;line-height:1}.metric-target-bar{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.target-progress{height:100%;border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.scorecard-grid{grid-template-columns:1fr!important}}.ai-anomaly-widget{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;border-radius:12px;padding:20px;color:#fff;overflow:hidden}.anomaly-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2)}.header-icon{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.anomaly-header h3{margin:0;font-size:18px;font-weight:600}.header-right{display:flex;align-items:center;gap:12px}.analyzing-badge{font-size:12px;padding:4px 10px;background:#fff3;border-radius:12px;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}.anomaly-count{font-size:13px;padding:4px 12px;background:#ffffff40;border-radius:12px;font-weight:600}.anomalies-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:5px}.anomalies-list::-webkit-scrollbar{width:6px}.anomalies-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.anomaly-card{background:#fffffff2;border-radius:10px;padding:16px;color:#1f2937;border-left:4px solid var(--severity-color);box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s}.anomaly-card:hover{transform:translateY(-2px);box-shadow:0 8px 12px #00000026}.anomaly-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.anomaly-metric{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:#111827}.anomaly-metric svg{color:var(--severity-color)}.anomaly-time{font-size:12px;color:#6b7280}.anomaly-values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;padding:12px;background:#f9fafb;border-radius:8px}.value-item{display:flex;flex-direction:column;gap:4px}.value-item .label{font-size:11px;color:#6b7280;text-transform:uppercase;font-weight:500}.value-item .value{font-size:16px;font-weight:700}.value.current{color:#111827}.value.expected{color:#6b7280}.value.deviation{font-size:15px}.value.deviation.spike{color:#ef4444}.value.deviation.drop{color:#3b82f6}.anomaly-description{display:flex;align-items:center;gap:8px;padding:10px;background:#fef3c7;border-radius:6px;font-size:13px;color:#92400e;margin-bottom:12px}.anomaly-description svg{flex-shrink:0;color:#f59e0b}.anomaly-footer{margin-top:8px}.confidence-bar{display:flex;align-items:center;gap:8px}.confidence-label{font-size:11px;color:#6b7280;font-weight:500;min-width:70px}.confidence-track{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.confidence-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .5s ease}.confidence-value{font-size:12px;font-weight:600;color:#059669;min-width:40px;text-align:right}.ai-forecast-widget{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;border-radius:12px;padding:20px;color:#fff;overflow:hidden}.ai-forecast-widget.loading{align-items:center;justify-content:center;gap:15px}.ai-forecast-widget.loading svg{animation:spark 1s ease-in-out infinite}@keyframes spark{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.forecast-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2)}.header-icon{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.forecast-header h3{margin:0;font-size:18px;font-weight:600}.metric-name{font-size:13px;opacity:.8}.model-badge{display:flex;align-items:center;gap:6px;font-size:11px;padding:6px 12px;background:#fff3;border-radius:12px;font-weight:500}.current-value-section{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px;margin-bottom:20px;text-align:center}.current-value-section .label{font-size:12px;opacity:.8;margin-bottom:8px}.current-value{font-size:36px;font-weight:700;margin-bottom:8px}.trend-indicator{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:4px 12px;background:#fff3;border-radius:12px}.predictions-list{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px;padding-right:5px}.predictions-list::-webkit-scrollbar{width:6px}.predictions-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.prediction-card{background:#fffffff2;border-radius:10px;padding:14px;color:#1f2937;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px #0000001a}.prediction-card:hover{transform:translateY(-3px);box-shadow:0 8px 12px #00000026}.prediction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.period{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;font-weight:500}.change{font-size:13px;font-weight:700;padding:3px 8px;border-radius:6px}.change.negative{color:#dc2626;background:#fee2e2}.prediction-value{font-size:24px;font-weight:700;color:#111827;margin-bottom:12px}.confidence-section{display:flex;align-items:center;gap:8px;font-size:11px}.confidence-label{color:#6b7280;min-width:65px}.confidence-bar{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.confidence-fill{height:100%;border-radius:3px;transition:width .6s ease}.confidence-value{font-weight:600;color:#059669;min-width:35px;text-align:right}.insights-section{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:14px;margin-bottom:12px}.insights-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin-bottom:10px}.insights-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.insights-list li{font-size:13px;padding-left:16px;position:relative;opacity:.9}.insights-list li:before{content:"•";position:absolute;left:0;color:#fbbf24;font-size:18px;line-height:13px}.accuracy-footer{text-align:center;font-size:13px;padding:10px;background:#ffffff1a;border-radius:8px;opacity:.9}.accuracy-footer strong{color:#fbbf24;margin-left:4px}.ai-insights-widget{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;border-radius:12px;padding:20px;color:#fff;overflow:hidden}.insights-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2)}.header-icon{animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:rotate(0) scale(1)}50%{opacity:.7;transform:rotate(180deg) scale(1.1)}}.insights-header h3{margin:0;font-size:18px;font-weight:600}.generating-badge{font-size:12px;padding:6px 12px;background:#ffffff40;border-radius:12px;font-weight:500;animation:pulse-badge 1.5s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:.7}50%{opacity:1}}.insights-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-right:5px}.insights-container::-webkit-scrollbar{width:6px}.insights-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.insight-card{background:#fffffffa;border-radius:12px;padding:18px;color:#1f2937;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s;border:2px solid transparent}.insight-card.priority-high{border-color:#fbbf24}.insight-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.insight-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.insight-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:transform .3s}.insight-card:hover .insight-icon{transform:scale(1.1) rotate(5deg)}.insight-meta{display:flex;align-items:center;gap:8px}.insight-time{font-size:11px;color:#6b7280}.priority-badge{font-size:10px;text-transform:uppercase;font-weight:600;padding:3px 8px;border-radius:6px;background:#fef3c7;color:#92400e}.insight-title{font-size:16px;font-weight:700;color:#111827;margin:0 0 10px}.insight-description{font-size:13px;color:#4b5563;line-height:1.6;margin:0 0 14px}.insight-metrics{display:flex;gap:20px;margin-bottom:14px;padding:12px;background:#f9fafb;border-radius:8px}.metric-item{display:flex;flex-direction:column;gap:4px}.metric-value.positive{color:#10b981}.metric-value.negative{color:#ef4444}.recommendations{background:#eff6ff;border-radius:8px;padding:12px;margin-bottom:12px}.recommendations-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1e40af;margin-bottom:8px}.recommendations ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.recommendations li{font-size:12px;color:#374151;padding-left:14px;position:relative}.recommendations li:before{content:"→";position:absolute;left:0;color:#3b82f6;font-weight:700}.confidence-bar{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.confidence-fill{height:100%;border-radius:2px;transition:width .6s ease}.empty-state svg{opacity:.5;animation:sparkle 2s ease-in-out infinite}.empty-state p{margin:0;font-size:16px;font-weight:600}.ai-query-widget{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;border-radius:12px;padding:20px;color:#fff;overflow:hidden}.query-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2)}.query-header h3{margin:0;font-size:18px;font-weight:600}.query-content{flex:1;overflow-y:auto;margin-bottom:15px;padding-right:5px}.query-content::-webkit-scrollbar{width:6px}.query-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.query-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:15px}.welcome-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.query-welcome h4{margin:0;font-size:20px;font-weight:600}.query-welcome p{margin:0;font-size:14px;opacity:.9}.suggestions{width:100%;max-width:400px;margin-top:10px}.suggestions-label{font-size:13px;opacity:.8;display:block;margin-bottom:10px}.suggestions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.suggestion-chip{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:12px;cursor:pointer;transition:all .2s}.suggestion-chip:hover{background:#ffffff4d;transform:translateY(-2px)}.processing-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:15px}.processing-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.processing-state p{margin:0;font-size:15px;opacity:.9}.results-container{background:#fffffff2;border-radius:12px;padding:18px;color:#1f2937;display:flex;flex-direction:column;gap:16px}.query-asked{padding:12px;background:#f3f4f6;border-radius:8px;border-left:3px solid #14b8a6}.query-label{font-size:11px;text-transform:uppercase;font-weight:600;color:#6b7280;display:block;margin-bottom:6px}.query-asked p{margin:0;font-size:14px;color:#111827;font-weight:500}.ai-answer{padding:14px;background:#eff6ff;border-radius:8px}.answer-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1e40af;margin-bottom:8px}.ai-answer p{margin:0;font-size:13px;color:#374151;line-height:1.6}.data-visualization{display:flex;flex-direction:column;gap:12px}.data-bar{display:grid;grid-template-columns:150px 1fr 80px;align-items:center;gap:12px}.data-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;color:#374151}.change{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px}.change.positive{color:#059669;background:#d1fae5}.bar-container{height:24px;background:#e5e7eb;border-radius:6px;overflow:hidden}.bar-fill{height:100%;border-radius:6px;transition:width .8s ease}.data-value{font-size:14px;font-weight:700;color:#111827;text-align:right}.summary-box{padding:12px;background:#fef3c7;border-radius:8px;font-size:13px;color:#92400e;line-height:1.6}.summary-box strong{color:#78350f}.new-query-btn{width:100%;padding:10px;background:linear-gradient(135deg,#14b8a6,#06b6d4);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.new-query-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #14b8a666}.query-input-form{display:flex;gap:10px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:8px}.query-input{flex:1;padding:10px 14px;background:#fffffff2;border:none;border-radius:8px;font-size:14px;color:#1f2937;outline:none}.query-input::-moz-placeholder{color:#9ca3af}.query-input::placeholder{color:#9ca3af}.query-submit{width:44px;height:44px;background:#fff;color:#14b8a6;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.query-submit:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #00000026}.query-submit:disabled{opacity:.5;cursor:not-allowed}.ai-smart-alert-widget{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;border-radius:12px;padding:20px;color:#fff;overflow:hidden}.alert-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2)}.header-left{display:flex;align-items:center;gap:12px}.header-icon{animation:ring 2s ease-in-out infinite}.header-icon.muted{animation:none;opacity:.5}@keyframes ring{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-15deg)}20%,40%{transform:rotate(15deg)}}.alert-header h3{margin:0;font-size:18px;font-weight:600}.subtitle{font-size:12px;opacity:.8}.mute-btn{width:36px;height:36px;background:#fff3;border:none;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.mute-btn:hover{background:#ffffff4d;transform:scale(1.1)}.filter-tabs{display:flex;gap:8px;margin-bottom:15px;overflow-x:auto;padding-bottom:5px}.filter-tabs::-webkit-scrollbar{height:3px}.filter-tabs::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.filter-tab{padding:6px 12px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:12px;text-transform:capitalize;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap}.filter-tab:hover{background:#ffffff4d}.filter-tab.active{background:#fff;color:#ef4444;font-weight:600}.count{background:#0003;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600}.alerts-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:5px}.alerts-container::-webkit-scrollbar{width:6px}.alerts-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.alert-card{border-radius:10px;padding:16px;color:#1f2937;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s}.alert-card:hover{transform:translateY(-2px);box-shadow:0 8px 12px #00000026}.alert-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.alert-icon{width:36px;height:36px;border-radius:8px;background:#ffffffb3;display:flex;align-items:center;justify-content:center}.dismiss-btn{width:24px;height:24px;background:#0000001a;border:none;border-radius:6px;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.dismiss-btn:hover{background:#0003;color:#111827}.alert-title{margin:0 0 8px;font-size:15px;font-weight:700}.alert-description{margin:0 0 12px;font-size:13px;color:#4b5563;line-height:1.5}.alert-metrics{display:flex;gap:12px;margin-bottom:10px}.metric-box{flex:1;padding:10px;background:#fff9;border-radius:8px;display:flex;flex-direction:column;gap:4px}.metric-label{font-size:11px;color:#6b7280;text-transform:uppercase;font-weight:500}.metric-value{font-size:16px;font-weight:700;color:#111827}.prediction-box{padding:10px;background:#0000000d;border-radius:6px;font-size:12px;color:#374151;margin-bottom:10px}.prediction-box strong{color:#111827}.action-box{display:flex;align-items:center;gap:8px;padding:10px;background:#00000014;border-radius:8px;margin-bottom:10px}.auto-badge{font-size:10px;padding:3px 8px;background:#10b981;color:#fff;border-radius:6px;font-weight:600;text-transform:uppercase;flex-shrink:0}.action-text{flex:1;font-size:12px;color:#374151;font-weight:500}.action-btn{padding:6px 12px;background:#111827;color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0}.action-btn:hover{background:#000;transform:scale(1.05)}.alert-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid rgba(0,0,0,.1)}.alert-time{font-size:11px;color:#6b7280}.confidence-badge{font-size:11px;padding:3px 8px;background:#10b98133;color:#065f46;border-radius:6px;font-weight:600}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fffc;text-align:center}.empty-state svg{opacity:.5}.empty-state p{margin:0;font-size:18px;font-weight:600}.empty-state span{font-size:13px;opacity:.7}.ai-recommendation-widget{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;border-radius:12px;padding:20px;color:#fff;overflow:hidden}.recommendation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2)}.header-left{display:flex;align-items:center;gap:10px}.recommendation-header h3{margin:0;font-size:18px;font-weight:600}.category-tabs{display:flex;gap:8px;margin-bottom:15px}.category-tab{flex:1;padding:8px 12px;background:#fff3;border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.category-tab:hover{background:#ffffff4d}.category-tab.active{background:#fff;color:#a855f7;font-weight:600}.recommendations-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:5px}.recommendations-list::-webkit-scrollbar{width:6px}.recommendations-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.recommendation-card{background:#fffffff2;border-radius:10px;padding:16px;color:#1f2937;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px #0000001a}.recommendation-card:hover{transform:translateY(-2px);box-shadow:0 8px 12px #00000026}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.rank-badge{width:28px;height:28px;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.score-badge{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:700;color:#92400e}.rec-title{margin:0 0 8px;font-size:15px;font-weight:700;color:#111827}.rec-reason{margin:0 0 12px;font-size:13px;color:#6b7280}.rec-action{display:flex;align-items:center;gap:8px;padding:10px;background:#eff6ff;border-radius:8px;font-size:13px;color:#1e40af;margin-bottom:12px}.rec-footer{display:flex;justify-content:space-between;align-items:center}.impact{font-size:14px;font-weight:700;color:#059669}.apply-btn{padding:6px 16px;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.apply-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #a855f766}.ai-health-widget{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;border-radius:12px;padding:20px;color:#fff;overflow:hidden}.ai-health-widget.loading{align-items:center;justify-content:center;font-size:16px}.health-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2)}.health-header h3{margin:0;font-size:18px;font-weight:600}.health-score-display{position:relative;width:200px;height:200px;margin:0 auto 25px}.score-ring{width:100%;height:100%}.score-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-value{font-size:56px;font-weight:800;line-height:1;margin-bottom:8px}.score-trend{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:#ffffffe6}.categories-grid{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;margin-bottom:15px;padding-right:5px}.categories-grid::-webkit-scrollbar{width:6px}.categories-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.category-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:12px;display:flex;align-items:center;gap:12px}.category-icon{width:40px;height:40px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.category-info{flex:1;min-width:0}.category-name{font-size:13px;opacity:.9;margin-bottom:4px}.category-score{font-size:18px;font-weight:700}.category-bar{width:80px;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.category-fill{height:100%;border-radius:3px;transition:width .8s ease}.insights-box{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:14px}.insights-header{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;margin-bottom:8px}.insights-box ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.insights-box li{font-size:12px;opacity:.95;padding-left:14px;position:relative}.insights-box li:before{content:"•";position:absolute;left:0;font-size:16px;line-height:12px}.ai-sentiment-widget{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;border-radius:12px;padding:20px;color:#fff;overflow:hidden}.ai-sentiment-widget.loading{align-items:center;justify-content:center;font-size:16px}.sentiment-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2)}.sentiment-header h3{margin:0;font-size:18px;font-weight:600}.overall-sentiment{display:flex;align-items:center;gap:20px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:20px;margin-bottom:20px}.sentiment-icon{width:60px;height:60px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sentiment-details{flex:1}.sentiment-score{font-size:32px;font-weight:800;line-height:1;margin-bottom:4px}.sentiment-label{font-size:14px;opacity:.9;text-transform:capitalize;margin-bottom:6px}.sentiment-change{display:inline-flex;align-items:center;gap:4px;font-size:13px;padding:4px 10px;background:#fff3;border-radius:8px;font-weight:600}.sentiment-distribution{background:#fffffff2;border-radius:10px;padding:16px;margin-bottom:20px}.distribution-bar{display:flex;height:32px;border-radius:8px;overflow:hidden;margin-bottom:12px}.bar-segment{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;transition:width .8s ease}.bar-segment.positive{background:#10b981}.bar-segment.neutral{background:#6b7280}.bar-segment.negative{background:#ef4444}.distribution-legend{display:flex;justify-content:center;gap:20px;font-size:12px;color:#6b7280}.distribution-legend span{display:flex;align-items:center;gap:6px}.dot{width:10px;height:10px;border-radius:50%}.dot.positive{background:#10b981}.dot.neutral{background:#6b7280}.dot.negative{background:#ef4444}.sources-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px}.source-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:12px}.source-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.source-name{font-size:13px;font-weight:600}.source-score{font-size:24px;font-weight:700;margin-bottom:4px}.source-volume{font-size:11px;opacity:.8}.keywords-section,.mentions-section{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:14px;margin-bottom:12px}.section-title{font-size:13px;font-weight:600;margin-bottom:10px}.keywords-list{display:flex;flex-wrap:wrap;gap:8px}.keyword-tag{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500}.keyword-tag.positive{background:#10b9814d;color:#d1fae5}.keyword-tag.negative{background:#ef44444d;color:#fee2e2}.mentions-list{display:flex;flex-direction:column;gap:10px}.mention-item{display:flex;gap:10px;padding:10px;background:#ffffff1a;border-radius:8px}.mention-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mention-item.positive .mention-icon{background:#10b981}.mention-item.negative .mention-icon{background:#ef4444}.mention-item.neutral .mention-icon{background:#6b7280}.mention-content{flex:1}.mention-content p{margin:0 0 4px;font-size:13px;line-height:1.4}.mention-time{font-size:11px;opacity:.7}.widget{display:flex;flex-direction:column;height:100%;transition:all .3s ease;position:relative;overflow:visible}.widget.widget-selected{z-index:99999!important;outline:2px dashed #3b82f6!important;outline-offset:-2px}.widget.map-subcomponent{width:-moz-fit-content!important;width:fit-content!important;height:-moz-fit-content!important;height:fit-content!important;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.widget.map-subcomponent:hover{box-shadow:0 0 0 2px #3b82f64d}.widget.map-subcomponent:active{cursor:grabbing;box-shadow:0 0 0 2px #3b82f699}.map-subcomponent-drag-handle{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;cursor:move;pointer-events:none}.widget.map-subcomponent:hover .map-subcomponent-drag-handle{pointer-events:auto}.widget.map-subcomponent .widget-content{pointer-events:auto;padding:0!important}.widget.map-subcomponent .widget-content>*{pointer-events:auto}.widget-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;border:1px solid rgba(229,231,235,.5);position:absolute;top:-60px;left:50%;transform:translate(-50%);z-index:99999;pointer-events:auto;transition:all .2s ease;white-space:nowrap}.widget-header>*{pointer-events:auto}.widget-header:hover{background:#fff;box-shadow:0 4px 12px #00000026}.widget-drag-handle,.widget-drag-handle .drag-icon{cursor:move;pointer-events:auto}.widget-drag-handle .widget-title{cursor:move;flex:1;pointer-events:auto}.drag-icon{color:#9ca3af;flex-shrink:0;pointer-events:none}.widget-title{font-weight:600;font-size:14px;color:#374151;text-transform:capitalize}.widget-actions{display:flex;gap:4px;z-index:10;position:relative}.widget-action-btn{padding:8px;background:transparent;border:1px solid rgba(229,231,235,.3);cursor:pointer;border-radius:8px;color:#6b7280;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;pointer-events:auto;z-index:100}.widget-action-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;transform:scale(1.1) rotate(5deg);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.widget-action-btn:active{transform:scale(.95)}.widget-action-btn.delete:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;transform:scale(1.15) rotate(-5deg);border-color:#ef4444;box-shadow:0 4px 12px #ef44444d}.widget-content{flex:1;padding:0;overflow:auto;display:flex;align-items:center;justify-content:center;height:100%}.widget-loading{color:#9ca3af;font-size:14px}.widget-context-menu{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:8px;box-shadow:0 8px 24px #0006,0 4px 12px #3b82f633;min-width:160px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.context-menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;color:#cbd5e1;cursor:pointer;border-radius:6px;transition:all .2s;font-size:14px;font-weight:500}.context-menu-item:hover{background:#3b82f626;color:#60a5fa;transform:translate(4px)}.context-menu-item.delete:hover{background:#ef444426;color:#f87171}.context-menu-item svg{flex-shrink:0}.modal-overlay{display:none}.modal-content{background:var(--bg-card);width:100%;height:100vh;max-height:100vh;box-shadow:-4px 0 20px var(--shadow-color);border-left:1px solid var(--border-color);position:relative;display:flex;flex-direction:column;overflow:hidden}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-primary)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.modal-header h3{margin:0;font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:.5px}.modal-close{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-close:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary);transform:rotate(90deg) scale(1.1)}.modal-content form{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.modal-body{padding:16px;display:flex;flex-direction:column;gap:16px;flex:1;overflow-y:auto;min-height:0;max-height:none}.settings-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;position:relative;overflow:visible;transition:all .3s ease;min-height:auto}.settings-section>*{position:relative;z-index:1}.settings-section .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.settings-section .form-group:last-child{margin-bottom:0}.settings-section .form-group label{padding-top:0;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary)}.settings-section .form-group.slider-group{grid-template-columns:200px 1fr}.settings-section .form-group.slider-group label{display:flex;flex-direction:column;align-items:flex-end;padding-top:8px}.settings-section .form-group.slider-group .slider-value-display{margin-top:4px;font-size:12px}.settings-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s ease;pointer-events:none;z-index:0}.settings-section:hover:before{left:100%}.settings-section:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px var(--shadow-color)}.section-title{font-size:11px;font-weight:700;color:var(--text-secondary);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:1.2px;position:relative;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:3px;height:12px;background:var(--accent-primary);border-radius:2px}.form-group{margin-bottom:8px}.form-group:last-child{margin-bottom:0}.margin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.margin-grid .form-group{display:flex;flex-direction:column;gap:8px}.margin-grid .form-group label{text-align:left;padding-top:0}.form-group label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.3px}.form-group input,.form-group select{width:100%;padding:10px 12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;color:var(--text-primary);font-size:13px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-card);box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-group small{display:block;margin-top:6px;color:#94a3b8;font-size:12px;line-height:1.4}.slider-group label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.slider-value-display{color:var(--text-secondary);font-size:13px;font-weight:500}.slider-container{display:flex;align-items:center;gap:12px}.slider-value{color:var(--accent-primary);font-size:13px;font-weight:600;min-width:50px;text-align:right;background:#667eea1a;padding:4px 8px;border-radius:4px;border:1px solid rgba(102,126,234,.2)}.slider-wrapper{padding:4px 0;position:relative;z-index:10}.custom-slider{width:100%;cursor:pointer;position:relative;z-index:10}.custom-slider *{cursor:pointer!important;pointer-events:auto!important}.color-picker-container{display:flex;gap:12px;align-items:center}.color-picker{width:50px;height:32px;border-radius:6px;border:2px solid var(--border-color);cursor:pointer;padding:2px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px var(--shadow-color)}.color-picker:hover{border-color:var(--accent-primary);transform:scale(1.08);box-shadow:0 4px 16px #667eea33}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border-radius:4px;border:none}.preset-colors{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.color-preset{width:32px;height:32px;border-radius:8px;border:2px solid var(--border-color);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;position:relative;box-shadow:0 2px 8px var(--shadow-color)}.color-preset:after{content:"";position:absolute;inset:-4px;border-radius:10px;border:2px solid transparent;transition:all .3s ease}.color-preset:hover{transform:scale(1.2) rotate(5deg);border-color:var(--accent-primary);box-shadow:0 4px 16px #667eea4d;z-index:10}.color-preset:hover:after{border-color:#3b82f64d}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:24px;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.btn-secondary,.btn-primary{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-color);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:1px solid rgba(59,130,246,.5);box-shadow:0 4px 12px #3b82f666;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);transform:translateY(-2px);box-shadow:0 8px 24px #3b82f699}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.btn-primary:hover{background:#2563eb}.axis-toggles{display:flex;flex-direction:column;gap:8px;margin:12px 0}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-card);border-radius:6px;border:1px solid var(--border-color);transition:all .2s ease}.toggle-item:hover{border-color:var(--accent-primary);background:#3b82f60d}.toggle-item label{color:var(--text-primary);font-size:12px;font-weight:500;margin:0}.toggle-switch{position:relative;display:inline-block;width:38px;height:20px;margin:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--border-color);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background:var(--accent-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.axis-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.control-item{display:flex;flex-direction:column;gap:6px}.control-item label{color:var(--text-secondary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0}.control-item input[type=number]{background:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;padding:6px;color:var(--text-primary);font-size:12px}.control-item span{color:var(--text-secondary);font-size:12px;margin-left:4px}.alignment-buttons{display:flex;gap:6px}.alignment-buttons button{flex:1;padding:6px 10px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.alignment-buttons button:hover{background:#667eea1a;border-color:var(--accent-primary);color:var(--accent-primary)}.alignment-buttons button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 4px 12px #667eea4d}.dashboard{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden;position:relative;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}.dashboard.sidebar-open{margin-right:400px}.settings-sidebar{position:fixed;top:0;right:0;width:400px;height:100vh;background:var(--bg-card);z-index:1001;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.settings-sidebar.open{transform:translate(0)}.sidebar-overlay{display:none}.dashboard-header{background:var(--bg-card);padding:12px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 1px 3px var(--shadow-color)}.dashboard-header h1{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.dashboard-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.device-presets{display:flex;align-items:center;gap:6px;background:var(--bg-secondary);padding:4px;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 1px 3px var(--shadow-color)}.device-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.device-btn:hover{background:#667eea1a;border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 2px 8px #667eea26}.device-btn.active{background:#667eea26;border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 12px #667eea33}.device-btn:active{transform:translateY(0)}.device-btn span{display:inline-block}.canvas-size-selector{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);padding:4px;border-radius:6px;border:1px solid var(--border-color)}.canvas-size-input{width:60px;padding:4px 8px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;color:var(--text-primary);font-size:12px;text-align:center}.canvas-size-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a}.canvas-size-label{font-size:12px;color:var(--text-secondary)}.zoom-controls{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);padding:4px 8px;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 1px 3px var(--shadow-color)}.zoom-btn{padding:6px;background:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--text-secondary)}.zoom-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.zoom-btn:active{transform:scale(.95)}.zoom-btn.active{background:var(--bg-active);color:var(--accent-primary)}.zoom-level{min-width:45px;text-align:center;font-size:12px;font-weight:500;color:var(--text-primary)}.dashboard-content{flex:1;overflow:hidden;padding:0;position:relative;width:100%;height:calc(100vh - 57px);background:var(--bg-tertiary)}.dashboard-content.drag-over{background:#667eea0d}.canvas-wrapper{transition:transform .2s ease;transform-origin:center center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--zoom-scale))}.canvas-page{background:var(--bg-card);box-shadow:0 4px 20px var(--shadow-lg),0 0 0 1px var(--border-color);position:relative;border-radius:8px}.canvas-page.show-grid{background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:20px 20px;background-color:var(--bg-card)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.empty-state h2{font-size:24px;margin-bottom:8px;color:var(--text-primary)}.empty-state p{font-size:16px}.layout{width:100%!important;height:100%!important;position:relative;background:transparent}.grid-item{background:transparent;border-radius:8px;overflow:visible;transition:all .3s ease}.grid-item.map-subcomponent-grid{overflow:visible;width:-moz-fit-content!important;width:fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.react-grid-item{background:transparent!important;overflow:visible!important}.react-grid-item:has(.map-subcomponent-grid){width:auto!important;height:auto!important}.react-grid-item.map-subcomponent-item{width:auto!important;height:auto!important}.react-grid-item.map-subcomponent-item>.grid-item{width:auto!important;height:auto!important}.react-grid-item.react-grid-placeholder{background:var(--accent-primary);opacity:.15;border-radius:8px}.react-grid-item.react-dragging{transition:none;z-index:100;opacity:.8}.react-grid-item.react-resizing{transition:none;z-index:100}.react-resizable-handle{position:absolute;z-index:100000;background:transparent!important;background-image:none!important;border:none!important}.react-resizable-handle:before,.react-resizable-handle:after{display:none!important;content:none!important}.react-resizable-handle-n{top:-4px;left:0;right:0;height:8px;cursor:ns-resize}.react-resizable-handle-e{right:-4px;top:0;bottom:0;width:8px;cursor:ew-resize}.react-resizable-handle-s{bottom:-4px;left:0;right:0;height:8px;cursor:ns-resize}.react-resizable-handle-w{left:-4px;top:0;bottom:0;width:8px;cursor:ew-resize}.react-resizable-handle-nw{top:-6px;left:-6px;width:12px;height:12px;cursor:nwse-resize}.react-resizable-handle-ne{top:-6px;right:-6px;width:12px;height:12px;cursor:nesw-resize}.react-resizable-handle-sw{bottom:-6px;left:-6px;width:12px;height:12px;cursor:nesw-resize}.react-resizable-handle-se{right:-6px;bottom:-6px;width:12px;height:12px;cursor:nwse-resize}.react-grid-item.react-dragging,.react-grid-item.react-resizing{outline:2px dashed #3b82f6;outline-offset:-2px}.sidebar{width:300px;background:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;overflow-y:hidden;overflow-x:hidden;box-shadow:2px 0 8px var(--shadow-color)}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;position:relative;overflow:hidden}.sidebar-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899)}.sidebar-header h2{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 6px;letter-spacing:-.5px}.sidebar-subtitle{font-size:13px;color:var(--text-secondary);margin:0;font-weight:500}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.sidebar-content::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#3b82f680}.sidebar-section{padding:16px}.sidebar-section h3{font-size:11px;font-weight:700;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:8px}.sidebar-section h3:before{content:"";width:3px;height:12px;background:linear-gradient(180deg,#3b82f6,#8b5cf6);border-radius:2px}.widget-category{margin-bottom:20px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.widget-category:last-child{margin-bottom:0}.category-label{font-size:11px;font-weight:700;color:var(--accent-primary);margin-bottom:10px;padding:6px 12px;text-transform:uppercase;letter-spacing:1px;background:#667eea14;border-left:3px solid var(--accent-primary);border-radius:4px;display:flex;align-items:center;gap:6px}.category-label:before{content:"▸";font-size:10px}.widget-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.widget-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:grab;transition:all .25s cubic-bezier(.4,0,.2,1);color:var(--text-secondary);font-size:11px;font-weight:600;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;text-align:center;aspect-ratio:1;min-height:100px}.widget-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent);transition:left .5s}.widget-button:hover:before{left:100%}.widget-button:active{cursor:grabbing;transform:scale(.97)}.widget-button:hover{background:#667eea14;border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-4px) scale(1.03);box-shadow:0 6px 24px #667eea33}.widget-button svg{flex-shrink:0;color:var(--accent-primary);width:28px;height:28px}.grip-icon{position:absolute;top:8px;right:8px;opacity:.15;flex-shrink:0;transition:opacity .3s;width:16px;height:16px}.widget-button:hover .grip-icon{opacity:.6}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-header h3{display:flex;align-items:center;gap:6px;margin:0}.add-btn{padding:4px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.add-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:scale(1.1)}.add-data-source-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:14px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 8px var(--shadow-color)}.add-data-source-form input,.add-data-source-form select{padding:10px 12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:12px;transition:all .3s}.add-data-source-form input:focus,.add-data-source-form select:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-card);box-shadow:0 0 0 3px #667eea1a}.form-actions{display:flex;gap:8px}.btn-submit,.btn-cancel{flex:1;padding:8px 14px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-submit{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.btn-submit:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-cancel{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-cancel:hover{background:var(--bg-hover);transform:translateY(-1px)}.data-source-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding-right:4px}.data-source-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;transition:all .3s ease}.data-source-item:hover{background:#667eea14;border-color:var(--accent-primary);transform:translate(4px);box-shadow:0 2px 12px #667eea1a}.ds-info{display:flex;align-items:center;gap:10px;flex:1}.ds-info svg{color:var(--accent-primary);flex-shrink:0}.ds-info svg.ds-icon-warehouse{color:#a855f7}.ds-details{display:flex;flex-direction:column;gap:3px}.ds-name{font-size:13px;font-weight:600;color:var(--text-primary)}.ds-type{font-size:10px;color:var(--text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.delete-ds-btn{padding:6px;background:transparent;border:none;color:#f87171;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .3s ease}.delete-ds-btn:hover{background:#ef444433;transform:scale(1.15);color:#ef4444;box-shadow:0 0 12px #ef444466}.dashboard-actions-section{border-bottom:1px solid var(--border-color);margin-bottom:8px}.dashboard-name-section{margin-bottom:12px}.dashboard-name-display-sidebar{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#667eea14;border:1px solid rgba(102,126,234,.2);border-radius:8px;transition:all .3s ease}.dashboard-name-display-sidebar:hover{background:#667eea1f;border-color:var(--accent-primary)}.dashboard-name-text{font-size:14px;font-weight:600;color:var(--text-primary);flex:1}.btn-edit-sidebar{padding:6px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--accent-primary);transition:all .3s ease}.btn-edit-sidebar:hover{background:#667eea33;border-color:var(--accent-primary);transform:scale(1.1);box-shadow:0 0 12px #667eea33}.dashboard-name-edit-sidebar{display:flex;flex-direction:column;gap:8px}.dashboard-name-input-sidebar{width:100%;padding:10px 12px;background:var(--input-bg);border:2px solid rgba(102,126,234,.3);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:600;outline:none;transition:all .3s ease}.dashboard-name-input-sidebar:focus{border-color:var(--accent-primary);background:var(--bg-card);box-shadow:0 0 0 3px #667eea1a}.edit-actions{display:flex;gap:8px}.btn-save-sidebar{flex:1;padding:8px 12px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease}.btn-save-sidebar:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-cancel-sidebar{flex:1;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel-sidebar:hover{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}.btn-save-dashboard-sidebar{width:100%;padding:8px 12px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #10b9814d}.btn-save-dashboard-sidebar svg{width:14px;height:14px}.btn-save-dashboard-sidebar:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98180}.btn-save-dashboard-sidebar:active{transform:translateY(0);box-shadow:0 2px 8px #10b9814d}.publish-section{margin-top:12px;display:flex;flex-direction:column;gap:12px}.btn-publish{width:100%;padding:8px 12px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #8b5cf64d}.btn-publish:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf680}.btn-publish.published{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.btn-publish.published:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444480}.public-url-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px}.public-url-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin-bottom:6px}.public-url-box{display:flex;gap:6px}.public-url-input{flex:1;padding:8px 10px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;color:var(--accent-primary);font-size:11px;font-family:Courier New,monospace}.public-url-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a}.btn-copy-url{padding:8px 12px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;color:#fff;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s ease}.btn-copy-url:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.dashboard-view-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:#f7fafc}.dashboard-body{display:flex;flex:1;overflow:hidden}.dashboard-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:2rem}.dashboard-not-found h2{font-size:1.5rem;color:#2d3748;margin-bottom:.5rem}.dashboard-not-found p{color:#718096}.save-notification{position:fixed;top:1.5rem;right:2rem;background:#48bb78;color:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:9999;animation:slideInRight .3s ease-out;font-weight:600}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.public-dashboard-container{height:100vh;width:100vw;overflow:hidden;background:#fff;margin:0;padding:0;position:fixed;top:0;left:0}.public-dashboard-header{background:#fff;padding:1.5rem 2rem;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:1rem}.public-dashboard-header h1{margin:0;font-size:1.5rem;font-weight:600}.public-badge{background:#28a745;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.public-dashboard-content{padding:0;margin:0;background:#fff;width:100vw;height:100vh;overflow:hidden}.public-dashboard-content .dashboard{width:100vw!important;height:100vh!important;overflow:hidden;background:#fff!important;flex:none!important}.public-dashboard-content .dashboard-content{width:100vw!important;height:100vh!important;display:block;overflow:hidden;padding:0!important;background:#fff!important;position:relative}.public-dashboard-content .canvas-wrapper{position:static!important;transform:none!important;top:auto!important;left:auto!important;margin:0!important;width:100vw!important;height:100vh!important}.public-dashboard-content .canvas-page{box-shadow:none!important;width:100vw!important;height:100vh!important;border:none!important;background:#fff!important;border-radius:0!important}.public-dashboard-content .layout{width:auto!important;height:auto!important}.public-dashboard-content .empty-state{display:none!important}.public-dashboard-content .react-grid-layout{width:100vw!important;height:100vh!important;background:#fff!important;position:relative!important}.public-dashboard-content .widget{pointer-events:none}.public-dashboard-content .widget-content{pointer-events:auto!important}.public-dashboard-content .react-grid-item{cursor:default!important}.public-dashboard-loading,.public-dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem}.spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.public-dashboard-error h2{color:#dc3545;margin-bottom:.5rem}.public-dashboard-error p{color:#6c757d}.data-warehouse-v2{background:transparent;min-height:calc(100vh - 60px);padding:1.5rem;padding-bottom:100px;position:relative;overflow-x:hidden}.view-title-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:0 .25rem}.view-title-bar h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.view-title-bar .count-badge{background:#6366f126;color:#6366f1;font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:99px}.btn-toggle-view{display:flex;align-items:center;gap:6px;margin-left:auto;padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-toggle-view:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.btn-toggle-view.active{background:linear-gradient(135deg,#6366f126,#8b5cf626);border-color:var(--accent-primary);color:var(--accent-primary)}.datasets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;padding:0}.dataset-card{background:linear-gradient(145deg,#1a2332,#141c2b);border:1px solid rgba(99,102,241,.15);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.dataset-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,.05) 0%,transparent 50%);opacity:0;transition:opacity .3s}.dataset-card:hover{transform:translateY(-4px);border-color:#6366f166;box-shadow:0 8px 32px #6366f133}.dataset-card:hover:before{opacity:1}.dataset-card.processing{opacity:.7;pointer-events:none}.dataset-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;position:relative}.icon-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.icon-db{color:#64748b;margin-bottom:-8px}.icon-stack{display:flex;flex-direction:column;gap:3px;margin-top:4px}.stack-bar{width:32px;height:6px;background:currentColor;border-radius:2px;opacity:.9}.stack-bar:nth-child(2){opacity:.7}.stack-bar:nth-child(3){opacity:.5}.icon-spatial{position:absolute;bottom:-4px;right:-8px;background:#3b82f6;color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #0a0f1a}.dataset-name-v2{color:#fff;font-size:.875rem;font-weight:600;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:6px}.published-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);padding:2px 4px;border-radius:4px;color:#fff;flex-shrink:0}.dataset-meta{display:flex;align-items:center;gap:.5rem}.meta-item{display:flex;align-items:center;gap:4px;color:#64748b;font-size:.75rem}.dataset-size{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600}.card-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transform:translateY(-8px);transition:all .2s ease}.dataset-card:hover .card-actions{opacity:1;transform:translateY(0)}.action-btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.action-btn.map{background:#3b82f633;color:#3b82f6}.action-btn.map:hover{background:#3b82f6;color:#fff}.action-btn.preview{background:#6366f133;color:#6366f1}.action-btn.preview:hover{background:#6366f1;color:#fff}.action-btn.delete{background:#ef444433;color:#ef4444}.action-btn.delete:hover{background:#ef4444;color:#fff}.action-btn.stop{background:#f9731633;color:#f97316}.action-btn.stop:hover{background:#f97316;color:#fff}.processing-overlay{position:absolute;inset:0;background:#0a0f1ae6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#6366f1;font-size:.75rem;border-radius:12px}.empty-state-v2{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:#64748b}.empty-icon{width:80px;height:80px;background:#6366f11a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6366f1}.empty-state-v2 h3{color:#fff;margin:0}.empty-state-v2 p{margin:0}.btn-upload-first{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.btn-upload-first:hover{transform:translateY(-2px);box-shadow:0 4px 16px #6366f166}.bottom-action-bar{position:fixed;bottom:24px;left:260px;right:0;height:auto;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;z-index:100;pointer-events:none}.action-buttons-center{pointer-events:auto}.back-btn{display:none}.action-buttons-center{display:flex;align-items:center;gap:.5rem;background:#141c2bf2;padding:.5rem;border-radius:12px;border:1px solid rgba(99,102,241,.2)}.action-btn-main{width:48px;height:48px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-weight:600}.action-btn-main.upload,.action-btn-main.cloud,.action-btn-main.api,.action-btn-main.realtime,.action-btn-main.ogc{background:#47556966;color:#94a3b8}.action-btn-main.upload:hover,.action-btn-main.cloud:hover,.action-btn-main.api:hover,.action-btn-main.realtime:hover,.action-btn-main.ogc:hover{background:#47556999;color:#e2e8f0}.action-btn-main.upload.active,.action-btn-main.cloud.active,.action-btn-main.api.active,.action-btn-main.realtime.active,.action-btn-main.ogc.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 16px #10b98166;transform:scale(1.05)}.api-text{font-size:.75rem;font-weight:700}.fab-add{width:56px;height:56px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #10b98166;transition:all .3s;position:fixed;bottom:24px;right:24px;pointer-events:auto}.fab-add:hover{transform:scale(1.1);box-shadow:0 6px 24px #10b98180}.jobs-floating{position:fixed;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000}.job-pill{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#1e293bf2;border:1px solid rgba(59,130,246,.3);border-radius:999px;color:#fff;font-size:.75rem;box-shadow:0 4px 16px #0000004d}.job-progress{color:#3b82f6;font-weight:600}.upload-modal{background:linear-gradient(145deg,#1a2332,#0f1520);border:1px solid rgba(99,102,241,.2);border-radius:16px;width:95%;max-width:55%!important;max-height:92vh;height:92vh;overflow:hidden;display:flex;flex-direction:column}.upload-modal .modal-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(99,102,241,.1);display:flex;align-items:center;justify-content:space-between}.upload-modal .modal-header h2{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:1.25rem;margin:0}.source-tabs{display:flex;padding:0 1.5rem;background:#0f172a80}.source-tabs .tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#64748b;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.source-tabs .tab:hover{color:#94a3b8}.source-tabs .tab.active{color:#6366f1;border-bottom-color:#6366f1}.upload-form-v2{display:flex;flex-direction:column;gap:1.25rem}.upload-form-v2.db-form{gap:.75rem}.form-section{background:#0f172a66;border:1px solid rgba(99,102,241,.1);border-radius:12px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.section-header{display:flex;align-items:center;gap:.5rem;color:#a5b4fc;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding-bottom:.625rem;border-bottom:1px solid rgba(99,102,241,.15);margin-bottom:.25rem}.section-header svg{opacity:.8}.form-row.three-col{display:flex;gap:.75rem}.form-row.three-col .flex-1{flex:1}.form-row.three-col .flex-2{flex:2}.dropzone{border:2px dashed rgba(99,102,241,.3);border-radius:14px;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:.875rem;cursor:pointer;transition:all .2s;color:#64748b;min-height:140px}.dropzone:hover{border-color:#6366f180;background:#6366f10d}.dropzone span{color:#94a3b8;font-size:.95rem}.dropzone small{color:#475569;font-size:.8rem}.file-selected{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#10b981}.file-selected span{color:#fff}.upload-modal .form-group{display:flex;flex-direction:column;gap:.5rem}.upload-modal .form-group label{color:#94a3b8;font-size:.8125rem;font-weight:500}.upload-modal .form-group input,.upload-modal .form-group select,.upload-modal .form-group textarea{width:100%;background:#0f172a99;border:1px solid rgba(99,102,241,.2);border-radius:10px;padding:.875rem 1rem;color:#fff;font-size:.9rem;transition:all .2s}.upload-modal .form-group input:focus,.upload-modal .form-group select:focus,.upload-modal .form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.upload-modal .form-group input::-moz-placeholder,.upload-modal .form-group textarea::-moz-placeholder{color:#475569}.upload-modal .form-group input::placeholder,.upload-modal .form-group textarea::placeholder{color:#475569}.upload-modal .form-group .form-hint{display:block;font-size:.75rem;color:#64748b;margin-top:.25rem;font-style:italic}.upload-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.upload-modal .form-row.three-col{grid-template-columns:2fr 1fr}.upload-modal .modal-body{padding:2rem;overflow-y:auto}.btn-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s;margin-top:1rem}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #6366f166}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.upload-progress-v2{margin-top:.5rem}.upload-progress-v2 .progress-bar{height:6px;background:#6366f133;border-radius:999px;overflow:hidden}.upload-progress-v2 .progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;transition:width .3s}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.btn-close{background:#6366f11a;border:none;color:#94a3b8;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-close:hover{background:#ef444433;color:#ef4444}.preview-modal{background:linear-gradient(145deg,#1a2332,#0f1520);border:1px solid rgba(99,102,241,.2);border-radius:16px;width:98%!important;max-width:1600px!important;height:92vh!important;max-height:92vh!important;overflow:hidden;display:flex;flex-direction:column}.preview-modal .modal-header{padding:1rem 1.5rem;border-bottom:1px solid rgba(99,102,241,.1);display:flex;align-items:center;justify-content:space-between}.preview-modal .modal-header h2{display:flex;align-items:center;gap:.75rem;color:#fff;font-size:1.125rem;margin:0}.preview-modal .modal-body{padding:1rem;overflow:auto;flex:1}.preview-info{color:#64748b;font-size:.8125rem;margin-bottom:1rem}.preview-table{background:#0f172a66;border-radius:8px;overflow:hidden}.spatial-indicator{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#3b82f626;color:#60a5fa;border-radius:999px;font-size:.75rem;font-weight:500}.query-engine-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#6366f126;color:#a5b4fc;border-radius:999px;font-size:.75rem;font-weight:500}.map-viewer-overlay{padding:0}.map-viewer-modal{background:linear-gradient(145deg,#1a2332,#0f1520);border:none;border-radius:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;overflow:hidden}.map-viewer-header{padding:1rem 1.5rem;background:#0f172af2;border-bottom:1px solid rgba(99,102,241,.2);display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:1rem}.header-icon{color:#6366f1}.header-title h2{color:#fff;font-size:1.125rem;margin:0}.header-stats{display:flex;gap:.75rem;margin-top:.25rem}.stat-badge{display:inline-flex;align-items:center;gap:4px;color:#64748b;font-size:.75rem}.map-viewer-body{padding:0;flex:1;display:flex;overflow:hidden;height:calc(100vh - 70px)}.split-view-container{display:flex;flex:1;height:100%;overflow:hidden}.map-panel{flex:1;display:flex;flex-direction:column}.map-container{flex:1;position:relative}.data-panel{width:400px;background:#0f172a99;border-left:1px solid rgba(99,102,241,.2);display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:1rem;border-bottom:1px solid rgba(99,102,241,.15);display:flex;align-items:center;justify-content:space-between}.panel-header h3{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.9375rem;margin:0}.feature-count{color:#6366f1;font-size:.875rem;font-weight:600}.data-table-container{flex:1;overflow:auto}.toast-container{position:fixed;bottom:90px;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:1001}.toast{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;background:#1e293bf2;border-radius:8px;color:#fff;font-size:.875rem;box-shadow:0 4px 16px #0000004d;animation:slideIn .3s ease}.toast button{background:transparent;border:none;color:#64748b;font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.toast button:hover{color:#fff}.toast-success{border-left:3px solid #10b981}.toast-error{border-left:3px solid #ef4444}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.datasets-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.dataset-card{padding:1rem}.dataset-icon{width:56px;height:56px}.data-panel{display:none}.upload-modal .form-row{grid-template-columns:1fr}}.api-wizard{max-width:100%}.wizard-steps{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem;background:#6366f10d;border-radius:12px}.wizard-step{display:flex;flex-direction:column;align-items:center;gap:.35rem;opacity:.4;transition:all .3s}.wizard-step.active{opacity:1}.wizard-step.completed{opacity:.7}.wizard-step .step-number{width:32px;height:32px;border-radius:50%;background:#334155;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;transition:all .3s}.wizard-step.active .step-number{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 12px #6366f166}.wizard-step.completed .step-number{background:#10b981;color:#fff}.wizard-step span{font-size:.7rem;color:#64748b;font-weight:500}.wizard-step.active span{color:#6366f1}.wizard-step-line{flex:1;max-width:60px;height:2px;background:linear-gradient(90deg,#334155,#475569);border-radius:2px}.field-selection{background:#1e293b80;border:1px solid rgba(99,102,241,.15);border-radius:12px;padding:1rem;margin-bottom:1rem}.field-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(99,102,241,.1)}.field-count{font-size:.8rem;color:#94a3b8;font-weight:500}.btn-toggle-all{background:transparent;border:1px solid rgba(99,102,241,.3);color:#6366f1;padding:.35rem .75rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s}.btn-toggle-all:hover{background:#6366f11a}.field-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;max-height:200px;overflow-y:auto}.field-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#33415566;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.field-item:hover{background:#6366f11a;border-color:#6366f133}.field-item.selected{background:#6366f126;border-color:#6366f14d}.field-item input[type=checkbox]{width:16px;height:16px;accent-color:#6366f1;cursor:pointer}.field-name{font-size:.8rem;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.api-preview-table{background:#1e293b80;border:1px solid rgba(99,102,241,.15);border-radius:12px;margin-bottom:1rem;overflow:hidden}.api-preview-table .preview-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#6366f11a;border-bottom:1px solid rgba(99,102,241,.15);color:#94a3b8;font-size:.8rem;font-weight:500}.preview-table-wrapper{overflow-x:auto;max-height:180px}.api-preview-table table{width:100%;border-collapse:collapse;font-size:.75rem}.api-preview-table th{background:#33415580;color:#94a3b8;font-weight:600;text-align:left;padding:.5rem .75rem;white-space:nowrap;position:sticky;top:0}.api-preview-table td{padding:.5rem .75rem;color:#e2e8f0;border-bottom:1px solid rgba(99,102,241,.08);white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}.api-preview-table tr:hover td{background:#6366f10d}.wizard-buttons{display:flex;gap:.75rem;margin-top:1rem}.btn-back{flex:0 0 auto;display:flex;align-items:center;gap:.35rem;padding:.75rem 1.25rem;background:transparent;border:1px solid rgba(99,102,241,.3);color:#94a3b8;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-back:hover{background:#6366f11a;border-color:#6366f1;color:#e2e8f0}.wizard-buttons .btn-submit{flex:1}.realtime-form .stream-type-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.5rem}.stream-type-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem .75rem;background:#1e293b80;border:2px solid rgba(99,102,241,.2);border-radius:10px;color:#94a3b8;cursor:pointer;transition:all .2s ease}.stream-type-btn span{font-weight:600;font-size:.9rem;color:#e2e8f0}.stream-type-btn small{font-size:.7rem;opacity:.7}.stream-type-btn:hover{border-color:#6366f180;background:#6366f114}.stream-type-btn.active{border-color:#6366f1;background:#6366f126;color:#6366f1}.stream-type-btn.active span{color:#6366f1}.realtime-form textarea{width:100%;background:#1e293b80;border:1px solid rgba(99,102,241,.2);border-radius:8px;color:#e2e8f0;padding:.75rem;font-family:Monaco,Menlo,monospace;font-size:.85rem;resize:vertical}.realtime-form textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.realtime-form .hint{display:block;margin-top:.35rem;font-size:.7rem;color:#64748b}.stream-status{display:flex;align-items:center;gap:.35rem;font-size:.7rem;padding:.2rem .5rem;border-radius:99px;position:absolute;top:.5rem;right:.5rem}.stream-status.active{background:#22c55e33;color:#22c55e}.stream-status.stopped{background:#ef444433;color:#ef4444}.stream-status .pulse{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.dataset-card .realtime-badge{position:absolute;top:.5rem;left:.5rem;display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:6px;font-size:.65rem;font-weight:600;text-transform:uppercase}.realtime-badge.mqtt{background:#ef444433;color:#ef4444}.realtime-badge.kafka{background:#f9731633;color:#f97316}.realtime-badge.websocket{background:#a855f733;color:#a855f7}.dataset-card .ogc-badge{position:absolute;top:.5rem;left:.5rem;display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:6px;font-size:.65rem;font-weight:600;text-transform:uppercase}.ogc-badge.wms{background:#0ea5e933;color:#0ea5e9}.ogc-badge.wfs{background:#14b8a633;color:#14b8a6}.ogc-badge.wmts{background:#6366f133;color:#6366f1}.ogc-badge.arcgis{background:#f9731633;color:#f97316}.ogc-form .stream-type-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.service-info-display{padding:1rem}.service-info-grid{display:flex;flex-direction:column;gap:.75rem}.service-info-row{display:flex;padding:.875rem 1rem;background:#0f172a66;border:1px solid rgba(99,102,241,.1);border-radius:10px;gap:1rem}.service-info-row .info-label{flex:0 0 150px;color:#94a3b8;font-weight:600;font-size:.85rem}.service-info-row .info-value{flex:1;color:#e2e8f0;font-size:.9rem;word-break:break-all}.service-info-row .info-value a{color:#6366f1;text-decoration:none}.service-info-row .info-value a:hover{text-decoration:underline}.service-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(99,102,241,.15)}.btn-service-action{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.875rem;text-decoration:none;cursor:pointer;transition:all .2s}.btn-service-action:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.split-view-container.full-map{grid-template-columns:1fr}.split-view-container.full-map .map-panel{height:100%}.classification-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:linear-gradient(135deg,color-mix(in srgb,var(--badge-color) 20%,transparent),color-mix(in srgb,var(--badge-color) 30%,transparent));border:1px solid var(--badge-color);border-radius:6px;font-size:.7rem;font-weight:600;color:var(--badge-color);margin-top:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.classification-badge:hover{transform:scale(1.08);background:linear-gradient(135deg,color-mix(in srgb,var(--badge-color) 30%,transparent),color-mix(in srgb,var(--badge-color) 40%,transparent));box-shadow:0 3px 12px color-mix(in srgb,var(--badge-color) 40%,transparent)}.classification-badge svg{opacity:1}.owner-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:5px;font-size:.65rem;font-weight:500;color:var(--text-secondary);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.owner-badge svg{flex-shrink:0;opacity:.7}.owner-badge span{overflow:hidden;text-overflow:ellipsis}.action-btn.classify{background:linear-gradient(135deg,#6366f133,#8b5cf633)!important;border:1px solid rgba(99,102,241,.4)!important}.action-btn.classify:hover{background:linear-gradient(135deg,#6366f166,#8b5cf666)!important;color:#a5b4fc!important}.classification-modal{max-width:480px;width:90%;background:var(--bg-card)}.classification-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.classification-modal .modal-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:1.1rem;color:var(--text-primary)}.classification-modal .modal-body{padding:20px}.dataset-name-info{background:var(--bg-hover);padding:10px 14px;border-radius:8px;margin-bottom:16px;font-size:.9rem;color:var(--text-primary)}.classification-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.classification-option{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease}.classification-option:hover{border-color:var(--level-color);background:var(--bg-hover)}.classification-option.selected{border-color:var(--level-color);background:linear-gradient(135deg,color-mix(in srgb,var(--level-color) 10%,transparent),color-mix(in srgb,var(--level-color) 20%,transparent))}.classification-option input[type=radio]{display:none}.classification-option .option-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--level-color) 20%,transparent);border-radius:10px;color:var(--level-color)}.classification-option .option-info{display:flex;flex-direction:column;gap:2px}.classification-option .option-label{font-size:.95rem;font-weight:600;color:var(--text-primary)}.classification-option .option-desc{font-size:.75rem;color:var(--text-secondary)}.retention-field{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.retention-field label{display:block;font-size:.85rem;font-weight:500;color:var(--text-primary);margin-bottom:8px}.retention-field input{width:100%;padding:10px 14px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:.9rem}.retention-field input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea33}.retention-field small{display:block;margin-top:6px;font-size:.75rem;color:var(--text-muted)}.classification-modal .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.classification-modal .btn-cancel{padding:10px 18px;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s}.classification-modal .btn-cancel:hover{background:var(--bg-active);color:var(--text-primary)}.classification-modal .btn-save{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--accent-gradient);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.classification-modal .btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:grab}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.node-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem .75rem;background:#1e293b99;border:2px solid;border-radius:.75rem;color:#fff;font-size:.75rem;font-weight:500;cursor:grab;transition:all .2s;aspect-ratio:1;text-align:center}.node-btn:active{cursor:grabbing}.node-btn{border-color:#10b98166;background:linear-gradient(90deg,#10b98126,#10b9810d)}.node-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;border-color:#10b98199;background:linear-gradient(90deg,#10b98140,#10b9811a)}.node-btn svg{flex-shrink:0}.node-btn span{line-height:1.2;word-break:break-word}.input-btn{border-color:#10b98166;background:linear-gradient(90deg,#10b98126,#10b9810d)}.input-btn:hover{border-color:#10b98199;background:linear-gradient(90deg,#10b98140,#10b9811a)}.transform-btn{border-color:#f59e0b66;background:linear-gradient(90deg,#f59e0b26,#f59e0b0d)}.transform-btn:hover{border-color:#f59e0b99;background:linear-gradient(90deg,#f59e0b40,#f59e0b1a)}.analyze-btn{border-color:#8b5cf666;background:linear-gradient(90deg,#8b5cf626,#8b5cf60d)}.analyze-btn:hover{border-color:#8b5cf699;background:linear-gradient(90deg,#8b5cf640,#8b5cf61a)}.merge-btn{border-color:#06b6d466;background:linear-gradient(90deg,#06b6d426,#06b6d40d)}.merge-btn:hover{border-color:#06b6d499;background:linear-gradient(90deg,#06b6d440,#06b6d41a)}.output-btn{border-color:#ef444466;background:linear-gradient(90deg,#ef444426,#ef44440d)}.output-btn:hover{border-color:#ef444499;background:linear-gradient(90deg,#ef444440,#ef44441a)}.workflow-list{display:flex;flex-direction:column;gap:.5rem}.workflow-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#1e293b99;border:1px solid rgba(99,102,241,.2);border-radius:.375rem;color:#cbd5e1;font-size:.875rem;cursor:pointer;transition:all .2s}.workflow-item:hover{background:#6366f126;border-color:#6366f166;color:#fff}.empty-text{color:#64748b;font-size:.875rem;text-align:center;padding:1rem 0}.node-config{display:flex;flex-direction:column;gap:.75rem}.node-config p{color:#cbd5e1;font-size:.875rem;margin:0}.config-form{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.config-form label{color:#cbd5e1;font-size:.875rem;font-weight:500}.config-form select,.config-form input{background:#0f172a99;border:1px solid rgba(99,102,241,.3);border-radius:.375rem;padding:.625rem;color:#fff;font-size:.875rem;transition:all .2s}.config-form select:focus,.config-form input:focus{outline:none;border-color:#6366f1;background:#0f172acc;box-shadow:0 0 0 3px #6366f126}.dataset-info{background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:.375rem;padding:.75rem;margin-top:.5rem}.dataset-info p{margin:.25rem 0;font-size:.8rem;color:#cbd5e1}.btn-delete{display:flex;align-items:center;gap:.5rem;padding:.625rem;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:.375rem;color:#fca5a5;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:1rem}.btn-delete:hover{background:#ef44444d;color:#fecaca}.canvas-container{flex:1;background:#0f172a;height:calc(100vh - 120px);overflow:hidden}.react-flow{background:var(--bg-secondary)!important}.react-flow__node{border-radius:.5rem;background:transparent!important;outline:none!important;box-shadow:none!important;border:none!important}.react-flow__node-input,.react-flow__node-transform,.react-flow__node-analyze,.react-flow__node-merge,.react-flow__node-output{border:none!important;outline:none!important;box-shadow:none!important}.react-flow__node.selected .custom-node{box-shadow:0 0 0 2px #6366f1,0 8px 24px #6366f166}.react-flow__edge-path{stroke-width:2}.react-flow__controls{background:#1e293be6;border:1px solid rgba(99,102,241,.2);border-radius:.5rem}.react-flow__controls-button{background:#6366f133;border-bottom:1px solid rgba(99,102,241,.2);color:#fff}.react-flow__controls-button:hover{background:#6366f14d}.react-flow__minimap{background:#1e293be6;border:1px solid rgba(99,102,241,.2);border-radius:.5rem}.custom-node{position:relative;background:var(--bg-card);border:2px solid var(--border-color);border-radius:.75rem;padding:1rem;min-width:200px;box-shadow:0 4px 16px var(--shadow-color);transition:all .2s}.custom-node.executing{animation:pulse-glow .8s ease-in-out infinite;border-color:#10b981!important;box-shadow:0 0 20px #10b98199,0 4px 16px #0000004d}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #10b98199,0 4px 16px #0000004d;transform:scale(1)}50%{box-shadow:0 0 30px #10b981e6,0 8px 24px #0006;transform:scale(1.02)}}.custom-node:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow-lg)}.custom-node:hover .toolbar-btn{opacity:1;visibility:visible}.toolbar-btn{position:absolute;top:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#1e293bf2;border:1px solid rgba(99,102,241,.3);border-radius:.375rem;color:#cbd5e1;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;z-index:10}.toolbar-btn:hover{opacity:1!important;visibility:visible!important}.toolbar-btn.settings-btn{left:8px}.toolbar-btn.settings-btn:hover{background:#6366f14d;border-color:#6366f1;color:#fff;transform:scale(1.1)}.toolbar-btn.delete-btn{right:8px}.toolbar-btn.delete-btn:hover{background:#ef44444d;border-color:#ef4444;color:#fca5a5;transform:scale(1.1)}.config-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}.config-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid rgba(99,102,241,.3);border-radius:1rem;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.config-modal-header{padding:1.5rem;border-bottom:2px solid rgba(99,102,241,.2);display:flex;align-items:center;justify-content:space-between}.config-modal-title{font-size:1.25rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.75rem}.config-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.375rem;color:#cbd5e1;cursor:pointer;transition:all .2s}.config-modal-close:hover{background:#ef444433;border-color:#ef4444;color:#fca5a5}.config-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.config-modal-body::-webkit-scrollbar{width:8px}.config-modal-body::-webkit-scrollbar-track{background:#0f172a80;border-radius:4px}.config-modal-body::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}.config-modal-body::-webkit-scrollbar-thumb:hover{background:#6366f180}.node-icon{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;color:#fff;box-shadow:0 4px 12px #0000004d}.node-content{margin-top:1.5rem;text-align:center}.node-title{font-size:.875rem;font-weight:600;color:#fff;margin-bottom:.25rem}.node-subtitle{font-size:.75rem;color:#94a3b8}.node-handle{position:absolute;width:16px;height:16px;border-radius:50%;border:3px solid white;background:#6366f1}.node-handle.input{left:-8px;top:50%;transform:translateY(-50%)}.node-handle.output{right:-8px;top:50%;transform:translateY(-50%)}.input-node{border-color:#10b981;outline:none!important}.input-node:before,.input-node:after{display:none!important}.input-node .node-icon{background:linear-gradient(135deg,#10b981,#059669)}.transform-node{border-color:#f59e0b}.transform-node .node-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.analyze-node{border-color:#8b5cf6}.analyze-node .node-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.merge-node{border-color:#06b6d4}.merge-node .node-icon{background:linear-gradient(135deg,#06b6d4,#0891b2)}.output-node{border-color:#ef4444}.output-node .node-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.builder-footer{background:linear-gradient(135deg,#1e293b,#334155);border-top:1px solid rgba(99,102,241,.2);padding:.75rem 2rem;display:flex;align-items:center;gap:1rem;color:#94a3b8;font-size:.875rem}@media(max-width:768px){.node-panel{width:240px}.header-actions{gap:.5rem}.btn-header span{display:none}}.agent-panel{position:fixed;top:80px;right:20px;width:400px;background:linear-gradient(135deg,#1e1b4b,#312e81);border:1px solid rgba(139,92,246,.4);border-radius:16px;box-shadow:0 20px 60px #6366f14d,0 0 40px #8b5cf633;z-index:1000;overflow:hidden;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.agent-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom:1px solid rgba(255,255,255,.1)}.agent-title{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1rem;color:#fff}.agent-close{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.agent-close:hover{background:#ffffff4d;transform:scale(1.1)}.agent-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.agent-description{font-size:.8125rem;color:#a5b4fc;line-height:1.5;margin:0}.agent-dataset-select{display:flex;flex-direction:column;gap:.5rem}.agent-dataset-select>label{font-size:.75rem;font-weight:600;color:#c4b5fd;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.agent-dataset-select .selected-count{font-size:.7rem;color:#a78bfa;font-weight:500;text-transform:none}.agent-dataset-list{max-height:180px;overflow-y:auto;background:#0f172a99;border:1px solid rgba(139,92,246,.3);border-radius:8px;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.agent-dataset-list::-webkit-scrollbar{width:6px}.agent-dataset-list::-webkit-scrollbar-track{background:#8b5cf61a;border-radius:3px}.agent-dataset-list::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:3px}.agent-dataset-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;background:#1e293b80;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.8rem;color:#e2e8f0}.agent-dataset-item:hover{background:#8b5cf626;border-color:#8b5cf64d}.agent-dataset-item.selected{background:#8b5cf640;border-color:#8b5cf680}.agent-dataset-item input[type=checkbox]{width:16px;height:16px;accent-color:#8b5cf6;cursor:pointer}.agent-dataset-item .dataset-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-dataset-item .spatial-badge{font-size:.75rem}.clear-selection-btn{margin-top:.5rem;padding:.4rem .75rem;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:6px;color:#fca5a5;font-size:.75rem;cursor:pointer;transition:all .2s;align-self:flex-start}.clear-selection-btn:hover{background:#ef44444d;border-color:#ef444499}.agent-input-group{display:flex;flex-direction:column;gap:.75rem}.agent-input-group textarea{padding:.875rem;background:#0f172a99;border:1px solid rgba(139,92,246,.3);border-radius:10px;color:#fff;font-size:.875rem;resize:none;font-family:inherit;line-height:1.5;transition:all .2s}.agent-input-group textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.agent-input-group textarea::-moz-placeholder{color:#64748b}.agent-input-group textarea::placeholder{color:#64748b}.agent-execute-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #8b5cf666}.agent-execute-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #8b5cf680}.agent-execute-btn:disabled{opacity:.6;cursor:not-allowed}.agent-execute-btn .spin{animation:spin 1s linear infinite}.agent-result{display:flex;gap:.75rem;padding:.875rem;border-radius:10px;font-size:.8125rem;line-height:1.5}.agent-result.success{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.agent-result.error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.agent-result strong{display:block;margin-bottom:.25rem}.agent-result p{margin:0;opacity:.9}.agent-model-select{display:flex;align-items:center;gap:.75rem;padding-top:.75rem;border-top:1px solid rgba(99,102,241,.2)}.agent-model-select label{font-size:.75rem;color:#94a3b8;font-weight:500;white-space:nowrap}.agent-model-select select{flex:1;padding:.5rem .75rem;background:#1e293bcc;border:1px solid rgba(99,102,241,.3);border-radius:.5rem;color:#e2e8f0;font-size:.8rem;cursor:pointer;transition:all .2s}.agent-model-select select:hover{border-color:#6366f180}.agent-model-select select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.btn-agent{background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;border:none!important}.btn-agent.active{box-shadow:0 0 20px #8b5cf680}.spinning{animation:spin 1s linear infinite}.custom-node.executing{box-shadow:0 0 0 3px #6366f199,0 0 25px #6366f180,0 0 50px #6366f14d!important;border-color:#6366f1!important;z-index:100}.node-executing-indicator{position:absolute;top:-12px;right:-12px;width:28px;height:28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 15px #6366f1cc;z-index:10;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 15px #6366f1cc}50%{transform:scale(1.1);box-shadow:0 0 25px #6366f1}}.node-executing-indicator .spinning{animation:spin .8s linear infinite}.custom-node.executed{border-color:#10b981!important;box-shadow:0 0 15px #10b98166}.custom-node.pending{opacity:.5;filter:grayscale(40%)}.progress-header{display:flex;justify-content:space-between;align-items:center}.progress-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#6366f1}.progress-title .spinning{animation:spin 1s linear infinite}.progress-stats{font-size:.875rem;color:#94a3b8;background:#6366f11a;padding:.25rem .75rem;border-radius:1rem}.progress-track{width:100%;height:8px;background:#1e293bcc;border-radius:4px;overflow:hidden;box-shadow:inset 0 2px 4px #0003}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);border-radius:4px;transition:width .5s ease-out;box-shadow:0 0 10px #6366f180}.progress-nodes{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.progress-node{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#1e293b99;border:1px solid rgba(71,85,105,.4);border-radius:.5rem;font-size:.75rem;color:#64748b;transition:all .3s ease}.progress-node.current{background:#6366f133;border-color:#6366f180;color:#a5b4fc;box-shadow:0 0 12px #6366f14d;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 12px #6366f14d}50%{box-shadow:0 0 20px #6366f199}}.progress-node.completed{background:#10b98126;border-color:#10b98166;color:#6ee7b7}.progress-node-indicator{display:flex;align-items:center;justify-content:center}.progress-node.current .progress-node-indicator .spinning{animation:spin 1s linear infinite}.progress-node.completed .progress-node-indicator{color:#10b981}.progress-node-label{font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-current-task{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#6366f11a;border-radius:.5rem;font-size:.875rem}.task-label{color:#64748b}.task-name{color:#a5b4fc;font-weight:600}.custom-node.executing{border-color:#6366f1!important;box-shadow:0 0 20px #6366f180,0 0 40px #6366f133!important;animation:nodeExecuting 1.5s ease-in-out infinite}@keyframes nodeExecuting{0%,to{transform:scale(1);box-shadow:0 0 20px #6366f180,0 0 40px #6366f133}50%{transform:scale(1.02);box-shadow:0 0 30px #6366f1b3,0 0 60px #6366f14d}}.custom-node.pending{opacity:.6}.custom-node.executed{border-color:#10b981!important}.node-executing-indicator{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 12px #6366f199;z-index:10}.node-executing-indicator .spinning{animation:spin 1s linear infinite}.ai-assistant{display:flex;height:100%;background:var(--bg-primary, #0f172a);color:var(--text-primary, #e2e8f0);overflow:hidden;position:relative}.ai-assistant:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 10% 20%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(ellipse at 90% 80%,rgba(139,92,246,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.ai-assistant>*{position:relative;z-index:1}.ai-sidebar{width:320px;background:var(--sidebar-bg, rgba(15, 23, 42, .9));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-color, rgba(99, 102, 241, .25));display:flex;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 30px #0000004d;position:relative;overflow:hidden}.ai-sidebar:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,var(--accent-primary, #667eea),#8b5cf6,var(--accent-primary, #667eea));opacity:.5;animation:borderGlow 3s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.3}50%{opacity:.7}}.ai-sidebar.collapsed{width:60px}.sidebar-header{padding:1.25rem;border-bottom:1px solid rgba(99,102,241,.2)}.sidebar-header .logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.sidebar-header .logo svg{color:#a78bfa}.sidebar-header .logo span{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#a78bfa,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-new-chat{width:100%;padding:.875rem;background:var(--accent-gradient, linear-gradient(135deg, #667eea, #764ba2));background-size:200% 200%;animation:gradientShift 3s ease infinite;border:none;border-radius:12px;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px color-mix(in srgb,var(--accent-primary, #667eea) 40%,transparent);position:relative;overflow:hidden}.btn-new-chat:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-new-chat:hover:before{width:300px;height:300px}.btn-new-chat:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px color-mix(in srgb,var(--accent-primary, #667eea) 50%,transparent),0 0 40px color-mix(in srgb,#8b5cf6 30%,transparent)}.btn-new-chat:active{transform:translateY(-1px) scale(.98)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.sidebar-tabs{display:flex;border-bottom:1px solid rgba(99,102,241,.2)}.tab-btn{flex:1;padding:.875rem;background:transparent;border:none;color:#94a3b8;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s;font-size:.8125rem;font-weight:500;position:relative}.tab-btn:hover{color:#e2e8f0;background:#6366f11a}.tab-btn.active{color:#a78bfa}.tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#6366f1,#a78bfa)}.sidebar-content{flex:1;overflow-y:auto;padding:1rem}.section-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.section-title .btn-add-small{margin-left:auto;width:22px;height:22px;padding:0;background:#6366f133;border:none;border-radius:6px;color:#a78bfa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.section-title .btn-add-small:hover{background:#6366f166}.chat-history .empty-state{text-align:center;padding:2rem;color:#64748b}.chat-history .empty-state svg{margin-bottom:.5rem;opacity:.5}.history-list{display:flex;flex-direction:column;gap:.375rem}.history-item{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:#6366f10d;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.history-item:hover{background:#6366f126;border-color:#6366f133}.history-item.active{background:#6366f133;border-color:#6366f14d}.history-item svg{flex-shrink:0;color:#a78bfa}.history-title{flex:1;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-delete-small{width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:6px;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s}.history-item:hover .btn-delete-small,.collection-item:hover .btn-delete-small{opacity:1}.btn-delete-small:hover{background:#ef444433;color:#ef4444}.collections-list{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.collection-item{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:#6366f10d;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.collection-item:hover{background:#6366f126;border-color:#6366f133}.collection-item.active{background:#6366f133;border-color:#6366f14d}.collection-item svg:first-child{color:#f59e0b}.collection-item span:first-of-type{flex:1;font-size:.875rem}.doc-count{font-size:.75rem;color:#64748b;background:#6366f11a;padding:.125rem .5rem;border-radius:99px}.btn-upload-docs{width:100%;padding:.75rem;background:#10b98133;border:1px dashed rgba(16,185,129,.4);border-radius:10px;color:#10b981;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s}.btn-upload-docs:hover{background:#10b9814d;border-color:#10b981}.datasets-list{display:flex;flex-direction:column;gap:.25rem}.dataset-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#6366f10d;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.8125rem}.dataset-item:hover{background:#6366f126}.dataset-item.active{background:#6366f133}.dataset-item input[type=checkbox]{accent-color:#6366f1}.dataset-item span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spatial-icon{color:#10b981}.settings-panel{display:flex;flex-direction:column;gap:1.25rem}.setting-group{display:flex;flex-direction:column;gap:.5rem}.setting-group label{font-size:.8125rem;font-weight:600;color:var(--text-secondary, #94a3b8)}.setting-group input,.setting-group select{width:100%;padding:.75rem;background:var(--input-bg, #ffffff);border:1px solid var(--input-border, rgba(99, 102, 241, .3));border-radius:8px;color:var(--text-primary, #1e293b);font-size:.875rem;transition:all .2s ease}.setting-group input::-moz-placeholder{color:var(--text-muted, #94a3b8)}.setting-group input::placeholder{color:var(--text-muted, #94a3b8)}.setting-group input:focus,.setting-group select:focus{outline:none;border-color:var(--accent-primary, #667eea);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary, #667eea) 20%,transparent)}.setting-group select option{background:var(--bg-card, #ffffff);color:var(--text-primary, #1e293b)}.setting-group input[type=range]{padding:0;background:transparent;border:none}.input-with-btn{display:flex;gap:.5rem}.input-with-btn input{flex:1}.input-with-btn button{padding:.75rem 1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.input-with-btn button:hover{transform:translateY(-1px)}.btn-save-settings{width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;margin-top:.5rem}.btn-save-settings:hover{transform:translateY(-1px);box-shadow:0 4px 15px #10b9814d}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1.75rem;scroll-behavior:smooth;position:relative;z-index:1}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--accent-gradient, linear-gradient(180deg, #667eea, #764ba2));border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--accent-primary, #667eea)}.message{display:flex;gap:1rem;max-width:95%;animation:messageSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;flex-direction:row-reverse;animation:messageSlideInRight .4s cubic-bezier(.4,0,.2,1)}@keyframes messageSlideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.message-avatar{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.25rem;transition:all .3s ease}.message.assistant .message-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa);color:#fff;box-shadow:0 4px 15px #6366f166,0 0 20px #8b5cf633;animation:avatarPulse 2s ease-in-out infinite}@keyframes avatarPulse{0%,to{box-shadow:0 4px 15px #6366f166,0 0 20px #8b5cf633}50%{box-shadow:0 4px 20px #6366f199,0 0 30px #8b5cf666}}.message.user .message-avatar{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);border:2px solid rgba(99,102,241,.4)}.message-content{background:var(--bg-card, rgba(30, 27, 75, .6));backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--border-color, rgba(99, 102, 241, .2));border-radius:6px 20px 20px;padding:1.25rem 1.5rem;box-shadow:0 4px 20px #0003;transition:all .3s ease;position:relative;overflow:hidden}.message-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.message-content:hover{border-color:color-mix(in srgb,var(--accent-primary, #667eea) 40%,transparent);box-shadow:0 6px 25px #00000040,0 0 20px color-mix(in srgb,var(--accent-primary, #667eea) 10%,transparent)}.message.user .message-content{background:var(--accent-gradient, linear-gradient(135deg, #667eea, #764ba2));border:none;border-radius:20px 6px 20px 20px;box-shadow:0 4px 20px color-mix(in srgb,var(--accent-primary, #667eea) 40%,transparent)}.message.user .message-content:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.message.user .message-content:hover{box-shadow:0 6px 30px color-mix(in srgb,var(--accent-primary, #667eea) 50%,transparent),0 0 40px color-mix(in srgb,var(--accent-primary, #667eea) 20%,transparent);transform:translateY(-2px)}.message-text{font-size:.9375rem;line-height:1.6;color:#000!important}.message.assistant .message-text,.message.assistant .message-text p,.message.assistant .message-text ul,.message.assistant .message-text ol,.message.assistant .message-text li,.message.assistant .message-text span,.message.assistant .message-text h1,.message.assistant .message-text h2,.message.assistant .message-text h3{color:#000!important}.message.assistant .message-text pre,.message.assistant .message-text code{color:#e2e8f0!important}.message.user .message-text,.message.user .message-text *{color:#fff!important}.message-text strong{color:#a78bfa}.message.user .message-text strong{color:#fff}.streaming-cursor{display:inline-block;margin-left:2px;color:#6366f1;animation:blink 1s infinite;font-weight:300}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.message-text pre{background:#0000004d;padding:1rem;border-radius:8px;overflow-x:auto;margin:.75rem 0}.message-text code{font-family:Fira Code,monospace;font-size:.8125rem}.sql-block{margin-top:1rem;background:#0000004d;border-radius:10px;overflow:hidden}.sql-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#6366f133;font-size:.75rem;font-weight:600;color:#a78bfa}.sql-header button{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;display:flex;align-items:center}.sql-header button:hover{color:#fff}.sql-block pre{margin:0;padding:1rem;background:transparent}.data-preview{margin-top:1rem;background:#0003;border-radius:10px;overflow:hidden}.data-header{padding:.5rem 1rem;background:#10b98133;font-size:.75rem;font-weight:600;color:#10b981}.data-table{overflow-x:auto;max-height:300px}.data-table table{width:100%;border-collapse:collapse;font-size:.8125rem}.data-table th{background:#6366f126;padding:.625rem .75rem;text-align:left;font-weight:600;color:#a78bfa;white-space:nowrap}.data-table td{padding:.5rem .75rem;border-bottom:1px solid rgba(99,102,241,.1);white-space:nowrap}.sources{margin-top:1rem;background:#f59e0b1a;border-radius:10px;padding:.75rem 1rem}.sources-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#f59e0b;margin-bottom:.5rem}.sources-list{display:flex;flex-wrap:wrap;gap:.5rem}.source-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;background:#f59e0b26;padding:.25rem .625rem;border-radius:6px}.source-item svg{color:#f59e0b}.source-chunk{color:#94a3b8;font-size:.6875rem}.message-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.5rem;border-top:1px solid rgba(99,102,241,.1)}.timestamp{font-size:.6875rem;color:#fff}.btn-copy{background:transparent;border:none;color:#fff;cursor:pointer;padding:.25rem;display:flex;align-items:center;transition:all .2s}.btn-copy:hover{color:#a78bfa}.typing-indicator{display:flex;gap:.5rem;padding:.75rem 0;align-items:center}.typing-indicator span{width:10px;height:10px;background:linear-gradient(135deg,#6366f1,#a78bfa);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out;box-shadow:0 0 10px #6366f180}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{transform:translateY(0) scale(1);opacity:.5;box-shadow:0 0 10px #6366f14d}30%{transform:translateY(-12px) scale(1.2);opacity:1;box-shadow:0 0 20px #6366f1b3}}.quick-prompts{display:flex;gap:.75rem;padding:.75rem 1.5rem;overflow-x:auto}.quick-prompt{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#6366f11a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(99,102,241,.25);border-radius:99px;color:#a78bfa;font-size:.8125rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-prompt:hover{background:linear-gradient(135deg,#6366f133,#8b5cf633);border-color:#6366f180;transform:translateY(-3px);box-shadow:0 8px 20px #6366f140}.quick-prompt:active{transform:translateY(-1px)}.btn-send{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:14px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #6366f14d;flex-shrink:0}.btn-send:hover:not(:disabled){transform:scale(1.08);box-shadow:0 6px 25px #6366f180}.btn-send:active:not(:disabled){transform:scale(.95)}.btn-send:disabled{opacity:.5;cursor:not-allowed}.btn-voice{width:48px;height:48px;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:14px;color:#6366f1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.btn-voice:hover{background:#e2e8f0;border-color:#6366f1;transform:scale(1.05)}.btn-voice.listening{background:linear-gradient(135deg,#ef4444,#f87171);border-color:#ef4444;color:#fff;animation:voicePulse 1.5s ease-in-out infinite;box-shadow:0 0 20px #ef444480}@keyframes voicePulse{0%,to{transform:scale(1);box-shadow:0 0 20px #ef444480}50%{transform:scale(1.1);box-shadow:0 0 30px #ef4444b3}}.btn-image-upload{width:48px;height:48px;background:#faf5ff;border:2px solid #e9d5ff;border-radius:14px;color:#8b5cf6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.btn-image-upload:hover{background:#ede9fe;border-color:#8b5cf6;transform:scale(1.05);box-shadow:0 4px 15px #8b5cf633}.btn-audio-upload{width:48px;height:48px;background:#f0fdf4;border:2px solid #bbf7d0;border-radius:14px;color:#22c55e;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.btn-audio-upload:hover{background:#dcfce7;border-color:#22c55e;transform:scale(1.05);box-shadow:0 4px 15px #22c55e33}.audio-preview-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;margin-bottom:.75rem}.audio-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.875rem;color:#22c55e;font-weight:500}.btn-clear-audio{background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;padding:.25rem .5rem;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:all .2s}.btn-clear-audio:hover{background:#ef444440;transform:scale(1.05)}.audio-preview-actions{display:flex;flex-direction:column;gap:.75rem}.btn-transcribe{background:linear-gradient(135deg,#22c55e,#10b981);border:none;border-radius:12px;color:#fff;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s;box-shadow:0 4px 15px #22c55e4d}.btn-transcribe:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #22c55e80}.btn-transcribe:disabled{opacity:.6;cursor:not-allowed}.audio-hint{font-size:.75rem;color:#64748b;margin:0;text-align:center}.image-preview-container{background:#0f172a99;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:.75rem;margin-bottom:.75rem}.image-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem;color:#a78bfa}.btn-clear-images{background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;padding:.25rem .5rem;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:all .2s}.btn-clear-images:hover{background:#ef444440;transform:scale(1.05)}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.image-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid rgba(139,92,246,.3);transition:all .2s}.image-preview-item:hover{border-color:#8b5cf699;transform:scale(1.05)}.image-preview-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.btn-remove-image{position:absolute;top:4px;right:4px;background:#ef4444e6;border:none;border-radius:50%;color:#fff;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s}.image-preview-item:hover .btn-remove-image{opacity:1}.btn-remove-image:hover{transform:scale(1.1);background:#ef4444}.message-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin-bottom:.75rem}.message-image{width:100%;border-radius:8px;border:2px solid rgba(139,92,246,.3);cursor:pointer;transition:all .3s}.message-image:hover{transform:scale(1.05);border-color:#8b5cf699;box-shadow:0 4px 20px #8b5cf666}.upload-modal{max-width:500px}.upload-modal .modal-header{background:#0f172acc;border-bottom:1px solid rgba(99,102,241,.2);padding:1.25rem 1.5rem}.upload-modal .modal-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;color:#10b981}.upload-modal .modal-body{padding:1.5rem}.upload-zone{position:relative;margin-bottom:1.5rem}.upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-zone label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#6366f10d;border:2px dashed rgba(99,102,241,.3);border-radius:16px;cursor:pointer;transition:all .2s}.upload-zone label:hover{background:#6366f11a;border-color:#6366f1}.upload-zone label.disabled{pointer-events:none;opacity:.5}.upload-zone label svg{color:#6366f1;margin-bottom:1rem}.upload-zone label p{font-weight:600;margin-bottom:.5rem}.upload-zone label span{font-size:.8125rem;color:#64748b}.upload-progress{text-align:center;margin-bottom:1.5rem}.progress-bar{height:6px;background:#6366f133;border-radius:99px;overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#10b981);border-radius:99px;transition:width .3s}.upload-progress span{font-size:.8125rem;color:#10b981}.collection-select{display:flex;flex-direction:column;gap:.5rem}.collection-select label{font-size:.8125rem;font-weight:600;color:#94a3b8}.collection-select select{width:100%;padding:.75rem;background:#0f172a99;border:1px solid rgba(99,102,241,.2);border-radius:8px;color:#e2e8f0;font-size:.875rem}.ai-assistant .modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.ai-assistant .modal-content{background:linear-gradient(135deg,#1e1b4bf2,#0f172af2);border:1px solid rgba(99,102,241,.3);border-radius:20px;width:90%;max-width:600px;max-height:90vh;overflow:hidden}.ai-assistant .btn-close{width:36px;height:36px;background:#ef44441a;border:none;border-radius:10px;color:#f87171;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.ai-assistant .btn-close:hover{background:#ef444433}.ai-assistant ::-webkit-scrollbar{width:6px;height:6px}.ai-assistant ::-webkit-scrollbar-track{background:transparent}.ai-assistant ::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:99px}.ai-assistant ::-webkit-scrollbar-thumb:hover{background:#6366f180}.ai-table-wrapper{overflow-x:auto;margin:1rem 0;border-radius:12px;background:#0f172a99;border:1px solid rgba(99,102,241,.2)}.ai-table{width:100%;border-collapse:collapse;font-size:.875rem}.ai-table th{background:linear-gradient(135deg,#6366f133,#8b5cf633);padding:.75rem 1rem;text-align:left;font-weight:600;color:#a78bfa;border-bottom:2px solid rgba(99,102,241,.3);white-space:nowrap}.ai-table td{padding:.625rem 1rem;border-bottom:1px solid rgba(99,102,241,.1);color:#e2e8f0}.ai-table tr:hover td{background:#6366f11a}.ai-table tr:last-child td{border-bottom:none}.message-text pre{background:#0f172acc;border:1px solid rgba(99,102,241,.2);border-radius:10px;padding:1rem;overflow-x:auto;margin:.75rem 0}.message-text code{font-family:Fira Code,Monaco,monospace;font-size:.8125rem;color:#a5b4fc}.message-text code:not(pre code){background:#6366f126;padding:.125rem .375rem;border-radius:4px}.message-text h1,.message-text h2,.message-text h3{color:#a78bfa;margin:1rem 0 .5rem}.message-text h1{font-size:1.5rem}.message-text h2{font-size:1.25rem;padding:.5rem 0;border-bottom:1px solid rgba(167,139,250,.3)}.message-text h2:has(+p),.message-text h2:first-of-type{background:linear-gradient(135deg,#22c55e26,#10b9811a);padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(34,197,94,.3);color:#4ade80;margin-top:1rem}.message-text h3{font-size:1.125rem}.message-text ul,.message-text ol{margin:.5rem 0;padding-left:1.5rem}.message-text li{margin:.25rem 0;color:#e2e8f0}.message-text p strong{color:#60a5fa}.message-text p:has(strong){background:#1e293b80;padding:.5rem .75rem;border-radius:6px;border-left:3px solid #60a5fa;margin:.5rem 0}.message-text p em,.message-text small{color:#94a3b8;font-size:.8rem}.ai-chart-container{background:linear-gradient(135deg,#0f172acc,#1e1b4b99);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(99,102,241,.3);border-radius:16px;padding:1.5rem;margin:1rem 0;min-width:500px;width:100%;max-width:800px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;animation:chartFadeIn .5s ease-out}@keyframes chartFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ai-chart-title{color:#a78bfa;font-size:1.125rem;font-weight:600;margin:0 0 1rem;text-align:center;text-shadow:0 2px 10px rgba(167,139,250,.3)}.message-charts{margin-top:1rem}.quick-charts{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(180deg,#6366f114,#6366f126);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(99,102,241,.2);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quick-charts-label{font-size:.875rem;color:#94a3b8;font-weight:600;display:flex;align-items:center;gap:.5rem}.quick-charts-label:before{content:"📊"}.quick-chart-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,#6366f126,#8b5cf626);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(99,102,241,.3);border-radius:10px;color:#a78bfa;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-chart-btn:hover{background:linear-gradient(135deg,#6366f140,#8b5cf640);border-color:#6366f180;transform:translateY(-3px);box-shadow:0 8px 20px #6366f14d,0 0 15px #8b5cf633}.quick-chart-btn:active{transform:translateY(-1px)}.message-charts{margin:1rem 0}.ai-chart-container{background:#0f172a99;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:1rem;margin:.75rem 0}.ai-chart-title{color:#a78bfa;font-size:1rem;font-weight:600;margin:0 0 1rem;text-align:center}.ai-chart-container .recharts-wrapper{margin:0 auto}.ai-chart-container .recharts-cartesian-grid-horizontal line,.ai-chart-container .recharts-cartesian-grid-vertical line{stroke:#6366f11a}.ai-chart-container .recharts-legend-item-text{color:#e2e8f0!important}.ai-chart-container .recharts-text{fill:#94a3b8}.ai-chart-container .recharts-tooltip-wrapper{z-index:100}.message-code-blocks{margin:1rem 0}.runnable-code-block{background:#0f172ae6;border:1px solid rgba(99,102,241,.3);border-radius:12px;overflow:hidden;margin:.75rem 0;transition:all .3s ease}.runnable-code-block:hover{border-color:#6366f180;box-shadow:0 4px 20px #6366f126}.code-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-bottom:1px solid rgba(99,102,241,.2)}.code-language{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:#a78bfa;text-transform:uppercase}.auto-run-badge{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:.625rem;padding:.125rem .5rem;border-radius:8px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;animation:pulse-badge 2s ease-in-out infinite;box-shadow:0 2px 8px #f9731666}.retry-badge{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-size:.625rem;padding:.125rem .5rem;border-radius:8px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;animation:pulse-badge 1s ease-in-out infinite;box-shadow:0 2px 8px #6366f166}.code-diff-notice{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:6px;margin:.5rem 0;font-size:.75rem;color:#22c55e}.code-diff-notice svg{flex-shrink:0}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.code-actions{display:flex;align-items:center;gap:.5rem}.btn-copy-code,.btn-run-code{display:flex;align-items:center;gap:.4rem;padding:.5rem .875rem;border:1px solid rgba(99,102,241,.3);border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-copy-code{background:#4755694d;color:#94a3b8}.btn-copy-code:hover{background:#47556980;color:#e2e8f0;border-color:#94a3b880}.btn-run-code{background:linear-gradient(135deg,#22c55e33,#10b98133);color:#4ade80;border-color:#22c55e66}.btn-run-code:hover:not(:disabled){background:linear-gradient(135deg,#22c55e66,#10b9814d);transform:translateY(-2px);box-shadow:0 4px 15px #22c55e4d}.btn-run-code:disabled{opacity:.7;cursor:not-allowed}.btn-run-code.running{background:linear-gradient(135deg,#6366f14d,#8b5cf633);color:#a78bfa;border-color:#6366f180}.btn-run-code .spin{animation:spin 1s linear infinite}.code-content{margin:0;padding:1rem;background:#0000004d;overflow-x:auto;max-height:400px;overflow-y:auto}.code-content code{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.6;color:#e2e8f0;white-space:pre}.code-content::-webkit-scrollbar{width:8px;height:8px}.code-content::-webkit-scrollbar-track{background:#0f172a80}.code-content::-webkit-scrollbar-thumb{background:#6366f166;border-radius:4px}.code-content::-webkit-scrollbar-thumb:hover{background:#6366f199}.code-output{border-top:1px solid rgba(99,102,241,.2);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.output-header{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;text-transform:uppercase}.code-output.success .output-header{background:linear-gradient(135deg,#22c55e26,#10b9811a);color:#4ade80}.code-output.error .output-header{background:linear-gradient(135deg,#ef444426,#dc26261a);color:#f87171}.output-content{margin:0;padding:1rem;background:#0003;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.8125rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.code-output.success .output-content{color:#86efac}.code-output.error .output-content{color:#fca5a5}.btn-run-code.loading-python{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.code-charts{border-top:1px solid rgba(99,102,241,.2);padding:1rem;background:#00000026}.charts-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:600;color:#a78bfa}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.chart-item{background:#0f172acc;border:1px solid rgba(99,102,241,.2);border-radius:12px;overflow:hidden;transition:all .3s ease}.chart-item:hover{border-color:#6366f180;box-shadow:0 4px 20px #6366f133;transform:translateY(-2px)}.chart-item img{width:100%;height:auto;display:block;cursor:pointer;transition:transform .3s ease}.chart-item img:hover{transform:scale(1.02)}.btn-download-chart{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background:linear-gradient(135deg,#6366f133,#8b5cf626);border:none;border-top:1px solid rgba(99,102,241,.2);color:#a78bfa;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-download-chart:hover{background:linear-gradient(135deg,#6366f14d,#8b5cf640);color:#c4b5fd}.btn-download-chart svg{transition:transform .3s ease}.btn-download-chart:hover svg{transform:translateY(2px)}.code-maps{border-top:1px solid rgba(99,102,241,.2);padding:1rem;background:#00000026}.maps-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:600;color:#22c55e}.maps-grid{display:grid;grid-template-columns:1fr;gap:1rem}.map-item{background:#0f172acc;border:1px solid rgba(34,197,94,.3);border-radius:12px;overflow:hidden;transition:all .3s ease}.map-item:hover{border-color:#22c55e80;box-shadow:0 4px 20px #22c55e33}.map-item iframe{width:100%;height:400px;display:block;background:#1e293b}.map-actions{display:flex;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#22c55e1a,#16a34a0d);border-top:1px solid rgba(34,197,94,.2)}.btn-open-map{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;padding:.625rem 1rem;background:linear-gradient(135deg,#22c55e33,#16a34a26);border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#4ade80;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-open-map:hover{background:linear-gradient(135deg,#22c55e4d,#16a34a40);border-color:#22c55e80;color:#86efac;transform:translateY(-1px)}.code-tables{border-top:1px solid rgba(99,102,241,.2);padding:1rem;background:#00000026}.tables-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:600;color:#3b82f6}.tables-grid{display:grid;grid-template-columns:1fr;gap:1rem}.table-item{background:#0f172acc;border:1px solid rgba(59,130,246,.3);border-radius:12px;overflow:hidden;transition:all .3s ease}.table-item:hover{border-color:#3b82f680;box-shadow:0 4px 20px #3b82f633}.table-container{max-height:400px;overflow:auto}.rendered-data-table{width:100%;border-collapse:collapse;font-size:.8rem;font-family:JetBrains Mono,Fira Code,monospace}.rendered-data-table thead{position:sticky;top:0;z-index:10}.rendered-data-table th{background:linear-gradient(135deg,#1e3a5f,#1e293b);color:#60a5fa;padding:.75rem 1rem;text-align:left;font-weight:600;border-bottom:2px solid rgba(59,130,246,.4);white-space:nowrap}.rendered-data-table td{padding:.625rem 1rem;color:#e2e8f0;border-bottom:1px solid rgba(59,130,246,.15);white-space:nowrap}.rendered-data-table tbody tr{transition:background .2s ease}.rendered-data-table tbody tr:hover{background:#3b82f61a}.rendered-data-table tbody tr:nth-child(2n){background:#1e293b80}.rendered-data-table tbody tr:nth-child(2n):hover{background:#3b82f626}.table-container::-webkit-scrollbar{width:8px;height:8px}.table-container::-webkit-scrollbar-track{background:#1e293b80}.table-container::-webkit-scrollbar-thumb{background:#3b82f666;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#3b82f699}.table-container::-webkit-scrollbar-corner{background:#1e293b80}.agent-mode-toggle{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(99,102,241,.2)}.toggle-switch-container{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.toggle-switch{position:relative;width:50px;height:26px}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#6366f133;border:1px solid rgba(99,102,241,.3);border-radius:26px;transition:all .3s ease}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background:#64748b;border-radius:50%;transition:all .3s ease}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:#a855f7;box-shadow:0 0 15px #a855f766}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px);background:#fff;box-shadow:0 0 8px #ffffff80}.toggle-label{font-size:.75rem;font-weight:600;color:#64748b;transition:color .3s ease}.toggle-label.active{color:#a855f7;text-shadow:0 0 10px rgba(168,85,247,.5)}.setting-hint{font-size:.7rem;color:#64748b;margin-top:.5rem;line-height:1.4}.agent-tools-info{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#7c3aed1a,#a855f70d);border:1px solid rgba(168,85,247,.2);border-radius:10px}.agent-tools-info .tools-header{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:#c4b5fd;margin-bottom:.75rem}.agent-tools-info .tools-header svg{color:#a855f7}.agent-tools-info .tools-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.agent-tools-info .tool-item{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem;background:#0f172a66;border-radius:6px;border-left:2px solid #a855f7}.agent-tools-info .tool-name{font-size:.7rem;font-weight:600;color:#22c55e;font-family:JetBrains Mono,monospace}.agent-tools-info .tool-desc{font-size:.65rem;color:#94a3b8;line-height:1.3}.agent-thinking-panel{background:linear-gradient(135deg,#7c3aed26,#a855f71a);border:1px solid rgba(168,85,247,.3);border-radius:12px;padding:1rem;margin-bottom:1rem;animation:agentPulse 2s ease-in-out infinite}@keyframes agentPulse{0%,to{box-shadow:0 0 20px #a855f733}50%{box-shadow:0 0 30px #a855f766}}.agent-thinking-header{display:flex;align-items:center;gap:.5rem;color:#c4b5fd;font-weight:600;margin-bottom:.75rem}.agent-thinking-header svg{color:#a855f7}.agent-steps{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;max-height:200px;overflow-y:auto}.agent-step{display:flex;gap:.75rem;padding:.5rem;background:#0f172a80;border-radius:8px;border-left:3px solid #a855f7}.step-number{width:24px;height:24px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0}.step-content{flex:1;min-width:0}.step-thought{font-size:.75rem;color:#94a3b8;line-height:1.4}.step-tools{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.tool-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:#22c55e33;border:1px solid rgba(34,197,94,.3);border-radius:4px;font-size:.65rem;color:#4ade80;font-weight:500}.agent-summary{display:inline-flex;align-items:center;background:linear-gradient(135deg,#7c3aed1a,#a855f70d);border:1px solid rgba(168,85,247,.2);border-radius:8px;padding:.5rem .75rem;margin-bottom:.75rem}.agent-summary-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#c4b5fd}.agent-summary-header svg{color:#a855f7}@keyframes thinkingDots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.agent-thinking-header span:after{animation:thinkingDots 1.5s infinite}.governance-dashboard{padding:2rem;background:#0f172a;min-height:100vh}.governance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(99,102,241,.2)}.header-content{display:flex;align-items:center;gap:1rem}.header-content svg{color:#6366f1;filter:drop-shadow(0 0 10px rgba(99,102,241,.6))}.governance-header h1{margin:0;color:#fff;font-size:1.75rem;font-weight:700}.governance-header p{margin:.25rem 0 0;color:#94a3b8;font-size:.95rem}.user-badge{display:flex;align-items:center;gap:.75rem;background:#1e293b99;padding:.75rem 1.25rem;border-radius:12px;border:1px solid rgba(100,116,139,.3)}.user-badge svg{color:#6366f1}.user-badge span{color:#e2e8f0;font-weight:600}.role-tag{background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:.25rem .75rem;border-radius:6px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(145deg,#1a2332,#0f1520);border:1px solid rgba(100,116,139,.2);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #6366f14d;border-color:#6366f166}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;color:#fff;line-height:1;margin-bottom:.25rem}.stat-label{color:#94a3b8;font-size:.9rem;font-weight:500}.governance-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.classification-panel,.activity-panel{background:linear-gradient(145deg,#1a2332,#0f1520);border:1px solid rgba(100,116,139,.2);border-radius:16px;padding:1.5rem}.classification-panel h3,.activity-panel h3{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:1.1rem;margin:0 0 1.25rem}.classification-panel h3 svg,.activity-panel h3 svg{color:#6366f1}.classification-chart{display:flex;flex-direction:column;gap:1.25rem}.classification-item{display:flex;flex-direction:column;gap:.5rem}.classification-header{display:flex;justify-content:space-between;align-items:center}.classification-label{display:flex;align-items:center;gap:.5rem;color:#e2e8f0;font-weight:600;font-size:.9rem}.classification-color{width:12px;height:12px;border-radius:3px}.classification-count{color:#94a3b8;font-weight:700;font-size:1.1rem}.classification-bar{height:8px;background:#1e293b99;border-radius:10px;overflow:hidden}.classification-fill{height:100%;border-radius:10px;transition:width .5s ease}.activity-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:#1e293b66;border:1px solid rgba(100,116,139,.2);border-radius:10px;transition:all .2s}.activity-item:hover{background:#1e293b99;border-color:#6366f14d}.activity-icon{width:32px;height:32px;border-radius:8px;background:#6366f133;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon svg{color:#6366f1}.activity-content{flex:1}.activity-action{color:#e2e8f0;font-weight:600;font-size:.9rem;margin-bottom:.25rem}.activity-details{color:#64748b;font-size:.8rem}.expiring-panel{background:linear-gradient(145deg,#1a2332,#0f1520);border:1px solid rgba(245,158,11,.3);border-radius:16px;padding:1.5rem}.expiring-panel h3{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:1.1rem;margin:0 0 1.25rem}.expiring-panel h3 svg{color:#f59e0b}.expiring-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.expiring-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:10px}.expiring-info{flex:1}.expiring-name{color:#e2e8f0;font-weight:600;font-size:.9rem;margin-bottom:.25rem}.expiring-date{color:#94a3b8;font-size:.8rem}.empty-state{text-align:center;padding:2rem;color:#64748b;font-size:.95rem}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:1rem}.access-denied svg{color:#ef4444;filter:drop-shadow(0 0 20px rgba(239,68,68,.6))}.access-denied h2{color:#fff;margin:0;font-size:1.75rem}.access-denied p{color:#94a3b8;margin:0}@media(max-width:1200px){.governance-content{grid-template-columns:1fr}}@media(max-width:768px){.governance-dashboard{padding:1rem}.governance-header{flex-direction:column;align-items:flex-start;gap:1rem}.stats-grid,.expiring-list{grid-template-columns:1fr}}.user-management{padding:32px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e8e8e8}.header-left svg{color:#667eea}.page-header h1{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.page-header p{font-size:14px;color:#666;margin:0}.btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary{padding:12px 24px;background:#f8f9fa;color:#555;border:1px solid #e8e8e8;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#e8e8e8}.alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;margin-bottom:24px;font-size:14px;font-weight:500}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626}.alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#16a34a}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.user-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:24px;transition:all .3s ease}.user-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26;transform:translateY(-4px)}.user-card-header{display:flex;gap:16px;margin-bottom:20px}.user-avatar{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.user-info h3{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.username{font-size:14px;color:#666;margin:0}.user-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.detail-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#555}.detail-item svg{color:#667eea;flex-shrink:0}.role-badge{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-superadmin{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.role-admin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.role-data_owner{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.role-data_steward{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.role-analyst{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.role-viewer{background:#e8e8e8;color:#555}.user-actions{display:flex;gap:8px;padding-top:16px;border-top:1px solid #f0f0f0}.user-management .btn-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #e8e8e8);border-radius:10px;cursor:pointer;transition:all .3s ease;color:var(--text-secondary, #555)}.user-management .btn-icon:hover{background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.user-management .btn-danger{background:#ef44441a;border-color:#ef444433;color:#dc2626}.user-management .btn-danger:hover{background:#dc2626;color:#fff;border-color:#dc2626}.permission-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:20px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e8e8e8}.modal-header h2{font-size:24px;font-weight:700;color:#1a1a2e;margin:0}.btn-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border:none;border-radius:10px;cursor:pointer;color:#555;transition:all .3s ease}.btn-close:hover{background:#e8e8e8;color:#1a1a2e}.modal-form{padding:24px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{display:flex;align-items:center;gap:8px;font-weight:600;color:#555;font-size:14px}.form-group label svg{color:#667eea}.form-group input,.form-group select{padding:12px 16px;border:2px solid #e8e8e8;border-radius:10px;font-size:15px;transition:all .3s ease;outline:none}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.form-group input:disabled{background:#f8f9fa;cursor:not-allowed}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e8e8e8}@media(max-width:768px){.user-management{padding:20px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.users-grid{grid-template-columns:1fr}}.role-management{padding:32px;max-width:1400px;margin:0 auto}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.role-card{background:#fff;border:2px solid #e8e8e8;border-radius:16px;padding:24px;transition:all .3s ease}.role-card.system-role{border-color:#667eea;background:linear-gradient(135deg,#667eea0d,#764ba20d)}.role-card.custom-role:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26;transform:translateY(-4px)}.role-header{display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.role-icon{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.role-info{flex:1}.role-info h3{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.role-key{font-size:12px;color:#666;font-family:Courier New,monospace;background:#f8f9fa;padding:2px 8px;border-radius:4px;display:inline-block}.system-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:#667eea;color:#fff;font-size:10px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.role-permissions-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;max-height:300px;overflow-y:auto;padding-right:8px}.role-permissions-list::-webkit-scrollbar{width:6px}.role-permissions-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.permission-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:13px;transition:all .2s ease}.permission-item.enabled{background:#22c55e1a;color:#16a34a}.permission-item.disabled{background:#ef44441a;color:#dc2626}.check-icon{flex-shrink:0;color:#16a34a}.x-icon{flex-shrink:0;color:#dc2626}.role-actions{display:flex;gap:8px;padding-top:16px;border-top:1px solid #f0f0f0}.large-modal{max-width:800px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.permissions-section{margin-top:24px}.permissions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e8e8e8}.permissions-header h3{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.bulk-actions{display:flex;gap:12px}.btn-text{background:none;border:none;color:#667eea;font-size:14px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.btn-text:hover{background:#667eea1a}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;max-height:400px;overflow-y:auto;padding:16px;background:#f8f9fa;border-radius:12px}.permissions-grid::-webkit-scrollbar{width:8px}.permissions-grid::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.permission-checkbox{background:#fff;border:2px solid #e8e8e8;border-radius:10px;padding:16px;transition:all .3s ease}.permission-checkbox:has(input:checked){border-color:#667eea;background:#667eea0d}.permission-checkbox:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.permission-checkbox label{display:flex;gap:12px;cursor:pointer;align-items:flex-start}.permission-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;flex-shrink:0;margin-top:2px;accent-color:#667eea}.permission-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.checkbox-content{display:flex;flex-direction:column;gap:4px}.permission-name{font-size:14px;font-weight:600;color:#1a1a2e}.permission-desc{font-size:12px;color:#666;line-height:1.4}.alert-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#2563eb}@media(max-width:768px){.role-management{padding:20px}.roles-grid,.form-row,.permissions-grid{grid-template-columns:1fr}.large-modal{max-width:95%}}.audit-log{padding:24px 32px;height:100%;display:flex;flex-direction:column}.audit-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.audit-header .header-left{display:flex;gap:16px;align-items:center}.audit-header .header-left svg{color:#667eea}.audit-header h2{font-size:24px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.audit-header p{font-size:14px;color:#666;margin:0}.btn-refresh{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid #e0e0e0;border-radius:10px;cursor:pointer;color:#555;transition:all .3s ease}.btn-refresh:hover{background:#f8f9fa;color:#667eea;border-color:#667eea}.btn-export{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-export:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-clear{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:#dc2626;border:1px solid #dc2626;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-clear:hover{background:#dc2626;color:#fff}.audit-filters{background:#fff;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 10px #0000000d}.filter-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.search-box{display:flex;align-items:center;gap:10px;background:#f8f9fa;padding:10px 16px;border-radius:10px;flex:1;min-width:200px;border:1px solid transparent;transition:all .3s ease}.search-box:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-box svg{color:#999}.search-box input{flex:1;border:none;background:transparent;font-size:14px;outline:none}.filter-select{display:flex;align-items:center;gap:10px;background:#f8f9fa;padding:10px 16px;border-radius:10px;border:1px solid transparent;transition:all .3s ease}.filter-select:focus-within{background:#fff;border-color:#667eea}.filter-select svg{color:#999}.filter-select select{border:none;background:transparent;font-size:14px;outline:none;cursor:pointer;min-width:120px}.date-range{display:flex;align-items:center;gap:10px;background:#f8f9fa;padding:10px 16px;border-radius:10px}.date-range svg{color:#999}.date-range input{border:none;background:transparent;font-size:14px;outline:none;cursor:pointer}.date-range span{color:#999;font-size:13px}.filter-summary{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0;font-size:13px;color:#666}.audit-table-container{flex:1;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.audit-table{width:100%;border-collapse:collapse}.audit-table th{background:#f8f9fa;padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e8e8e8;position:sticky;top:0}.audit-table td{padding:14px 16px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333;vertical-align:middle}.audit-table tr:hover{background:#f8f9fa}.timestamp-cell{color:#666;font-size:13px;white-space:nowrap}.user-cell .user-badge{display:inline-flex;align-items:center;padding:4px 12px;background:#e8f4fd;color:#1e88e5;border-radius:20px;font-size:13px;font-weight:500}.role-cell .role-badge{display:inline-flex;align-items:center;padding:4px 12px;background:#f3e8ff;color:#9333ea;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.action-cell .action-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500}.action-icon{font-size:14px}.details-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;font-size:13px}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#666}.loading-state svg,.empty-state svg{color:#ccc;margin-bottom:16px}.loading-state .spin{animation:spin 1s linear infinite}.empty-state h3{font-size:18px;font-weight:600;color:#333;margin:0 0 8px}.empty-state p{font-size:14px;color:#999;margin:0}@media(max-width:968px){.audit-log{padding:16px}.audit-header{flex-direction:column;gap:16px}.header-actions{width:100%;justify-content:flex-start}.filter-row{flex-direction:column}.search-box,.filter-select,.date-range{width:100%}.audit-table-container{overflow-x:auto}.audit-table{min-width:800px}}.security-settings{padding:24px 32px;height:100%;display:flex;flex-direction:column;overflow-y:auto}.security-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.security-header .header-left{display:flex;gap:16px;align-items:center}.security-header .header-left svg{color:#667eea}.security-header h2{font-size:24px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.security-header p{font-size:14px;color:#666;margin:0}.header-actions{display:flex;gap:12px}.btn-reset{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:#666;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-reset:hover{background:#f8f9fa;border-color:#667eea;color:#667eea}.btn-save{display:flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-save:disabled{opacity:.7;cursor:not-allowed}.btn-save .spin{animation:spin 1s linear infinite}.security-nav{display:flex;gap:8px;margin-bottom:24px;padding:8px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.nav-item{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease}.nav-item:hover{background:#f8f9fa;color:#1a1a2e}.nav-item.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea}.security-content{flex:1}.settings-section{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 10px #0000000d}.section-header{display:flex;gap:16px;align-items:center;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.section-header svg{color:#667eea}.section-header h3{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.section-header p{font-size:14px;color:#666;margin:0}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:24px}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item label{font-size:14px;font-weight:600;color:#1a1a2e}.input-group{display:flex;align-items:center;gap:12px}.input-group input[type=number]{width:100px;padding:10px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease}.input-group input[type=number]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-suffix{font-size:13px;color:#888}.setting-hint{font-size:12px;color:#999}.checkbox-group{margin-bottom:24px}.checkbox-group h4{font-size:14px;font-weight:600;color:#1a1a2e;margin:0 0 16px}.checkbox-item{display:flex;align-items:center;gap:12px;padding:12px 0;cursor:pointer;border-bottom:1px solid #f5f5f5}.checkbox-item:last-child{border-bottom:none}.checkbox-item input[type=checkbox]{display:none}.checkbox-item .checkmark{width:22px;height:22px;border:2px solid #ddd;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.checkbox-item input:checked+.checkmark{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.checkbox-item input:checked+.checkmark:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.checkbox-item span:last-child{font-size:14px;color:#444}.password-preview{background:#f8f9fa;padding:20px;border-radius:12px}.password-preview h4{font-size:14px;font-weight:600;color:#1a1a2e;margin:0 0 12px}.strength-meter{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:8px}.strength-bar{height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981);border-radius:4px;transition:width .3s ease}.strength-label{font-size:13px;font-weight:500;color:#666}.toggle-card{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-radius:12px;margin-bottom:20px}.toggle-info h4{font-size:15px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.toggle-info p{font-size:13px;color:#666;margin:0}.toggle-switch{position:relative;width:56px;height:30px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:#ddd;border-radius:30px;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;width:24px;height:24px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 5px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.methods-section{margin-top:24px}.methods-section h4{font-size:14px;font-weight:600;color:#1a1a2e;margin:0 0 16px}.methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.method-card{display:flex;flex-direction:column;align-items:center;padding:24px 16px;background:#f8f9fa;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center}.method-card input{display:none}.method-card:hover{background:#f0f0f0}.method-card.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.method-card svg{color:#667eea;margin-bottom:12px}.method-name{font-size:14px;font-weight:600;color:#1a1a2e;margin-bottom:4px}.method-desc{font-size:12px;color:#888}.lockout-info{display:flex;gap:16px;padding:20px;background:linear-gradient(135deg,#f59e0b1a,#ef44440d);border-radius:12px;border-left:4px solid #f59e0b;margin-top:24px}.lockout-info svg{color:#f59e0b;flex-shrink:0}.lockout-info strong{display:block;font-size:14px;color:#1a1a2e;margin-bottom:4px}.lockout-info p{font-size:13px;color:#666;margin:0;line-height:1.5}@media(max-width:768px){.security-settings{padding:16px}.security-header{flex-direction:column}.header-actions{width:100%}.btn-reset,.btn-save{flex:1}.security-nav{flex-wrap:wrap}.nav-item{flex:1;min-width:120px;justify-content:center}.settings-grid{grid-template-columns:1fr}.toggle-card{flex-direction:column;gap:16px;text-align:center}.methods-grid{grid-template-columns:1fr}}.twofa-setup{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f}.twofa-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e8e8e8}.header-icon{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.header-text{flex:1}.header-text h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#1a1a2e}.header-text p{margin:0;font-size:14px;color:#666}.status-badge{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600}.status-badge.enabled{background:#e8f5e9;color:#2e7d32}.status-badge.disabled{background:#fff3e0;color:#e65100}.alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:14px}.alert-error{background:#ffebee;color:#c62828}.alert-success{background:#e8f5e9;color:#2e7d32}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#666}.twofa-content{padding:20px 0}.enabled-state,.disabled-state{text-align:center}.enabled-info,.setup-info{margin-bottom:24px}.shield-icon,.qr-icon{color:#667eea;margin-bottom:16px}.enabled-info h4,.setup-info h4{font-size:18px;font-weight:600;margin:0 0 8px;color:#1a1a2e}.enabled-info p,.setup-info p{color:#666;max-width:400px;margin:0 auto;line-height:1.6}.setup-steps{display:flex;flex-direction:column;gap:12px;max-width:400px;margin:24px auto;text-align:left}.step{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:10px}.step-number{width:28px;height:28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.btn-primary,.btn-secondary,.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-danger{background:#ffebee;color:#c62828}.btn-danger:hover{background:#ffcdd2}.btn-primary:disabled,.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none}.setup-modal,.disable-modal{background:#f8f9fa;border-radius:16px;padding:32px;text-align:center}.setup-content h4,.disable-content h4{font-size:20px;font-weight:600;margin:0 0 24px;color:#1a1a2e}.qr-section{margin-bottom:24px}.qr-section p,.manual-section p,.verify-section p{color:#666;margin-bottom:12px;font-size:14px}.qr-code{display:inline-block;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.qr-code img{width:200px;height:200px;display:block}.manual-section{margin-bottom:24px}.secret-key{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:#fff;border-radius:8px;border:1px dashed #ccc}.secret-key code{font-family:Monaco,Courier New,monospace;font-size:16px;letter-spacing:2px;color:#333}.verify-section{margin-bottom:24px}.code-input{width:200px;padding:16px;font-size:24px;font-family:Monaco,Courier New,monospace;text-align:center;letter-spacing:8px;border:2px solid #e0e0e0;border-radius:12px;outline:none;transition:border-color .2s}.code-input:focus{border-color:#667eea}.setup-actions,.disable-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.disable-content{max-width:400px;margin:0 auto}.warning-icon{color:#e65100;margin-bottom:16px}.disable-content p{color:#666;line-height:1.6;margin-bottom:20px}@media(max-width:600px){.twofa-header{flex-direction:column;text-align:center}.status-badge{align-self:center}.qr-code img{width:160px;height:160px}.code-input{width:100%;max-width:200px}.setup-actions,.disable-actions{flex-direction:column}.btn-primary,.btn-secondary,.btn-danger{width:100%;justify-content:center}}.theme-settings{display:flex;flex-direction:column;gap:32px}.theme-section{background:var(--bg-card, #fff);border-radius:16px;padding:24px;border:1px solid var(--border-color, #e2e8f0)}.section-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.section-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.section-icon.accent{background:var(--accent-gradient, linear-gradient(135deg, #667eea, #764ba2))}.section-icon.special{background:linear-gradient(135deg,#ec4899,#8b5cf6)}.section-icon.system{background:linear-gradient(135deg,#6366f1,#3b82f6)}.section-info h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary, #1e293b)}.section-info p{margin:0;font-size:14px;color:var(--text-secondary, #64748b)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.theme-card{border:2px solid var(--border-color, #e2e8f0);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;background:var(--bg-secondary, #f8fafc)}.theme-card:hover{border-color:var(--accent-primary, #667eea);transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-color, rgba(0,0,0,.1))}.theme-card.active{border-color:var(--accent-primary, #667eea);box-shadow:0 0 0 3px #667eea33}.theme-preview{height:100px;padding:8px;display:flex;gap:6px;border-bottom:1px solid var(--border-color, #e2e8f0)}.preview-sidebar{width:30px;border-radius:4px;padding:4px;display:flex;flex-direction:column;gap:4px}.preview-sidebar-item{height:8px;border-radius:2px}.preview-content{flex:1;display:flex;flex-direction:column;gap:6px}.preview-header{height:12px;border-radius:3px}.preview-cards{flex:1;display:flex;gap:4px}.preview-card{flex:1;border-radius:4px}.theme-info{padding:12px;display:flex;align-items:center;gap:8px}.theme-icon{font-size:18px}.theme-name{font-size:14px;font-weight:500;color:var(--text-primary, #1e293b);flex:1}.theme-active{width:20px;height:20px;border-radius:50%;background:var(--accent-primary, #667eea);color:#fff;display:flex;align-items:center;justify-content:center}.accent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.accent-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border:2px solid var(--border-color, #e2e8f0);border-radius:12px;background:var(--bg-secondary, #f8fafc);cursor:pointer;transition:all .3s ease}.accent-option:hover{border-color:var(--accent-preview);transform:translateY(-2px)}.accent-option.active{border-color:var(--accent-preview);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-preview) 20%,transparent)}.accent-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .3s ease}.accent-option:hover .accent-circle{transform:scale(1.1)}.accent-name{font-size:13px;font-weight:500;color:var(--text-primary, #1e293b)}.live-preview{background:var(--bg-secondary, #f8fafc);border-radius:12px;padding:16px;border:1px solid var(--border-color, #e2e8f0)}.preview-demo{background:var(--bg-primary, #fff);border-radius:12px;overflow:hidden;border:1px solid var(--border-color, #e2e8f0)}.preview-demo-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color, #e2e8f0);background:var(--header-bg, #fff)}.preview-demo-title{font-weight:600;color:var(--text-primary, #1e293b)}.preview-demo-actions{display:flex;gap:8px}.preview-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.preview-btn.primary{background:var(--accent-gradient, linear-gradient(135deg, #667eea, #764ba2));color:#fff}.preview-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.preview-btn.secondary{background:var(--bg-secondary, #f1f5f9);color:var(--text-secondary, #64748b);border:1px solid var(--border-color, #e2e8f0)}.preview-btn.secondary:hover{background:var(--bg-hover, #e2e8f0)}.preview-demo-content{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.preview-demo-card{background:var(--bg-card, #fff);border-radius:12px;padding:16px;border:1px solid var(--border-color, #e2e8f0)}.preview-demo-card-title{font-size:14px;font-weight:600;color:var(--text-primary, #1e293b);margin-bottom:16px}.preview-demo-chart{display:flex;align-items:flex-end;gap:8px;height:80px}.chart-bar{flex:1;background:var(--accent-gradient, linear-gradient(135deg, #667eea, #764ba2));border-radius:4px 4px 0 0;min-height:10px}.preview-demo-stats{display:flex;gap:24px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:24px;font-weight:700;color:var(--accent-primary, #667eea)}.stat-label{font-size:12px;color:var(--text-secondary, #64748b)}.system-theme-btn{display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--bg-secondary, #f8fafc);border:2px solid var(--border-color, #e2e8f0);border-radius:12px;color:var(--text-primary, #1e293b);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%;justify-content:center}.system-theme-btn:hover{border-color:var(--accent-primary, #667eea);background:var(--bg-hover, #f1f5f9)}.system-theme-btn svg{color:var(--accent-primary, #667eea)}@media(max-width:768px){.theme-grid{grid-template-columns:repeat(2,1fr)}.accent-grid{grid-template-columns:repeat(4,1fr)}.preview-demo-content{grid-template-columns:1fr}}@media(max-width:480px){.theme-grid{grid-template-columns:1fr}.accent-grid{grid-template-columns:repeat(3,1fr)}}.data-management-settings{display:flex;flex-direction:column;gap:24px}.data-management-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:16px;color:var(--text-secondary)}.error-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#dc2626;font-size:14px}.error-banner button{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;padding:4px;border-radius:4px}.error-banner button:hover{background:#ef444433}.dm-tabs{display:flex;gap:8px;background:var(--bg-card);padding:8px;border-radius:12px;border:1px solid var(--border-color)}.dm-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:none;border:none;border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.dm-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.dm-tab.active{background:var(--accent-gradient);color:#fff}.dm-content{background:var(--bg-card);border-radius:16px;padding:24px;border:1px solid var(--border-color)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.section-info h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.section-info p{font-size:14px;color:var(--text-secondary);margin:0}.data-management-settings .btn-add{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--accent-gradient);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.data-management-settings .btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.classification-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.classification-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s ease;position:relative}.classification-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--level-color);border-radius:12px 12px 0 0}.classification-card.default{border-color:var(--accent-primary)}.classification-card:hover{box-shadow:0 4px 20px var(--shadow-color)}.card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.level-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.level-info{flex:1;display:flex;flex-direction:column;gap:4px}.level-info h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.default-badge,.system-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.default-badge{background:#10b9811a;color:#10b981}.system-badge{background:#3b82f61a;color:#3b82f6;margin-left:6px}.card-actions{display:flex;gap:4px}.card-actions button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.card-actions button:hover{background:var(--bg-active);color:var(--accent-primary)}.card-actions button.delete:hover{background:#ef44441a;color:#ef4444}.level-description{font-size:13px;color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.level-settings{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px;background:var(--bg-card);border-radius:8px;margin-bottom:12px}.setting-item{display:flex;flex-direction:column;gap:2px}.setting-label{font-size:11px;color:var(--text-muted);text-transform:uppercase}.setting-value{font-size:13px;font-weight:500;color:var(--text-primary)}.setting-value.enabled{color:#10b981}.btn-set-default{width:100%;padding:10px;background:none;border:1px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease}.btn-set-default:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#667eea0d}.retention-list{display:flex;flex-direction:column;gap:16px}.retention-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s ease}.retention-card.disabled{opacity:.7}.retention-card:hover{box-shadow:0 4px 20px var(--shadow-color)}.policy-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.policy-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.policy-info{flex:1}.policy-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.policy-type{font-size:12px;color:var(--text-muted);background:var(--bg-hover);padding:2px 8px;border-radius:4px}.policy-toggle .toggle-btn{background:none;border:none;cursor:pointer;transition:all .2s ease}.toggle-btn{color:var(--text-muted)}.toggle-btn.on{color:#10b981}.toggle-btn.off{color:var(--text-muted)}.policy-description{font-size:14px;color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.policy-details{display:flex;flex-wrap:wrap;gap:16px;padding:12px 16px;background:var(--bg-card);border-radius:8px;margin-bottom:16px}.detail-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.detail-item strong{color:var(--text-primary)}.policy-actions{display:flex;gap:8px}.policy-actions button{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-hover);border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease}.policy-actions button:hover{background:var(--bg-active);color:var(--text-primary)}.policy-actions button.delete:hover{background:#ef44441a;color:#ef4444}.general-section{display:flex;flex-direction:column;gap:20px}.settings-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.settings-card.danger{border-color:#ef44444d}.settings-card-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-card);border-bottom:1px solid var(--border-color)}.settings-card-header svg{color:var(--accent-primary)}.settings-card.danger .settings-card-header svg{color:#ef4444}.settings-card-header h4{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.settings-card-body{padding:20px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-light)}.setting-row:last-child{border-bottom:none}.setting-info{display:flex;flex-direction:column;gap:4px}.setting-name{font-size:14px;font-weight:500;color:var(--text-primary)}.setting-desc{font-size:12px;color:var(--text-secondary)}.setting-row select{padding:8px 12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:13px;cursor:pointer}.settings-card-body>p{font-size:14px;color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.btn-danger{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-overlay{position:fixed;inset:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--modal-bg);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.modal-header button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.modal-header button:hover{background:var(--bg-active);color:var(--text-primary)}.edit-form{padding:24px}.classification-card .edit-form,.retention-card .edit-form{padding:0;margin-top:12px}.form-row{margin-bottom:16px}.form-row label{display:block;font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.form-row input[type=text],.form-row input[type=number],.form-row select,.form-row textarea{width:100%;padding:10px 14px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:14px;transition:all .2s ease}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a}.form-row textarea{resize:vertical;min-height:60px}.color-picker-dropdown{position:relative}.color-picker-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;cursor:pointer;transition:all .2s ease}.color-picker-trigger:hover{border-color:var(--accent-primary)}.color-picker-trigger .color-preview{width:24px;height:24px;border-radius:6px;flex-shrink:0;border:2px solid rgba(255,255,255,.2)}.color-picker-trigger .color-label{font-size:14px;color:var(--text-primary);text-transform:uppercase}.color-picker-popover{position:absolute;top:100%;left:0;right:0;margin-top:8px;padding:12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 10px 40px #0000004d;z-index:100;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.color-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.color-option{width:100%;aspect-ratio:1;border-radius:8px;border:3px solid transparent;cursor:pointer;transition:all .2s ease}.color-option:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.color-option.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-card),0 2px 8px #0000004d;transform:scale(1.1)}.form-row-group{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row-group .form-row{margin-bottom:0}.checkbox-group{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.form-row.checkbox{margin-bottom:0}.form-row.checkbox label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease}.form-row.checkbox label:hover{border-color:var(--accent-primary);background:var(--bg-hover)}.form-row.checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary);flex-shrink:0}.form-row.checkbox span{font-size:13px;color:var(--text-primary)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color)}.btn-cancel,.btn-save{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-cancel:hover{background:var(--bg-active);color:var(--text-primary)}.btn-save{background:var(--accent-gradient);border:none;color:#fff}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-save:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.dm-tabs{flex-direction:column}.classification-grid{grid-template-columns:1fr}.form-row-group{flex-direction:column;gap:0}.policy-details{flex-direction:column;gap:8px}}.settings-page{height:100%;display:flex;flex-direction:column;background:var(--bg-secondary);transition:background-color .3s ease}.settings-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:24px 32px;transition:background-color .3s ease,border-color .3s ease}.header-left{display:flex;gap:16px;align-items:center}.header-left svg{color:var(--accent-primary)}.settings-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.settings-header p{font-size:14px;color:var(--text-secondary);margin:0}.settings-container{display:flex;flex:1;overflow:hidden}.settings-nav{width:280px;background:var(--bg-card);border-right:1px solid var(--border-color);padding:24px 0;overflow-y:auto;transition:background-color .3s ease,border-color .3s ease}.settings-tabs{display:flex;flex-direction:column;gap:4px;padding:0 16px}.settings-tab{display:flex;align-items:center;gap:12px;padding:14px 16px;background:none;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;text-align:left;font-size:15px;font-weight:500;color:var(--text-secondary)}.settings-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-tab.active{background:color-mix(in srgb,var(--accent-primary) 15%,transparent);color:var(--accent-primary)}.settings-tab svg{flex-shrink:0}.settings-content{flex:1;overflow-y:auto;background:var(--bg-secondary);padding:24px;transition:background-color .3s ease}.settings-content .user-management,.settings-content .role-management{background:transparent;height:100%}.settings-content .page-header{background:#fff;margin:0;padding:24px 32px;border-bottom:1px solid #e8e8e8;border-radius:0}.permission-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:80px 20px;text-align:center}.permission-denied svg{color:#dc2626;margin-bottom:20px}.permission-denied h2{font-size:24px;font-weight:700;color:#1a1a2e;margin:0 0 8px}.permission-denied p{font-size:16px;color:#666;margin:0}@media(max-width:968px){.settings-container{flex-direction:column}.settings-nav{width:100%;border-right:none;border-bottom:1px solid #e8e8e8;padding:16px 0}.settings-tabs{flex-direction:row;overflow-x:auto;padding:0 16px}.settings-tab{white-space:nowrap;flex-shrink:0}}.tenant-management{padding:1.5rem;min-height:100%}.tenant-management.loading{display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--text-secondary)}.tm-header{margin-bottom:1.5rem}.tm-title{display:flex;align-items:center;gap:.75rem}.tm-title h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.tm-title svg{color:var(--accent-primary)}.tm-subtitle{color:var(--text-secondary);font-size:.9rem;margin:.5rem 0 0}.tm-content{display:grid;grid-template-columns:280px 280px 1fr 320px;gap:1rem;height:calc(100vh - 200px)}@media(max-width:1400px){.tm-content{grid-template-columns:250px 250px 1fr}.details-panel{grid-column:1 / -1;height:auto}}@media(max-width:1000px){.tm-content{grid-template-columns:1fr;height:auto}.tm-panel{height:300px}}.tm-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.panel-header h3{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0}.panel-header svg{color:var(--accent-primary)}.header-actions{display:flex;gap:.5rem}.panel-list{flex:1;overflow-y:auto;padding:.75rem}.list-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;margin-bottom:.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.list-item:hover{background:var(--bg-hover)}.list-item.active{background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid rgba(99,102,241,.3)}.item-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:10px;color:var(--accent-primary)}.item-info{flex:1;min-width:0}.item-name{display:block;font-weight:500;color:var(--text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.chevron{color:var(--text-secondary);opacity:0;transition:opacity .2s}.list-item:hover .chevron,.list-item.active .chevron{opacity:1}.plan-badge{display:inline-flex;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-badge.free{background:#94a3b826;color:#94a3b8}.plan-badge.pro{background:#3b82f626;color:#3b82f6}.plan-badge.enterprise{background:#8b5cf626;color:#8b5cf6}.status-badge{display:inline-flex;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.status-badge.active{background:#10b98126;color:#10b981}.status-badge.inactive{background:#ef444426;color:#ef4444}.tenant-management .btn-add{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.tenant-management .btn-add:hover{transform:scale(1.05);box-shadow:0 4px 12px #6366f166}.tenant-management .btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.tenant-management .btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.tenant-management .btn-icon.danger:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.item-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.list-item:hover .item-actions{opacity:1}.member-item{cursor:default}.member-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600;font-size:.9rem;border-radius:50%}.member-role select{padding:4px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:.75rem;cursor:pointer}.details-panel{height:-moz-fit-content;height:fit-content}.details-content{padding:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);font-size:.85rem}.detail-value{font-weight:500;color:var(--text-primary);font-size:.9rem}.detail-value.code{font-family:monospace;background:var(--bg-secondary);padding:2px 8px;border-radius:4px;font-size:.85rem}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:.9rem;padding:2rem}.tenant-management .modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.tenant-management .modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:450px;max-height:90vh;overflow:hidden;animation:slideUp .3s ease}.tenant-management .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.tenant-management .modal-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.btn-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-form{padding:1.25rem}.tenant-management .form-group{margin-bottom:1rem}.tenant-management .form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.tenant-management .form-group input,.tenant-management .form-group select,.tenant-management .form-group textarea{width:100%;padding:.75rem 1rem;background:var(--bg-primary)!important;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;transition:all .2s}.tenant-management .form-group input:focus,.tenant-management .form-group select:focus,.tenant-management .form-group textarea:focus{outline:none;border-color:#6366f1;background:var(--bg-primary)!important;box-shadow:0 0 0 3px #6366f126;transform:none}.tenant-management .form-group textarea{resize:vertical;min-height:80px}.data-sharing-services{padding:1.5rem;background:var(--bg-primary);min-height:calc(100vh - 60px)}.dss-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.dss-header-content{display:flex;align-items:center;gap:1rem}.dss-header-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #667eea4d}.dss-header h1{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.dss-header p{margin:.25rem 0 0;font-size:.875rem;color:var(--text-secondary)}.dss-header-actions{display:flex;gap:.75rem}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:none;border-radius:8px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.btn-danger{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid rgba(239,68,68,.3);border-radius:8px;background:#ef44441a;color:#ef4444;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#ef444433}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-warning{background:linear-gradient(135deg,#f59e0b,#f97316)!important}.dss-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.dss-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .2s}.dss-stat-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px var(--shadow-color)}.dss-stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.dss-stat-content{flex:1}.dss-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.dss-stat-label{font-size:.75rem;color:var(--text-secondary);margin-top:.125rem}.dss-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.dss-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.dss-tab:hover{color:var(--text-primary)}.dss-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.dss-toolbar{display:flex;gap:1rem;margin-bottom:1rem}.dss-search{flex:1;display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary)}.dss-search input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;outline:none}.dss-search input::-moz-placeholder{color:var(--text-muted)}.dss-search input::placeholder{color:var(--text-muted)}.dss-filter{display:flex;align-items:center;gap:.5rem;padding:0 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary)}.dss-filter select{border:none;background:transparent;color:var(--text-primary);font-size:.875rem;outline:none;padding:.625rem 0;cursor:pointer}.dss-services-list{display:flex;flex-direction:column;gap:1rem}.dss-service-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .2s}.dss-service-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px var(--shadow-color)}.dss-service-card.expanded{border-color:var(--accent-primary)}.dss-service-main{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem}.dss-service-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dss-service-info{flex:1;min-width:0}.dss-service-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.dss-service-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.dss-status{padding:.25rem .625rem;border-radius:99px;font-size:.7rem;font-weight:600;text-transform:uppercase}.dss-status.active{background:#10b9811a;color:#10b981}.dss-status.inactive{background:#64748b1a;color:#64748b}.dss-status.revoked{background:#ef44441a;color:#ef4444}.dss-type-badge{padding:.25rem .625rem;border-radius:6px;font-size:.7rem;font-weight:600}.dss-service-desc{margin:0 0 .75rem;font-size:.875rem;color:var(--text-secondary)}.dss-endpoint{display:flex;align-items:center;gap:.5rem}.dss-endpoint-url{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.dss-endpoint-url code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;color:var(--accent-primary)}.dss-endpoint-copy,.dss-endpoint-open{padding:.375rem;border:none;border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.dss-endpoint-copy:hover,.dss-endpoint-open:hover{background:var(--bg-hover);color:var(--accent-primary)}.dss-service-actions{display:flex;gap:.5rem}.dss-action-btn{padding:.5rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.dss-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.dss-action-btn.active{background:#10b9811a;border-color:#10b9814d;color:#10b981}.dss-action-btn.danger:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.dss-service-stats,.dss-apikey-stats{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.25rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.dss-service-stat{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.dss-service-expanded{padding:1.25rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.dss-expanded-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.dss-expanded-section h4{margin:0 0 .75rem;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.dss-config-list{display:flex;flex-direction:column;gap:.5rem}.dss-config-item{display:flex;justify-content:space-between;font-size:.875rem}.dss-config-item span{color:var(--text-secondary)}.dss-config-item strong{color:var(--text-primary)}.dss-quick-actions{display:flex;flex-wrap:wrap;gap:.5rem}.dss-quick-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.dss-quick-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.dss-apikeys-list{display:flex;flex-direction:column;gap:1rem}.dss-apikey-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .2s}.dss-apikey-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px var(--shadow-color)}.dss-apikey-card.revoked{opacity:.6}.dss-apikey-main{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem}.dss-apikey-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dss-apikey-info{flex:1;min-width:0}.dss-apikey-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.dss-apikey-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.dss-apikey-desc{margin:0 0 .75rem;font-size:.875rem;color:var(--text-secondary)}.dss-apikey-display{display:flex;align-items:center;gap:.5rem}.dss-apikey-display code{padding:.5rem .75rem;border-radius:6px;background:var(--bg-secondary);border:1px solid var(--border-color);font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;color:#f59e0b}.dss-docs-section{max-width:900px}.dss-docs-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.dss-docs-card h2{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.dss-docs-block{margin-bottom:2rem}.dss-docs-block:last-child{margin-bottom:0}.dss-docs-block h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.dss-docs-block h3 svg{color:var(--accent-primary)}.dss-docs-block>p{margin:0 0 .75rem;font-size:.875rem;color:var(--text-secondary)}.dss-docs-block pre{padding:1rem;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-color);font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;color:var(--accent-primary);overflow-x:auto;white-space:pre-wrap}.dss-docs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.dss-docs-item{padding:1rem;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-color)}.dss-docs-item h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.dss-docs-item p{margin:0 0 .5rem;font-size:.8rem;color:var(--text-secondary)}.dss-docs-item code{display:block;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;color:var(--accent-primary);word-break:break-all}.dss-docs-table{width:100%;border-collapse:collapse;font-size:.875rem}.dss-docs-table th,.dss-docs-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.dss-docs-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary)}.dss-docs-table td{color:var(--text-secondary)}.dss-docs-table code{padding:.125rem .375rem;border-radius:4px;background:var(--bg-secondary);font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;color:var(--accent-primary)}.dss-loading,.dss-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.dss-loading svg,.dss-empty svg{margin-bottom:1rem;opacity:.5}.dss-loading p,.dss-empty p{margin:0 0 1rem;font-size:.875rem}.dss-modal-overlay{position:fixed;inset:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dss-modal{width:50vw;min-width:600px;max-width:900px;max-height:90vh;background:var(--modal-bg);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out;box-shadow:0 20px 60px var(--shadow-lg)}.dss-modal-sm{max-width:480px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dss-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.dss-modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.dss-modal-close{padding:.5rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.dss-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.dss-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.dss-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.dss-form-group{margin-bottom:1.25rem}.dss-form-group:last-child{margin-bottom:0}.dss-form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.dss-form-group input,.dss-form-group textarea,.dss-form-group select{width:100%;padding:.625rem .875rem;border:1px solid var(--border-color);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-size:.875rem;transition:all .2s}.dss-form-group input:focus,.dss-form-group textarea:focus,.dss-form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea26}.dss-form-group textarea{resize:vertical;min-height:80px}.dss-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.dss-type-selector,.dss-access-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.dss-access-selector{grid-template-columns:repeat(4,1fr)}.dss-type-option,.dss-access-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .5rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.dss-type-option:hover,.dss-access-option:hover{border-color:var(--accent-primary)}.dss-type-option.selected,.dss-access-option.selected{color:var(--text-primary)}.dss-form-checkboxes{display:flex;gap:1.5rem}.dss-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer}.dss-checkbox input[type=checkbox]{width:16px;height:16px;border-radius:4px;accent-color:var(--accent-primary)}.dss-services-checklist{max-height:150px;overflow-y:auto;padding:.5rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary)}.dss-services-checklist .dss-checkbox{padding:.5rem;border-radius:6px}.dss-services-checklist .dss-checkbox:hover{background:var(--bg-hover)}@media(max-width:1024px){.dss-stats-grid{grid-template-columns:repeat(2,1fr)}.dss-expanded-grid{grid-template-columns:1fr}}@media(max-width:768px){.dss-header{flex-direction:column;align-items:flex-start;gap:1rem}.dss-header-actions{width:100%}.dss-header-actions button{flex:1;justify-content:center}.dss-stats-grid{grid-template-columns:repeat(2,1fr)}.dss-toolbar{flex-direction:column}.dss-type-selector{grid-template-columns:repeat(3,1fr)}.dss-access-selector{grid-template-columns:repeat(2,1fr)}.dss-docs-grid{grid-template-columns:1fr}.dss-service-main{flex-direction:column}.dss-service-actions{width:100%;justify-content:flex-end}}.dss-tester-section{max-width:1200px;margin:0 auto}.dss-tester-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.dss-tester-card h2{margin:0 0 .5rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.dss-tester-card>p{margin:0 0 1.5rem;color:var(--text-secondary)}.dss-test-info{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin:1rem 0}.dss-test-info-row{display:flex;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.dss-test-info-row:last-child{border-bottom:none}.dss-test-info-row strong{min-width:120px;color:var(--text-primary)}.dss-test-info-row code{flex:1;background:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px;font-size:.875rem;color:var(--accent-primary);word-break:break-all}.dss-params-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.5rem}.dss-test-error{background:#ef44441a;border:1px solid #ef4444;border-radius:8px;padding:1rem;margin-top:1rem;display:flex;gap:.75rem;color:#ef4444}.dss-test-error strong{display:block;margin-bottom:.25rem}.dss-test-response{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-top:1rem}.dss-test-response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.dss-test-response-header h3{margin:0;color:var(--text-primary)}.dss-test-meta{display:flex;gap:1rem;align-items:center}.dss-status-badge{padding:.25rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600}.dss-status-badge.status-2{background:#10b98126;color:#10b981}.dss-status-badge.status-3{background:#f59e0b26;color:#f59e0b}.dss-status-badge.status-4,.dss-status-badge.status-5{background:#ef444426;color:#ef4444}.dss-response-time{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:.875rem}.dss-test-details{margin:1rem 0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.dss-test-details summary{padding:.75rem 1rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--text-primary);font-weight:500}.dss-test-details summary:hover{background:var(--bg-hover)}.dss-test-details pre{margin:0;padding:1rem;background:var(--bg-primary);border-top:1px solid var(--border-color);font-size:.875rem;overflow-x:auto}.dss-test-body{margin-top:1rem}.dss-test-body pre{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1rem;font-size:.875rem;overflow-x:auto;max-height:500px;overflow-y:auto;color:var(--text-primary);line-height:1.5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.app{width:100vw;min-height:100vh;background:#0f172a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0f172a;margin:0;padding:0;overflow-x:hidden}html{background:#0f172a;margin:0;padding:0}