@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700&display=swap";@import"https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css";@layer theme,base,components,utilities;@layer theme{@theme default{ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5 ; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2 ; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgb(0 0 0 / .05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / .05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / .05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / .05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / .05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / .12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / .15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / .1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / .15); --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / .15); --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / .2); --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / .075), 0px 1px 1px rgb(0 0 0 / .075), 0px 2px 2px rgb(0 0 0 / .075); --text-shadow-md: 0px 1px 1px rgb(0 0 0 / .1), 0px 1px 2px rgb(0 0 0 / .1), 0px 2px 4px rgb(0 0 0 / .1); --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / .1), 0px 3px 2px rgb(0 0 0 / .1), 0px 4px 8px rgb(0 0 0 / .1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme( --font-sans--font-feature-settings, initial ); --default-font-variation-settings: --theme( --font-sans--font-variation-settings, initial ); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme( --font-mono--font-feature-settings, initial ); --default-mono-font-variation-settings: --theme( --font-mono--font-variation-settings, initial ); }@theme default inline reference{ --blur: 8px; --shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05); --drop-shadow: 0 1px 2px rgb(0 0 0 / .1), 0 1px 1px rgb(0 0 0 / .06); --radius: .25rem; --max-width-prose: 65ch; }}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:--theme(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings,normal);font-variation-settings:--theme(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-variation-settings:--theme(--default-mono-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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities;}:root{--sx-brand-gradient-start: #667eea;--sx-brand-gradient-end: #764ba2;--sx-accent: #00D4FF;--sx-accent-strong: #0099cc;--sx-text-on-dark: #ffffff;--sx-text-on-light: #333333;--sx-subtext-on-dark: rgba(255,255,255,.9);--sx-input-border: #e9ecef;--sx-input-bg: #ffffff;--sx-input-disabled-bg: #f8f9fa;--sx-input-disabled-text: #6c757d;--sx-input-error: #dc3545;--sx-focus-ring: rgba(0, 212, 255, .1);--sx-surface: #ffffff;--sx-elevation-lg: 0 20px 60px rgba(0, 0, 0, .2);--sx-elevation-md: 0 4px 12px rgba(0, 212, 255, .3);--sx-radius-md: 8px;--sx-radius-lg: 16px;--sx-space-sm: 8px;--sx-space-md: 12px;--sx-space-lg: 16px;--sx-space-xl: 24px;--sx-font-sm: 14px;--sx-font-md: 16px;--sx-font-lg: 28px}.sx-brand-gradient-bg{background:linear-gradient(135deg,var(--sx-brand-gradient-start) 0%,var(--sx-brand-gradient-end) 100%)}.sx-input{width:100%;padding:var(--sx-space-md) calc(var(--sx-space-lg) + 0px);border:2px solid var(--sx-input-border);border-radius:var(--sx-radius-md);font-size:var(--sx-font-md);transition:all .2s ease;background:var(--sx-input-bg);color:var(--sx-text-on-light)}.sx-input:focus{outline:none;border-color:var(--sx-accent);box-shadow:0 0 0 3px var(--sx-focus-ring)}.sx-input:disabled{background:var(--sx-input-disabled-bg);color:var(--sx-input-disabled-text);cursor:not-allowed}.sx-input--error{border-color:var(--sx-input-error)}.sx-input--error:focus{border-color:var(--sx-input-error);box-shadow:0 0 0 3px #dc35451a}.sx-btn-primary{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--sx-accent) 0%,var(--sx-accent-strong) 100%);color:var(--sx-text-on-dark);border:none;border-radius:var(--sx-radius-md);font-size:var(--sx-font-md);font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.sx-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--sx-accent-strong) 0%,#007399 100%);transform:translateY(-1px);box-shadow:var(--sx-elevation-md)}.sx-btn-primary:active:not(:disabled){transform:translateY(0)}.sx-btn-primary:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.sx-btn__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:sx-spin 1s linear infinite}@keyframes sx-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{overflow-x:hidden;font-family:Urbanist,sans-serif;background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0,#f8fafc,#fff);background-attachment:fixed;min-height:100vh}h1{color:#fff;font-size:7rem;font-weight:400;letter-spacing:-.2rem;line-height:1}a,p{position:relative;text-decoration:none;color:#fff;font-size:1.2rem;font-weight:300;-webkit-user-select:none;user-select:none}.toast{display:flex;align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 8px 32px #0000001f;min-width:320px;max-width:400px;padding:16px;margin-bottom:8px;position:relative;border-left:4px solid;animation:slideInRight .3s ease-out}.toast--success{border-left-color:#10b981}.toast--success .toast__icon{color:#10b981}.toast--error{border-left-color:#ef4444}.toast--error .toast__icon{color:#ef4444}.toast--warning{border-left-color:#f59e0b}.toast--warning .toast__icon{color:#f59e0b}.toast--info{border-left-color:#3b82f6}.toast--info .toast__icon{color:#3b82f6}.toast__content{display:flex;align-items:flex-start;gap:12px;flex:1}.toast__icon{font-size:18px;flex-shrink:0;margin-top:2px}.toast__text{flex:1;min-width:0}.toast__title{font-weight:600;color:#1f2937;font-size:14px;line-height:1.4;margin-bottom:2px}.toast__message{color:#6b7280;font-size:13px;line-height:1.4}.toast__action{background:none;border:none;color:#3b82f6;font-weight:500;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease;margin-left:8px;flex-shrink:0}.toast__action:hover{background:#3b82f61a}.toast__close{position:absolute;top:8px;right:8px;background:none;border:none;color:#9ca3af;font-size:18px;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.toast__close:hover{background:#0000000d;color:#6b7280}.toast-container{position:fixed;top:20px;right:20px;z-index:1200;pointer-events:none}.toast-container .toast{pointer-events:auto}@media (max-width: 640px){.toast-container{top:10px;right:10px;left:10px}.toast-container .toast{min-width:auto;max-width:none;margin-bottom:8px}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast--removing{animation:slideOutRight .3s ease-in forwards}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:1rem}.modal{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;animation:slideUp .3s ease}.modal--small{width:100%;max-width:400px}.modal--medium{width:100%;max-width:600px}.modal--large{width:100%;max-width:900px}.modal--full{width:100%;max-width:1200px}.modal--minimal{box-shadow:none;border:1px solid #e5e7eb}.modal--fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.modal--centered{margin:auto}.modal--scrollable .modal__body{overflow-y:auto;flex:1}.modal__close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;font-size:1.5rem;line-height:1;color:#6b7280;cursor:pointer;transition:all .2s ease;z-index:1}.modal__close:hover{background:#f3f4f6;color:#111827}.modal__header{padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal__title{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.modal__body{padding:1.5rem;flex:1;overflow-y:auto}.modal__footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:.75rem}.modal__footer--left{justify-content:flex-start}.modal__footer--center{justify-content:center}.modal__footer--right{justify-content:flex-end}.modal__footer--space-between{justify-content:space-between}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header__content{flex:1}.modal-header__title{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.modal-header__subtitle{margin:.25rem 0 0;font-size:.875rem;color:#6b7280}.modal-header__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;font-size:1.5rem;line-height:1;color:#6b7280;cursor:pointer;transition:all .2s ease;margin-left:1rem}.modal-header__close:hover{background:#f3f4f6;color:#111827}.modal-body{flex:1;overflow-y:auto}.modal-body--scrollable{overflow-y:auto;max-height:60vh}.modal-body--padding-none{padding:0}.modal-body--padding-small{padding:.75rem}.modal-body--padding-medium{padding:1.5rem}.modal-body--padding-large{padding:2rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:.75rem}.modal-footer--left{justify-content:flex-start}.modal-footer--center{justify-content:center}.modal-footer--right{justify-content:flex-end}.modal-footer--space-between{justify-content:space-between}.modern-3d-carousel{display:flex;flex-direction:column;gap:12px}.carousel-title{font-weight:600;font-size:1.1rem}.carousel-container{position:relative;display:flex;align-items:center}.carousel-nav-btn{background:var(--surface, #f6f7fb);border:none;border-radius:999px;width:40px;height:40px;display:grid;place-items:center;box-shadow:4px 4px 10px #00000014,-4px -4px 10px #ffffffe6;color:#333}.card-stack{position:relative;flex:1;height:160px;perspective:1000px;margin:0 12px}.carousel-card{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;transition:transform .35s ease,opacity .35s ease;opacity:0;pointer-events:none}.carousel-card-content{background:var(--surface, #f6f7fb);border-radius:16px;padding:16px;box-shadow:8px 8px 18px #00000014,-8px -8px 18px #ffffffe6}.carousel-card.card-active{opacity:1;pointer-events:auto;transform:translate(-50%) scale(1) rotateY(0);z-index:3}.carousel-card.card-left{opacity:.85;transform:translate(calc(-50% - 140px)) scale(.94) rotateY(10deg);z-index:2}.carousel-card.card-right{opacity:.85;transform:translate(calc(-50% + 140px)) scale(.94) rotateY(-10deg);z-index:2}.carousel-card.card-hidden{opacity:0;transform:translate(-50%) scale(.9) rotateY(0);z-index:1}.container{width:100%;box-sizing:border-box}.container--centered{margin-left:auto;margin-right:auto}.container--max-sm{max-width:640px}.container--max-md{max-width:768px}.container--max-lg{max-width:1024px}.container--max-xl{max-width:1280px}.container--max-full{max-width:100%}.container--fluid{max-width:none}.container--padding-none{padding:0}.container--padding-xs{padding:.5rem}.container--padding-sm{padding:1rem}.container--padding-md{padding:1.5rem}.container--padding-lg{padding:2rem}.container--padding-xl{padding:3rem}@media (max-width: 768px){.container--padding-lg{padding:1.5rem}.container--padding-xl{padding:2rem}}@media (max-width: 480px){.container--padding-md,.container--padding-lg{padding:1rem}.container--padding-xl{padding:1.5rem}}.section{position:relative;box-sizing:border-box}.section--hero{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.section--feature{position:relative;overflow:hidden}.section--dashboard{background:#fff;border-radius:12px}.section--sidebar{height:100%;overflow-y:auto}.section--content{max-width:800px;margin:0 auto}.section--padding-none{padding:0}.section--padding-xs{padding:.5rem}.section--padding-sm{padding:1rem}.section--padding-md{padding:1.5rem}.section--padding-lg{padding:2rem}.section--padding-xl{padding:3rem}.section--bg-default{background:var(--color-background, #ffffff)}.section--bg-accent{background:var(--color-accent, #f8fafc)}.section--bg-elevated{background:var(--color-surface, #ffffff);box-shadow:0 1px 3px #0000001a}.section--bg-subtle{background:var(--color-background-subtle, #f9fafb)}.section--bg-transparent{background:transparent}.section--bordered{border:1px solid var(--color-border, #e5e7eb)}.section--rounded{border-radius:var(--radius-lg, 12px)}.section--shadow{box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.section--full-height{height:100%;display:flex;flex-direction:column}.section__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-light, #f0f0f0)}.section__header-content{flex:1}.section__title{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #111827)}.section__subtitle{margin:.5rem 0 0;font-size:.875rem;color:var(--color-text-secondary, #6b7280)}.section__actions{display:flex;gap:.5rem;align-items:center;margin-left:1rem}.section__body{position:relative}.section--full-height .section__body{flex:1;overflow:auto}.section--dashboard .section__header,.section--hero .section__header{border-bottom:none}@media (max-width: 768px){.section__header{flex-direction:column;align-items:stretch}.section__header-content{margin-bottom:1rem}.section__actions{margin-left:0;justify-content:flex-start}.section--padding-lg{padding:1.5rem}.section--padding-xl{padding:2rem}}@media (max-width: 480px){.section--padding-md,.section--padding-lg{padding:1rem}.section--padding-xl{padding:1.5rem}.section__title{font-size:1.25rem}}.grid{display:grid;box-sizing:border-box}.grid--cols-1{grid-template-columns:1fr}.grid--cols-2{grid-template-columns:repeat(2,1fr)}.grid--cols-3{grid-template-columns:repeat(3,1fr)}.grid--cols-4{grid-template-columns:repeat(4,1fr)}.grid--cols-5{grid-template-columns:repeat(5,1fr)}.grid--cols-6{grid-template-columns:repeat(6,1fr)}.grid--cols-8{grid-template-columns:repeat(8,1fr)}.grid--cols-12{grid-template-columns:repeat(12,1fr)}.grid--gap-none{gap:0}.grid--gap-xs{gap:.25rem}.grid--gap-sm{gap:.5rem}.grid--gap-md{gap:1rem}.grid--gap-lg{gap:1.5rem}.grid--gap-xl{gap:2rem}.grid--row-gap-none{row-gap:0}.grid--row-gap-xs{row-gap:.25rem}.grid--row-gap-sm{row-gap:.5rem}.grid--row-gap-md{row-gap:1rem}.grid--row-gap-lg{row-gap:1.5rem}.grid--row-gap-xl{row-gap:2rem}.grid--col-gap-none{column-gap:0}.grid--col-gap-xs{column-gap:.25rem}.grid--col-gap-sm{column-gap:.5rem}.grid--col-gap-md{column-gap:1rem}.grid--col-gap-lg{column-gap:1.5rem}.grid--col-gap-xl{column-gap:2rem}.grid--align-start{align-items:start}.grid--align-center{align-items:center}.grid--align-end{align-items:end}.grid--align-stretch{align-items:stretch}.grid--justify-start{justify-content:start}.grid--justify-center{justify-content:center}.grid--justify-end{justify-content:end}.grid--justify-between{justify-content:space-between}.grid--justify-around{justify-content:space-around}.grid--justify-evenly{justify-content:space-evenly}.grid--wrap{flex-wrap:wrap}.grid--inline{display:inline-grid}@media (max-width: 1024px){.grid--responsive.grid--cols-12{grid-template-columns:repeat(6,1fr)}.grid--responsive.grid--cols-8{grid-template-columns:repeat(4,1fr)}.grid--responsive.grid--cols-6,.grid--responsive.grid--cols-5{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.grid--responsive.grid--cols-12,.grid--responsive.grid--cols-8,.grid--responsive.grid--cols-6,.grid--responsive.grid--cols-5,.grid--responsive.grid--cols-4,.grid--responsive.grid--cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grid--responsive.grid--cols-12,.grid--responsive.grid--cols-8,.grid--responsive.grid--cols-6,.grid--responsive.grid--cols-5,.grid--responsive.grid--cols-4,.grid--responsive.grid--cols-3,.grid--responsive.grid--cols-2{grid-template-columns:1fr}}.grid-item{box-sizing:border-box}.grid-item--span-1{grid-column:span 1}.grid-item--span-2{grid-column:span 2}.grid-item--span-3{grid-column:span 3}.grid-item--span-4{grid-column:span 4}.grid-item--span-5{grid-column:span 5}.grid-item--span-6{grid-column:span 6}.grid-item--span-7{grid-column:span 7}.grid-item--span-8{grid-column:span 8}.grid-item--span-9{grid-column:span 9}.grid-item--span-10{grid-column:span 10}.grid-item--span-11{grid-column:span 11}.grid-item--span-12{grid-column:span 12}.grid-item--offset-1{grid-column-start:2}.grid-item--offset-2{grid-column-start:3}.grid-item--offset-3{grid-column-start:4}.grid-item--offset-4{grid-column-start:5}.grid-item--offset-5{grid-column-start:6}.grid-item--offset-6{grid-column-start:7}.grid-item--offset-7{grid-column-start:8}.grid-item--offset-8{grid-column-start:9}.grid-item--offset-9{grid-column-start:10}.grid-item--offset-10{grid-column-start:11}.grid-item--offset-11{grid-column-start:12}.grid-item--align-start{align-self:start}.grid-item--align-center{align-self:center}.grid-item--align-end{align-self:end}.grid-item--align-stretch{align-self:stretch}.grid-item--justify-start{justify-self:start}.grid-item--justify-center{justify-self:center}.grid-item--justify-end{justify-self:end}.grid-item--justify-stretch{justify-self:stretch}@media (max-width: 768px){.grid-item--span-3,.grid-item--span-4,.grid-item--span-5,.grid-item--span-6,.grid-item--span-7,.grid-item--span-8,.grid-item--span-9,.grid-item--span-10,.grid-item--span-11,.grid-item--span-12{grid-column:span 12}}@media (max-width: 480px){.grid-item[class*=--span],.grid-item[class*=--offset]{grid-column:1/-1}}.box{box-sizing:border-box}.box--display-block{display:block}.box--display-inline-block{display:inline-block}.box--display-flex{display:flex}.box--display-inline-flex{display:inline-flex}.box--display-none{display:none}.box--position-relative{position:relative}.box--position-absolute{position:absolute}.box--position-fixed{position:fixed}.box--position-sticky{position:sticky}.box--bg-default{background:var(--color-background, #ffffff)}.box--bg-accent{background:var(--color-accent, #f8fafc)}.box--bg-elevated{background:var(--color-surface, #ffffff)}.box--bg-subtle{background:var(--color-background-subtle, #f9fafb)}.box--p-none{padding:0}.box--p-xs{padding:.25rem}.box--p-sm{padding:.5rem}.box--p-md{padding:1rem}.box--p-lg{padding:1.5rem}.box--p-xl{padding:2rem}.box--pt-none{padding-top:0}.box--pt-xs{padding-top:.25rem}.box--pt-sm{padding-top:.5rem}.box--pt-md{padding-top:1rem}.box--pt-lg{padding-top:1.5rem}.box--pt-xl{padding-top:2rem}.box--pr-none{padding-right:0}.box--pr-xs{padding-right:.25rem}.box--pr-sm{padding-right:.5rem}.box--pr-md{padding-right:1rem}.box--pr-lg{padding-right:1.5rem}.box--pr-xl{padding-right:2rem}.box--pb-none{padding-bottom:0}.box--pb-xs{padding-bottom:.25rem}.box--pb-sm{padding-bottom:.5rem}.box--pb-md{padding-bottom:1rem}.box--pb-lg{padding-bottom:1.5rem}.box--pb-xl{padding-bottom:2rem}.box--pl-none{padding-left:0}.box--pl-xs{padding-left:.25rem}.box--pl-sm{padding-left:.5rem}.box--pl-md{padding-left:1rem}.box--pl-lg{padding-left:1.5rem}.box--pl-xl{padding-left:2rem}.box--m-none{margin:0}.box--m-xs{margin:.25rem}.box--m-sm{margin:.5rem}.box--m-md{margin:1rem}.box--m-lg{margin:1.5rem}.box--m-xl{margin:2rem}.box--m-auto{margin:auto}.box--mt-none{margin-top:0}.box--mt-xs{margin-top:.25rem}.box--mt-sm{margin-top:.5rem}.box--mt-md{margin-top:1rem}.box--mt-lg{margin-top:1.5rem}.box--mt-xl{margin-top:2rem}.box--mt-auto{margin-top:auto}.box--mr-none{margin-right:0}.box--mr-xs{margin-right:.25rem}.box--mr-sm{margin-right:.5rem}.box--mr-md{margin-right:1rem}.box--mr-lg{margin-right:1.5rem}.box--mr-xl{margin-right:2rem}.box--mr-auto{margin-right:auto}.box--mb-none{margin-bottom:0}.box--mb-xs{margin-bottom:.25rem}.box--mb-sm{margin-bottom:.5rem}.box--mb-md{margin-bottom:1rem}.box--mb-lg{margin-bottom:1.5rem}.box--mb-xl{margin-bottom:2rem}.box--mb-auto{margin-bottom:auto}.box--ml-none{margin-left:0}.box--ml-xs{margin-left:.25rem}.box--ml-sm{margin-left:.5rem}.box--ml-md{margin-left:1rem}.box--ml-lg{margin-left:1.5rem}.box--ml-xl{margin-left:2rem}.box--ml-auto{margin-left:auto}.box--border{border:1px solid var(--color-border, #e5e7eb)}.box--rounded-none{border-radius:0}.box--rounded-sm{border-radius:.25rem}.box--rounded-md{border-radius:.5rem}.box--rounded-lg{border-radius:.75rem}.box--rounded-xl{border-radius:1rem}.box--rounded-full{border-radius:9999px}.box--shadow{box-shadow:0 1px 3px #0000001a}.box--shadow-sm{box-shadow:0 1px 2px #0000000d}.box--shadow-md{box-shadow:0 4px 6px #0000001a}.box--shadow-lg{box-shadow:0 10px 15px #0000001a}.box--shadow-xl{box-shadow:0 20px 25px #0000001a}.box--overflow-visible{overflow:visible}.box--overflow-hidden{overflow:hidden}.box--overflow-scroll{overflow:scroll}.box--overflow-auto{overflow:auto}.box--direction-row{flex-direction:row}.box--direction-column{flex-direction:column}.box--align-start{align-items:flex-start}.box--align-center{align-items:center}.box--align-end{align-items:flex-end}.box--align-stretch{align-items:stretch}.box--align-baseline{align-items:baseline}.box--justify-start{justify-content:flex-start}.box--justify-center{justify-content:center}.box--justify-end{justify-content:flex-end}.box--justify-between{justify-content:space-between}.box--justify-around{justify-content:space-around}.box--justify-evenly{justify-content:space-evenly}.box--gap-none{gap:0}.box--gap-xs{gap:.25rem}.box--gap-sm{gap:.5rem}.box--gap-md{gap:1rem}.box--gap-lg{gap:1.5rem}.box--gap-xl{gap:2rem}.box--full-width{width:100%}.box--full-height{height:100%}.box--clickable{cursor:pointer;transition:all .2s ease}.box--clickable:hover{opacity:.9;transform:translateY(-1px)}.box--clickable:active{transform:translateY(0)}.panel{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease}.panel--bordered{border:1px solid var(--color-border, #e5e7eb)}.panel--elevated{box-shadow:0 4px 6px #0000001a}.panel--highlighted{border:2px solid var(--color-primary, #3b82f6)}.panel--small{min-height:200px}.panel--medium{min-height:300px}.panel--large{min-height:400px}.panel--full{height:100%}.panel--collapsed{min-height:auto}.panel--collapsed .panel__body,.panel--collapsed .panel__footer{display:none}.panel--loading .panel__body{opacity:.5;pointer-events:none}.panel--error{border-color:var(--color-danger, #ef4444)}.panel--resizable{resize:both;overflow:auto}.panel__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--color-surface, #f9fafb);border-bottom:1px solid var(--color-border-light, #f0f0f0);min-height:56px}.panel__header-content{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.panel__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-primary, #3b82f6)}.panel__title{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary, #111827);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel__controls,.panel__actions{display:flex;align-items:center;gap:.5rem}.panel__control-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .2s ease}.panel__control-btn:hover{background:var(--color-background, white);border-color:var(--color-border, #e5e7eb);color:var(--color-text-primary, #111827)}.panel__control-btn:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-light, rgba(59, 130, 246, .2))}.panel__control-btn--remove:hover{background:#ef44441a;border-color:#ef444433;color:var(--color-danger, #ef4444)}.panel__body{flex:1;padding:1.25rem;overflow:auto;position:relative}.panel__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.panel__loading p{margin-top:1rem;color:var(--color-text-secondary, #6b7280)}.panel__spinner{width:40px;height:40px;margin:0 auto;border:3px solid var(--color-border, #e5e7eb);border-top-color:var(--color-primary, #3b82f6);border-radius:50%;animation:spin 1s linear infinite}.panel__error{padding:1rem;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:var(--color-danger, #ef4444)}.panel__error p{margin:0}.panel__footer{padding:1rem 1.25rem;background:var(--color-surface, #f9fafb);border-top:1px solid var(--color-border-light, #f0f0f0)}.panel__resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:nwse-resize}.panel__resize-handle:before{content:"";position:absolute;bottom:3px;right:3px;width:10px;height:10px;border-right:2px solid var(--color-border, #e5e7eb);border-bottom:2px solid var(--color-border, #e5e7eb)}.panel__resize-handle:hover:before{border-color:var(--color-primary, #3b82f6)}.dashboard-grid{display:grid;width:100%;height:100%}.dashboard-grid--auto{grid-auto-flow:dense}@media (max-width: 1200px){.dashboard-grid--responsive{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width: 768px){.dashboard-grid--responsive{grid-template-columns:1fr}}.dashboard-grid--masonry{grid-auto-rows:minmax(100px,auto);grid-auto-flow:dense}.dashboard-grid--gap-none{gap:0}.dashboard-grid--gap-small{gap:.75rem}.dashboard-grid--gap-medium{gap:1.25rem}.dashboard-grid--gap-large{gap:2rem}.dashboard-grid--compact{grid-auto-rows:minmax(150px,auto)}.dashboard-grid--normal{grid-auto-rows:minmax(200px,auto)}.dashboard-grid--spacious{grid-auto-rows:minmax(300px,auto)}.dashboard-grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(var(--min-item-width, 300px),1fr))}.dashboard-grid__item{position:relative;min-width:0}.dashboard-grid__item>*{height:100%}@media (max-width: 1400px){.dashboard-grid--gap-large{gap:1.5rem}}@media (max-width: 1024px){.dashboard-grid--gap-medium{gap:1rem}.dashboard-grid--gap-large{gap:1.25rem}}@media (max-width: 768px){.dashboard-grid--gap-small{gap:.5rem}.dashboard-grid--gap-medium{gap:.75rem}.dashboard-grid--gap-large{gap:1rem}.dashboard-grid--compact{grid-auto-rows:minmax(120px,auto)}.dashboard-grid--normal{grid-auto-rows:minmax(150px,auto)}.dashboard-grid--spacious{grid-auto-rows:minmax(200px,auto)}}.detail-panel{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;position:relative;overflow:hidden;display:flex;flex-direction:column}.detail-panel--sidebar{width:400px;height:100vh;position:fixed;right:0;top:0;z-index:1000;border-radius:0;box-shadow:-4px 0 20px #00000026}@media (max-width: 768px){.detail-panel--sidebar{width:100vw;left:0}}.detail-panel--modal{width:90vw;max-width:800px;max-height:90vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;overflow:hidden}.detail-panel--page{width:100%;min-height:calc(100vh - 120px);margin:20px auto;max-width:1200px}.detail-panel--card{width:100%;max-width:600px;margin:0 auto}.detail-panel--embedded{width:100%;box-shadow:none;border:1px solid #e5e7eb}.detail-panel--compact .detail-panel__content,.detail-panel--compact .detail-panel__header,.detail-panel--compact .detail-panel__footer{padding:1rem}.detail-panel--default .detail-panel__content,.detail-panel--default .detail-panel__header,.detail-panel--default .detail-panel__footer{padding:1.5rem}.detail-panel--expanded .detail-panel__content,.detail-panel--expanded .detail-panel__header,.detail-panel--expanded .detail-panel__footer{padding:2rem}.detail-panel--loading .detail-panel__content{opacity:.5;pointer-events:none}.detail-panel--error{border-color:#ef4444}.detail-panel__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;animation:fadeIn .2s ease}.detail-panel__close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:#0000000d;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.detail-panel__close:hover{background:#0000001a;transform:scale(1.1)}.detail-panel__close:active{transform:scale(.95)}.detail-panel__header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #f0f0f0;background:#f9fafb;flex-shrink:0}.detail-panel__header-content{flex:1;min-width:0}.detail-panel__title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#111827;line-height:1.4}.detail-panel__subtitle{margin:0;font-size:.875rem;color:#6b7280}.detail-panel__actions{display:flex;gap:.5rem;margin-left:1rem;flex-shrink:0}.detail-panel__content{flex:1;overflow-y:auto;overflow-x:hidden}.detail-panel__content::-webkit-scrollbar{width:6px}.detail-panel__content::-webkit-scrollbar-track{background:#f3f4f6}.detail-panel__content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.detail-panel__content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.detail-panel__footer{border-top:1px solid #f0f0f0;background:#f9fafb;flex-shrink:0}.detail-panel__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:2rem}.detail-panel__loading p{margin-top:1rem;color:#6b7280}.detail-panel__spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.detail-panel__error{padding:2rem;text-align:center}.detail-panel__error p{margin:0 0 1rem;color:#ef4444}.detail-panel__error button{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer}.detail-panel__error button:hover{background:#dc2626}.info-card{background:#fff;border-radius:8px;overflow:hidden}.info-card--compact .info-card__header,.info-card--compact .info-card__content{padding:.75rem 1rem}.info-card--compact .info-card__item{padding:.5rem 0}.info-card--highlighted{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #3b82f6}.info-card--bordered{border:1px solid #e5e7eb}.info-card--vertical .info-card__content{display:flex;flex-direction:column;gap:.75rem}.info-card--horizontal .info-card__content{display:flex;flex-direction:row;gap:2rem;flex-wrap:wrap}.info-card--horizontal .info-card__item{flex:1;min-width:200px}.info-card--grid .info-card__content{display:grid;gap:1rem}.info-card__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#f9fafb;border-bottom:1px solid #f0f0f0}.info-card__header-content{display:flex;align-items:center;gap:.75rem}.info-card__icon{display:flex;align-items:center;font-size:1.25rem}.info-card__title{margin:0;font-size:1rem;font-weight:600;color:#111827}.info-card__actions{display:flex;gap:.5rem}.info-card__content{padding:1.25rem}.info-card__item{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.info-card__item:last-child{border-bottom:none}.info-card__item--highlight{background:#fef3c7;padding-left:.75rem;padding-right:.75rem;margin:0 -.75rem;border-radius:6px;border-bottom:none}.info-card__item-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;font-weight:500;flex-shrink:0}.info-card__item-icon{display:flex;align-items:center;font-size:1rem}.info-card__item-value{font-size:.875rem;color:#111827;font-weight:400;text-align:right;flex:1;margin-left:1rem;word-break:break-word}.info-card__item-value strong{font-weight:600;color:#1f2937}.info-card__item-value .badge{display:inline-block;padding:.25rem .5rem;background:#e5e7eb;border-radius:4px;font-size:.75rem}.info-card__item-value a{color:#3b82f6;text-decoration:none}.info-card__item-value a:hover{text-decoration:underline}.info-card__footer{padding:1rem 1.25rem;background:#f9fafb;border-top:1px solid #f0f0f0}.info-card-group{display:flex}.info-card-group--vertical{flex-direction:column}.info-card-group--horizontal{flex-direction:row;flex-wrap:wrap}.info-card-group--horizontal .info-card{flex:1;min-width:300px}.info-card-group--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-card-group--gap-small{gap:.75rem}.info-card-group--gap-medium{gap:1.25rem}.info-card-group--gap-large{gap:2rem}@media (max-width: 768px){.info-card--horizontal .info-card__content{flex-direction:column;gap:.75rem}.info-card--grid .info-card__content{grid-template-columns:1fr}.info-card-group--horizontal{flex-direction:column}.info-card-group--horizontal .info-card{min-width:unset}.info-card-group--grid{grid-template-columns:1fr}}.user-card__avatar-container{position:relative;width:60px;height:60px;margin:0 auto .75rem}.user-card--small .user-card__avatar-container{width:48px;height:48px}.user-card--large .user-card__avatar-container{width:72px;height:72px}.user-card__avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 8px #00568f26;display:block}.user-card__name{font-size:1.1rem;font-weight:600;color:#00568f;margin:0 0 .25rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card--small .user-card__name{font-size:1rem}.user-card--large .user-card__name{font-size:1.25rem}.user-card__role{font-size:.8rem;color:#6b7280;margin:0 0 .25rem;text-align:center}.user-card--small .user-card__role{font-size:.75rem}.user-card--large .user-card__role{font-size:.9rem}.user-card__location{font-size:.75rem;color:#333;margin:0 0 1rem;text-align:center;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .5rem}.user-card--small .user-card__location{font-size:.7rem;margin-bottom:.75rem}.user-card--large .user-card__location{font-size:.85rem}.user-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.75rem;margin-bottom:.75rem;background:#ffffff80;border-radius:12px;border-top:1px solid rgba(0,86,143,.1);border-bottom:1px solid rgba(0,86,143,.1)}.user-card--compact .user-card__stats{gap:.25rem;padding:.5rem;grid-template-columns:repeat(2,1fr)}.user-card__stat-item{text-align:center;background:#fff;border-radius:8px;padding:.5rem .25rem;box-shadow:inset 2px 2px 5px #a3b1c61a,inset -2px -2px 5px #fff}.user-card--small .user-card__stat-item{padding:.4rem .2rem}.user-card--large .user-card__stat-item{padding:.6rem .3rem}.user-card__stat-label{display:block;font-size:.65rem;color:#6b7280;text-transform:uppercase;margin-bottom:2px}.user-card--small .user-card__stat-label{font-size:.6rem}.user-card--large .user-card__stat-label{font-size:.7rem}.user-card__stat-value{display:block;font-size:1.25rem;font-weight:700;color:#00568f}.user-card--small .user-card__stat-value{font-size:1rem}.user-card--large .user-card__stat-value{font-size:1.5rem}.user-card__actions{display:flex;gap:.5rem;margin-top:auto}.user-card--compact .user-card__actions{gap:.25rem}.user-card__actions button{flex:1}.user-card--small .user-card__actions button{padding:.5rem .75rem;font-size:.75rem;min-height:32px}.user-card--large .user-card__actions button{padding:.75rem 1rem;font-size:.9rem;min-height:44px}.user-card--square .card{aspect-ratio:1/1;height:100%;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(145deg,#fff,#f0f4f8);border-radius:20px;box-shadow:8px 8px 20px #a3b1c633,-6px -6px 16px #fffc;padding:1.5rem;transition:all .3s ease}.user-card--square .card:hover{transform:translateY(-4px);box-shadow:12px 12px 24px #a3b1c640,-8px -8px 20px #ffffffe6}.user-card--square .user-card__actions{margin-top:auto}.user-card--compact .card{padding:1rem}.user-card--compact .user-card__avatar-container{margin-bottom:.5rem}.user-card--compact .user-card__name,.user-card--compact .user-card__role{margin-bottom:.125rem}.user-card--compact .user-card__location,.user-card--compact .user-card__stats{margin-bottom:.5rem}@media (max-width: 1024px){.user-card--square .card{aspect-ratio:unset;min-height:320px}}@media (max-width: 640px){.user-card--square .card{min-height:350px}}.error-boundary-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:2rem;text-align:center;background:linear-gradient(145deg,#fff,#f0f4f8);border-radius:20px;box-shadow:8px 8px 20px #a3b1c633,-6px -6px 16px #fffc}.error-boundary-fallback .error-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.error-boundary-fallback h3{font-size:1.5rem;font-weight:600;color:#00568f;margin-bottom:.5rem}.error-boundary-fallback p{color:#6b7280;margin-bottom:1.5rem;max-width:400px}.error-boundary-fallback .error-retry-button{padding:.875rem 2rem;border-radius:50px;border:none;background:linear-gradient(145deg,#00568f,#004570);color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:3px 3px 6px #00000014,-3px -3px 6px #fff}.error-boundary-fallback .error-retry-button:hover{transform:translateY(-2px);box-shadow:4px 4px 8px #0000001f,-4px -4px 8px #fff}.error-boundary-fallback .error-retry-button:active{transform:translateY(0);box-shadow:inset 2px 2px 4px #00000026,inset -2px -2px 4px #ffffff1a}.map-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.map-controls .trail-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:none;border-radius:50px;box-shadow:3px 3px 6px #00000014,-3px -3px 6px #fff;color:#666;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.map-controls .trail-toggle svg{width:20px;height:20px}.map-controls .trail-toggle:hover{transform:translateY(-2px);box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #fff;color:#00568f}.map-controls .trail-toggle.active{background:linear-gradient(145deg,#00568f,#004570);color:#fff;box-shadow:inset 2px 2px 5px #0003,inset -2px -2px 5px #ffffff1a}.map-controls .trail-toggle.active:hover{transform:none}.map-controls .alerts-filter-container{position:relative}.map-controls .alerts-filter-container .alerts-filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:none;border-radius:50px;box-shadow:3px 3px 6px #00000014,-3px -3px 6px #fff;color:#666;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.map-controls .alerts-filter-container .alerts-filter-btn svg{width:20px;height:20px}.map-controls .alerts-filter-container .alerts-filter-btn:hover{transform:translateY(-2px);box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #fff;color:#00568f}.map-controls .alerts-filter-container .alerts-filter-btn.active{background:linear-gradient(145deg,#00568f,#004570);color:#fff;box-shadow:inset 2px 2px 5px #0003,inset -2px -2px 5px #ffffff1a}.map-controls .alerts-filter-container .alerts-filter-btn.active:hover{transform:none}.map-controls .alerts-filter-container .alerts-filter-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001f,0 2px 10px #00000014;z-index:1000;overflow:hidden}.map-controls .alerts-filter-container .alerts-filter-dropdown .filter-header{padding:1rem;font-weight:600;color:#333;border-bottom:1px solid #e5e7eb;background:linear-gradient(145deg,#f8f9fa,#fff)}.map-controls .alerts-filter-container .alerts-filter-dropdown .filter-options{padding:.5rem}.map-controls .alerts-filter-container .alerts-filter-dropdown .filter-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;border-radius:8px;color:#666;font-size:.875rem;text-align:left;cursor:pointer;transition:all .2s ease}.map-controls .alerts-filter-container .alerts-filter-dropdown .filter-option:hover{background:#f3f4f6;color:#00568f}.map-controls .alerts-filter-container .alerts-filter-dropdown .filter-option.selected{background:#00568f14;color:#00568f;font-weight:500}.map-controls .alerts-filter-container .alerts-filter-dropdown .filter-option .alert-mode-icon{width:12px;height:12px;border-radius:50%}.map-controls .alerts-filter-container .alerts-filter-dropdown .filter-option .alert-mode-icon.active{background:#39ff14;box-shadow:0 0 8px #39ff14}.map-controls .alerts-filter-container .alerts-filter-dropdown .filter-option .alert-mode-icon.all{background:#00d4ff;box-shadow:0 0 8px #00d4ff}.map-controls .trail-filter-container{position:relative}.map-controls .trail-filter-container .trail-filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:none;border-radius:50px;box-shadow:3px 3px 6px #00000014,-3px -3px 6px #fff;color:#666;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.map-controls .trail-filter-container .trail-filter-btn svg{width:20px;height:20px}.map-controls .trail-filter-container .trail-filter-btn:hover{transform:translateY(-2px);box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #fff;color:#00568f}.map-controls .trail-filter-container .trail-filter-btn.active{background:linear-gradient(145deg,#00568f,#004570);color:#fff;box-shadow:inset 2px 2px 5px #0003,inset -2px -2px 5px #ffffff1a}.map-controls .trail-filter-container .trail-filter-btn.active:hover{transform:none}.map-controls .trail-filter-container .trail-filter-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001f,0 2px 10px #00000014;z-index:1000;overflow:hidden}.map-controls .trail-filter-container .trail-filter-dropdown .filter-header{padding:1rem;font-weight:600;color:#333;border-bottom:1px solid #e5e7eb;background:linear-gradient(145deg,#f8f9fa,#fff)}.map-controls .trail-filter-container .trail-filter-dropdown .filter-options{padding:.5rem}.map-controls .trail-filter-container .trail-filter-dropdown .filter-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;border-radius:8px;color:#666;font-size:.875rem;text-align:left;cursor:pointer;transition:all .2s ease}.map-controls .trail-filter-container .trail-filter-dropdown .filter-option:hover{background:#f3f4f6;color:#00568f}.map-controls .trail-filter-container .trail-filter-dropdown .filter-option.selected{background:#00568f14;color:#00568f;font-weight:500}.map-controls .trail-filter-container .trail-filter-dropdown .filter-option .filter-color{width:12px;height:12px;border-radius:50%}.map-controls .trail-filter-container .trail-filter-dropdown .filter-option .filter-color.all{background:linear-gradient(145deg,#ff6b35,#ff8a5b)}.map-controls .trail-filter-container .trail-filter-dropdown .filter-option .filter-color.medical{background:#1e40af}.map-controls .trail-filter-container .trail-filter-dropdown .filter-option .filter-color.fire{background:#dc2626}.map-controls .trail-filter-container .trail-filter-dropdown .filter-option .filter-color.road{background:#f59e0b}.map-controls .trail-filter-container .trail-filter-dropdown .filter-option .filter-color.security{background:#059669}.workspace-container{display:flex;flex-direction:column;height:100vh;background:#f9fafb}.workspace-container--fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}@media (max-width: 768px){.workspace-container--mobile{padding:0}}.workspace-container--supervisor{background:#f0f9ff}.workspace-container--grid .workspace-container__content{display:grid}.workspace-container--tabs .workspace-container__content{display:flex;flex-direction:column}.workspace-container--split .workspace-container__content{display:flex;gap:1rem}.workspace-container--connected{border-top:3px solid #10b981}.workspace-container--connecting{border-top:3px solid #f59e0b}.workspace-container--disconnected{border-top:3px solid #ef4444}.workspace-container__header{flex-shrink:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:100}.workspace-container__body{flex:1;display:flex;overflow:hidden}.workspace-container__sidebar{flex-shrink:0;width:280px;background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto}.workspace-container__content{flex:1;overflow-y:auto;padding:1.5rem}.workspace-container__footer{flex-shrink:0;background:#fff;border-top:1px solid #e5e7eb}.workspace-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e5e7eb;min-height:64px}.workspace-header__left{display:flex;align-items:center;gap:1.5rem;flex:1}.workspace-header__title-group h1{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.workspace-header__subtitle{margin:.25rem 0 0;font-size:.875rem;color:#6b7280}.workspace-header__status,.workspace-header__right{display:flex;align-items:center;gap:1rem}.workspace-header__controls,.workspace-header__actions{display:flex;gap:.5rem}.connection-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500}.connection-indicator--connected{background:#f0fdf4;color:#10b981}.connection-indicator--connecting{background:#fffbeb;color:#f59e0b}.connection-indicator--connecting:after{content:"";display:inline-block;width:8px;height:8px;margin-left:.5rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.connection-indicator--disconnected{background:#fef2f2;color:#ef4444}.connection-indicator--error{background:#fef2f2;color:#dc2626}.shift-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#f0f9ff;color:#0369a1;border-radius:6px;font-size:.875rem;font-weight:500}@media (max-width: 768px){.workspace-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:.75rem 1rem}.workspace-header__left,.workspace-header__right{width:100%}.workspace-header__right{justify-content:space-between}}.workspace-panel{background:#fff;border-radius:12px;overflow:hidden;position:relative;display:flex;flex-direction:column;height:100%}.workspace-panel--small{min-height:200px}.workspace-panel--medium{min-height:300px}.workspace-panel--large{min-height:400px}.workspace-panel--flexible{height:auto;min-height:150px}.workspace-panel--minimized{height:auto;min-height:auto}.workspace-panel--minimized .workspace-panel__content{display:none}.workspace-panel--loading .workspace-panel__content{opacity:.5;pointer-events:none}.workspace-panel--error{border:1px solid #ef4444}.workspace-panel--resizable{resize:both;overflow:auto}.workspace-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#f9fafb;border-bottom:1px solid #f0f0f0;flex-shrink:0}.workspace-panel__header-content{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.workspace-panel__icon{display:flex;align-items:center;font-size:1.25rem}.workspace-panel__title{margin:0;font-size:1rem;font-weight:600;color:#111827}.workspace-panel__badge{padding:.25rem .5rem;background:#3b82f6;color:#fff;border-radius:12px;font-size:.75rem;font-weight:500;margin-left:.5rem}.workspace-panel__stats{display:flex;gap:1rem}.workspace-panel__stats .stat{padding:.25rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500}.workspace-panel__stats .stat--default{background:#f3f4f6;color:#6b7280}.workspace-panel__stats .stat--urgent{background:#fef2f2;color:#ef4444}.workspace-panel__stats .stat--success{background:#f0fdf4;color:#10b981}.workspace-panel__stats .stat--warning{background:#fffbeb;color:#f59e0b}.workspace-panel__controls{display:flex;align-items:center;gap:.5rem}.workspace-panel__actions{display:flex;gap:.5rem}.workspace-panel__control{width:32px;height:32px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.workspace-panel__control:hover{background:#0000000d}.workspace-panel__control--close:hover{background:#ef44441a;color:#ef4444}.workspace-panel__content{flex:1;padding:1.25rem;overflow:auto}.workspace-panel__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px}.workspace-panel__loading .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.workspace-panel__loading p{margin-top:1rem;color:#6b7280}.workspace-panel__error{padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444}.workspace-panel__error p{margin:0}.workspace-panel__resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:nwse-resize}.workspace-panel__resize-handle:before{content:"";position:absolute;bottom:3px;right:3px;width:10px;height:10px;border-right:2px solid #e5e7eb;border-bottom:2px solid #e5e7eb}.workspace-grid{display:grid;width:100%;height:100%}.workspace-grid--dashboard{grid-template-areas:"alerts map" "alerts communication" "notes notes"}.workspace-grid--monitoring{grid-template-areas:"metrics metrics metrics" "alerts map events" "alerts map communication"}.workspace-grid--analysis{grid-template-columns:1fr 2fr 1fr;grid-template-rows:auto 1fr auto}.workspace-grid--gap-none{gap:0}.workspace-grid--gap-small{gap:.75rem}.workspace-grid--gap-medium{gap:1.25rem}.workspace-grid--gap-large{gap:2rem}.workspace-grid--compact{grid-auto-rows:minmax(150px,auto)}.workspace-grid--normal{grid-auto-rows:minmax(250px,auto)}.workspace-grid--spacious{grid-auto-rows:minmax(350px,auto)}@media (max-width: 1024px){.workspace-grid--responsive{grid-template-columns:1fr;grid-template-areas:none}}@media (max-width: 768px){.workspace-grid--responsive{gap:.75rem}.workspace-grid--responsive--gap-large{gap:1rem}}.workspace-grid__item{position:relative;min-width:0;min-height:0}.workspace-grid__item>*{width:100%;height:100%}.metrics-banner{width:100%}.metrics-banner--compact{padding:.75rem}.metrics-banner--compact .metric{padding:.5rem}.metrics-banner--compact .metric__value{font-size:1.125rem}.metrics-banner--compact .metric__label{font-size:.75rem}.metrics-banner--default{padding:1rem}.metrics-banner--expanded{padding:1.5rem}.metrics-banner--expanded .metric{padding:1rem}.metrics-banner--expanded .metric__value{font-size:1.75rem}.metrics-banner--expanded .metric__label{font-size:.875rem}.metrics-banner--horizontal .metrics-banner__content{display:flex;gap:1rem;overflow-x:auto}.metrics-banner--horizontal .metrics-banner__content::-webkit-scrollbar{height:4px}.metrics-banner--horizontal .metrics-banner__content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.metrics-banner--grid .metrics-banner__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.metrics-banner__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.metrics-banner__actions{display:flex;gap:.5rem}.metrics-banner__content{display:flex;gap:1rem}.metric{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:8px;flex:1;min-width:0;position:relative}.metric--default{background:#f9fafb}.metric--success{background:#f0fdf4}.metric--success .metric__value{color:#10b981}.metric--warning{background:#fffbeb}.metric--warning .metric__value{color:#f59e0b}.metric--danger{background:#fef2f2}.metric--danger .metric__value{color:#ef4444}.metric--info{background:#eff6ff}.metric--info .metric__value{color:#3b82f6}.metric__icon{display:flex;align-items:center;font-size:1.25rem;opacity:.8}.metric__content{display:flex;flex-direction:column;flex:1;min-width:0}.metric__value{font-size:1.5rem;font-weight:700;color:#111827;line-height:1.2;display:flex;align-items:baseline;gap:.25rem}.metric__unit{font-size:.875rem;font-weight:500;color:#6b7280}.metric__label{font-size:.8125rem;color:#6b7280;margin-top:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric__trend{display:flex;align-items:center;font-size:1rem}.metric__trend--up{color:#10b981}.metric__trend--down{color:#ef4444}.metric__trend--stable{color:#6b7280}.metric__target{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#9ca3af}.metric__target .target-label{font-weight:500}.metric__target .target-value{font-weight:600}@media (max-width: 768px){.metrics-banner--horizontal .metrics-banner__content{flex-wrap:wrap}.metrics-banner--grid .metrics-banner__content{grid-template-columns:1fr 1fr}.metric{min-width:140px}.metric__value{font-size:1.25rem}.metric__label{font-size:.75rem}}@media (max-width: 480px){.metrics-banner--grid .metrics-banner__content{grid-template-columns:1fr}}.topbar{width:100%;background:#fff;border-bottom:1px solid #e5e7eb;z-index:100}.topbar--fixed{position:fixed;top:0;left:0;right:0}.topbar--sticky{position:sticky;top:0}.topbar--static{position:static}.topbar--default{background:#fff;box-shadow:0 1px 3px #0000001a}.topbar--dashboard{background:#fff;border-bottom:2px solid #f0f0f0}.topbar--minimal{background:transparent;border:none;box-shadow:none}.topbar--transparent{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar__container{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:64px;max-width:100%;margin:0 auto}.topbar__logo{display:flex;align-items:center;flex-shrink:0}.topbar__navigation{flex:1;display:flex;justify-content:center;padding:0 2rem}.topbar__actions{display:flex;align-items:center;flex-shrink:0}.topbar__mobile-toggle{display:none;background:transparent;border:none;padding:.5rem;cursor:pointer}.topbar__mobile-toggle .hamburger{display:block;width:24px;height:18px;position:relative}.topbar__mobile-toggle .hamburger span{display:block;position:absolute;height:2px;width:100%;background:#111827;border-radius:2px;transition:all .3s ease}.topbar__mobile-toggle .hamburger span:nth-child(1){top:0}.topbar__mobile-toggle .hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.topbar__mobile-toggle .hamburger span:nth-child(3){bottom:0}@media (max-width: 768px){.topbar__mobile-toggle{display:block}}.topbar--mobile-open .topbar__mobile-toggle .hamburger span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.topbar--mobile-open .topbar__mobile-toggle .hamburger span:nth-child(2){opacity:0}.topbar--mobile-open .topbar__mobile-toggle .hamburger span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}@media (max-width: 768px){.topbar__navigation{display:none}.topbar--mobile-open .topbar__navigation{display:flex;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #e5e7eb;flex-direction:column;padding:1rem}}.nav-menu--horizontal .nav-menu__list{display:flex;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none}.nav-menu--vertical .nav-menu__list{display:flex;flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none}.nav-menu--dropdown{position:relative}.nav-menu--dropdown .nav-menu__list{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:0;padding:.5rem;list-style:none;min-width:200px}.nav-menu--center .nav-menu__list{justify-content:center}.nav-menu--right .nav-menu__list{justify-content:flex-end}.nav-menu__item{position:relative}.nav-menu__item--active .nav-menu__link{color:#3b82f6;background:#3b82f61a}.nav-menu__item--active .nav-menu__link:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#3b82f6}.nav-menu__item--disabled{opacity:.5;pointer-events:none}.nav-menu__item--disabled .nav-menu__link{cursor:not-allowed}.nav-menu__item--has-children .nav-menu__link:after{content:"▼";margin-left:.5rem;font-size:.75rem;opacity:.5}.nav-menu__link{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:transparent;border:none;border-radius:6px;color:#4b5563;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;position:relative;white-space:nowrap}.nav-menu__link:hover{background:#f3f4f6;color:#111827}.nav-menu__link:focus{outline:none;box-shadow:0 0 0 2px #3b82f633}.nav-menu__link:active{transform:scale(.98)}.nav-menu__icon{display:flex;align-items:center;font-size:1.125rem}.nav-menu__label{flex:1}.nav-menu__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#ef4444;color:#fff;border-radius:10px;font-size:.75rem;font-weight:600}.nav-menu__submenu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:.5rem 0 0;padding:.5rem;list-style:none;min-width:200px;z-index:10}.nav-menu__item:hover .nav-menu__submenu{display:block}.nav-menu--animated .nav-menu__link{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.nav-menu--horizontal .nav-menu__list{flex-direction:column;align-items:stretch;width:100%}.nav-menu--horizontal .nav-menu__link{justify-content:flex-start;width:100%}}.notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:.5rem;cursor:pointer;transition:all .2s ease}.notification-bell--small{padding:.375rem}.notification-bell--small .notification-bell__icon{width:18px;height:18px}.notification-bell--small .notification-bell__badge{font-size:.625rem;min-width:16px;height:16px;padding:0 4px}.notification-bell--medium{padding:.5rem}.notification-bell--medium .notification-bell__icon{width:22px;height:22px}.notification-bell--medium .notification-bell__badge{font-size:.75rem;min-width:20px;height:20px;padding:0 6px}.notification-bell--large{padding:.625rem}.notification-bell--large .notification-bell__icon{width:26px;height:26px}.notification-bell--large .notification-bell__badge{font-size:.875rem;min-width:24px;height:24px;padding:0 8px}.notification-bell--has-notifications .notification-bell__icon{color:#3b82f6}.notification-bell--active{background:#3b82f61a;border-radius:8px}.notification-bell--active .notification-bell__icon{color:#3b82f6}.notification-bell--animated.notification-bell--has-notifications .notification-bell__icon{animation:ring 2s ease-in-out infinite}.notification-bell--animated.notification-bell--has-notifications .notification-bell__badge{animation:pulse 2s ease-in-out infinite}.notification-bell--clickable:hover{background:#0000000d;border-radius:8px}.notification-bell--clickable:active{transform:scale(.95)}.notification-bell__icon{color:#6b7280;transition:color .2s ease}.notification-bell__badge{position:absolute;top:2px;right:2px;display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;border-radius:10px;font-weight:600;border:2px solid white;z-index:1}.notification-bell__dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid white;z-index:1}@keyframes ring{0%{transform:rotate(0)}10%{transform:rotate(-15deg)}20%{transform:rotate(15deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}50%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:380px;max-width:90vw;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;animation:slideDown .2s ease}.notification-dropdown--has-unread{border-color:#3b82f6}.notification-dropdown__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #f0f0f0;background:#f9fafb;border-radius:12px 12px 0 0}.notification-dropdown__title{margin:0;font-size:1rem;font-weight:600;color:#111827}.notification-dropdown__count{font-size:.875rem;color:#6b7280;font-weight:500}.notification-dropdown__list{max-height:400px;overflow-y:auto}.notification-dropdown__list::-webkit-scrollbar{width:6px}.notification-dropdown__list::-webkit-scrollbar-track{background:#f3f4f6}.notification-dropdown__list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.notification-dropdown__list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.notification-dropdown__empty{padding:3rem 1.5rem;text-align:center}.notification-dropdown__empty .empty-icon{font-size:3rem;margin-bottom:1rem}.notification-dropdown__empty .empty-title{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.5rem}.notification-dropdown__empty .empty-message{font-size:.875rem;color:#6b7280}.notification-dropdown__footer{display:flex;justify-content:space-between;padding:.75rem 1.25rem;border-top:1px solid #f0f0f0;background:#f9fafb;border-radius:0 0 12px 12px}.notification-dropdown__action{padding:.5rem 1rem;background:transparent;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.notification-dropdown__action--mark-all{color:#6b7280}.notification-dropdown__action--mark-all:hover{background:#fff;color:#111827}.notification-dropdown__action--view-all{color:#3b82f6}.notification-dropdown__action--view-all:hover{background:#3b82f61a}.notification-item{display:flex;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .2s ease;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f9fafb}.notification-item--unread{background:#eff6ff}.notification-item--unread:hover{background:#dbeafe}.notification-item--critical{border-left:3px solid #ef4444}.notification-item--high{border-left:3px solid #f59e0b}.notification-item--normal{border-left:3px solid transparent}.notification-item--low{border-left:3px solid #6b7280}.notification-item__icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:#0000000d;border-radius:50%}.notification-item__content{flex:1;min-width:0}.notification-item__title{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item__message{font-size:.8125rem;color:#6b7280;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item__meta{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.notification-item__time{font-size:.75rem;color:#9ca3af}.notification-item__action{padding:.25rem .5rem;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .2s ease}.notification-item__action:hover{background:#2563eb}.notification-item__indicator{position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:8px;height:8px;background:#3b82f6;border-radius:50%}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:280px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;animation:slideDown .2s ease}.user-dropdown__header{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-bottom:1px solid #f0f0f0;background:#f9fafb;border-radius:12px 12px 0 0}.user-dropdown__avatar{position:relative;width:48px;height:48px;flex-shrink:0}.user-dropdown__avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-dropdown__avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#3b82f6;color:#fff;font-weight:600;font-size:1.125rem;border-radius:50%}.user-dropdown__avatar .status-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid white}.user-dropdown__info{flex:1;min-width:0}.user-dropdown__info .user-name{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown__info .user-meta{display:flex;flex-direction:column;gap:.125rem}.user-dropdown__info .user-meta .user-email{font-size:.75rem;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown__info .user-meta .user-role{font-size:.75rem;color:#3b82f6;text-transform:capitalize;font-weight:500}.user-dropdown__menu{padding:.5rem}.user-dropdown__separator{height:1px;background:#e5e7eb;margin:.5rem 0}.user-dropdown__item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;border-radius:6px;font-size:.875rem;color:#4b5563;text-align:left;cursor:pointer;transition:all .2s ease}.user-dropdown__item:hover{background:#f3f4f6;color:#111827}.user-dropdown__item:focus{outline:none;box-shadow:0 0 0 2px #3b82f633}.user-dropdown__item--danger{color:#ef4444}.user-dropdown__item--danger:hover{background:#ef44441a;color:#dc2626}.user-dropdown__item-icon{display:flex;align-items:center;font-size:1rem}.user-dropdown__item-label{flex:1}.user-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:transparent;border:none;padding:0;cursor:default}.user-avatar--small{width:32px;height:32px}.user-avatar--small .avatar-placeholder{font-size:.75rem}.user-avatar--small .avatar-badge{font-size:.625rem;min-width:16px;height:16px;padding:0 4px}.user-avatar--medium{width:40px;height:40px}.user-avatar--medium .avatar-placeholder{font-size:.875rem}.user-avatar--medium .avatar-badge{font-size:.75rem;min-width:20px;height:20px;padding:0 6px}.user-avatar--large{width:48px;height:48px}.user-avatar--large .avatar-placeholder{font-size:1rem}.user-avatar--large .avatar-badge{font-size:.875rem;min-width:24px;height:24px;padding:0 8px}.user-avatar--clickable{cursor:pointer;transition:all .2s ease}.user-avatar--clickable:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.user-avatar--clickable:active{transform:scale(.98)}.user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#3b82f6;color:#fff;font-weight:600;border-radius:50%}.user-avatar .avatar-badge{position:absolute;top:-2px;right:-2px;display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;border-radius:10px;font-weight:600;border:2px solid white}.user-name{font-size:.875rem;font-weight:500;color:#111827}.user-role{font-size:.75rem;color:#6b7280;text-transform:capitalize}.form{position:relative}.form--horizontal .form-field{flex-direction:row;align-items:flex-start}.form--horizontal .form-field .form-field__label{min-width:var(--form-label-width, 140px);margin-right:1rem;padding-top:.625rem}.form--inline{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.form--inline .form-field{flex:0 0 auto;margin-bottom:0}.form--small{font-size:.875rem}.form--medium{font-size:1rem}.form--large{font-size:1.125rem}.form--disabled{opacity:.6;pointer-events:none}.form--loading .form__fieldset{opacity:.5}.form--full-width{width:100%}.form__fieldset{border:none;margin:0;padding:0}.form__loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#fffc;z-index:10}.form__spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.form-section__header{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.form-section__title{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:#111827}.form-section__description{margin:0;font-size:.875rem;color:#6b7280}.form-section__content{padding-top:.5rem}.form-row{display:grid}.form-row--auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-row--1{grid-template-columns:1fr}.form-row--2{grid-template-columns:repeat(2,1fr)}.form-row--3{grid-template-columns:repeat(3,1fr)}.form-row--4{grid-template-columns:repeat(4,1fr)}.form-row--gap-small{gap:.75rem}.form-row--gap-medium{gap:1.25rem}.form-row--gap-large{gap:2rem}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.form-actions--left{justify-content:flex-start}.form-actions--center{justify-content:center}.form-actions--right{justify-content:flex-end}.form-actions--space-between{justify-content:space-between}.form-actions--sticky{position:sticky;bottom:0;background:#fff;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 -4px 6px #0000000d;z-index:5}.form-field{display:flex;margin-bottom:1.25rem}.form-field--vertical{flex-direction:column}.form-field--vertical .form-field__label{margin-bottom:.5rem}.form-field--horizontal{flex-direction:row;align-items:flex-start}.form-field--horizontal .form-field__label{margin-right:1rem;padding-top:.625rem;min-width:140px}.form-field--horizontal .form-field__content{flex:1}.form-field--inline{flex-direction:row;align-items:center;gap:.75rem;margin-bottom:0}.form-field--inline .form-field__label{margin:0}.form-field--error .form-field__label{color:#ef4444}.form-field--required .form-field__label:after{content:" *";color:#ef4444}.form-field__label{display:block;font-size:.875rem;font-weight:500;color:#374151}.form-field__required{color:#ef4444;margin-left:.25rem}.form-field__content{position:relative;width:100%}.form-field__hint{display:block;margin-top:.375rem;font-size:.75rem;color:#6b7280}.form-field__error{display:block;margin-top:.375rem;font-size:.75rem;color:#ef4444;font-weight:500}.input{position:relative;display:inline-flex;align-items:center}.input--small .input__field{padding:.375rem .75rem;font-size:.875rem}.input--small .input__icon{font-size:.875rem}.input--medium .input__field{padding:.625rem 1rem;font-size:.875rem}.input--medium .input__icon{font-size:1rem}.input--large .input__field{padding:.75rem 1.25rem;font-size:1rem}.input--large .input__icon{font-size:1.125rem}.input--default .input__field{background:#fff;border:1px solid #d1d5db}.input--default .input__field:hover:not(:disabled){border-color:#9ca3af}.input--default .input__field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input--outlined .input__field{background:transparent;border:2px solid #d1d5db}.input--outlined .input__field:focus{border-color:#3b82f6}.input--filled .input__field{background:#f3f4f6;border:1px solid transparent}.input--filled .input__field:hover:not(:disabled){background:#e5e7eb}.input--filled .input__field:focus{background:#fff;border-color:#3b82f6}.input--minimal .input__field{background:transparent;border:none;border-bottom:2px solid #d1d5db;border-radius:0;padding-left:0;padding-right:0}.input--minimal .input__field:focus{border-bottom-color:#3b82f6}.input--error .input__field{border-color:#ef4444}.input--error .input__field:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input--success .input__field{border-color:#10b981}.input--success .input__field:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.input--disabled{opacity:.5;cursor:not-allowed}.input--disabled .input__field{cursor:not-allowed;background:#f9fafb}.input--loading .input__field{padding-right:2.5rem}.input--full-width,.input--full-width .input__field{width:100%}.input--has-icon.input--icon-left .input__field{padding-left:2.5rem}.input--has-icon.input--icon-right .input__field,.input--clearable .input__field{padding-right:2.5rem}.input__field{flex:1;border-radius:6px;color:#111827;transition:all .2s ease;outline:none}.input__field::placeholder{color:#9ca3af}.input__icon{position:absolute;display:flex;align-items:center;justify-content:center;color:#6b7280;pointer-events:none}.input__icon--left{left:.875rem}.input__icon--right{right:.875rem}.input__clear{position:absolute;right:.625rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;font-size:1.25rem;line-height:1;transition:all .2s ease}.input__clear:hover{background:#e5e7eb;color:#111827}.input__spinner{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.select{position:relative;display:inline-flex;align-items:center}.select--small .select__field{padding:.375rem 2.5rem .375rem .75rem;font-size:.875rem}.select--medium .select__field{padding:.625rem 2.5rem .625rem 1rem;font-size:.875rem}.select--large .select__field{padding:.75rem 3rem .75rem 1.25rem;font-size:1rem}.select--default .select__field{background:#fff;border:1px solid #d1d5db}.select--default .select__field:hover:not(:disabled){border-color:#9ca3af}.select--default .select__field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.select--outlined .select__field{background:transparent;border:2px solid #d1d5db}.select--outlined .select__field:focus{border-color:#3b82f6}.select--filled .select__field{background:#f3f4f6;border:1px solid transparent}.select--filled .select__field:hover:not(:disabled){background:#e5e7eb}.select--filled .select__field:focus{background:#fff;border-color:#3b82f6}.select--minimal .select__field{background:transparent;border:none;border-bottom:2px solid #d1d5db;border-radius:0}.select--minimal .select__field:focus{border-bottom-color:#3b82f6}.select--error .select__field{border-color:#ef4444}.select--error .select__field:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.select--success .select__field{border-color:#10b981}.select--success .select__field:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.select--disabled{opacity:.5;cursor:not-allowed}.select--disabled .select__field{cursor:not-allowed;background:#f9fafb}.select--full-width,.select--full-width .select__field{width:100%}.select--has-icon .select__field{padding-left:2.5rem}.select__field{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:6px;color:#111827;transition:all .2s ease;outline:none;cursor:pointer}.select__icon{position:absolute;left:.875rem;display:flex;align-items:center;color:#6b7280;pointer-events:none}.select__arrow{position:absolute;right:.875rem;pointer-events:none}.select__arrow:after{content:"▼";font-size:.625rem;color:#6b7280}.select__spinner{position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.textarea{position:relative;display:inline-flex;flex-direction:column}.textarea--small .textarea__field{padding:.375rem .75rem;font-size:.875rem}.textarea--medium .textarea__field{padding:.625rem 1rem;font-size:.875rem}.textarea--large .textarea__field{padding:.75rem 1.25rem;font-size:1rem}.textarea--default .textarea__field{background:#fff;border:1px solid #d1d5db}.textarea--default .textarea__field:hover:not(:disabled){border-color:#9ca3af}.textarea--default .textarea__field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.textarea--outlined .textarea__field{background:transparent;border:2px solid #d1d5db}.textarea--outlined .textarea__field:focus{border-color:#3b82f6}.textarea--filled .textarea__field{background:#f3f4f6;border:1px solid transparent}.textarea--filled .textarea__field:hover:not(:disabled){background:#e5e7eb}.textarea--filled .textarea__field:focus{background:#fff;border-color:#3b82f6}.textarea--minimal .textarea__field{background:transparent;border:none;border-bottom:2px solid #d1d5db;border-radius:0}.textarea--minimal .textarea__field:focus{border-bottom-color:#3b82f6}.textarea--resize-none .textarea__field{resize:none}.textarea--resize-vertical .textarea__field{resize:vertical}.textarea--resize-horizontal .textarea__field{resize:horizontal}.textarea--resize-both .textarea__field{resize:both}.textarea--resize-auto .textarea__field{resize:vertical;min-height:100px}.textarea--error .textarea__field{border-color:#ef4444}.textarea--error .textarea__field:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.textarea--success .textarea__field{border-color:#10b981}.textarea--success .textarea__field:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.textarea--disabled{opacity:.5}.textarea--disabled .textarea__field{cursor:not-allowed;background:#f9fafb}.textarea--full-width,.textarea--full-width .textarea__field{width:100%}.textarea__field{border-radius:6px;color:#111827;transition:all .2s ease;outline:none;min-height:80px;font-family:inherit}.textarea__field::placeholder{color:#9ca3af}.textarea__footer{display:flex;justify-content:flex-end;margin-top:.25rem}.textarea__char-count{font-size:.75rem;color:#6b7280}.checkbox{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox--small{font-size:.875rem}.checkbox--small .checkbox__box{width:16px;height:16px}.checkbox--medium{font-size:.875rem}.checkbox--medium .checkbox__box{width:20px;height:20px}.checkbox--large{font-size:1rem}.checkbox--large .checkbox__box{width:24px;height:24px}.checkbox--disabled{opacity:.5;cursor:not-allowed}.checkbox--error .checkbox__box{border-color:#ef4444}.checkbox--success .checkbox__box{border-color:#10b981}.checkbox--label-left{flex-direction:row-reverse}.checkbox--label-left .checkbox__label{margin-left:0;margin-right:.5rem}.checkbox__wrapper{position:relative;display:inline-flex}.checkbox__input{position:absolute;opacity:0;cursor:pointer}.checkbox__input:checked+.checkbox__box{background:#3b82f6;border-color:#3b82f6}.checkbox__input:checked+.checkbox__box .checkbox__check{opacity:1;transform:scale(1)}.checkbox__input:focus+.checkbox__box{box-shadow:0 0 0 3px #3b82f61a}.checkbox__input:indeterminate+.checkbox__box{background:#3b82f6;border-color:#3b82f6}.checkbox__input:indeterminate+.checkbox__box:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:2px;background:#fff}.checkbox__box{display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #d1d5db;border-radius:4px;transition:all .2s ease}.checkbox__check{color:#fff;opacity:0;transform:scale(0);transition:all .2s ease}.checkbox__label{margin-left:.5rem;color:#374151}.radio{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.radio--small{font-size:.875rem}.radio--small .radio__circle{width:16px;height:16px}.radio--small .radio__dot{width:6px;height:6px}.radio--medium{font-size:.875rem}.radio--medium .radio__circle{width:20px;height:20px}.radio--medium .radio__dot{width:8px;height:8px}.radio--large{font-size:1rem}.radio--large .radio__circle{width:24px;height:24px}.radio--large .radio__dot{width:10px;height:10px}.radio--disabled{opacity:.5;cursor:not-allowed}.radio--error .radio__circle{border-color:#ef4444}.radio--success .radio__circle{border-color:#10b981}.radio--label-left{flex-direction:row-reverse}.radio--label-left .radio__label{margin-left:0;margin-right:.5rem}.radio__wrapper{position:relative;display:inline-flex}.radio__input{position:absolute;opacity:0;cursor:pointer}.radio__input:checked+.radio__circle{border-color:#3b82f6}.radio__input:checked+.radio__circle .radio__dot{opacity:1;transform:scale(1)}.radio__input:focus+.radio__circle{box-shadow:0 0 0 3px #3b82f61a}.radio__circle{display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #d1d5db;border-radius:50%;transition:all .2s ease}.radio__dot{background:#3b82f6;border-radius:50%;opacity:0;transform:scale(0);transition:all .2s ease}.radio__label{margin-left:.5rem;color:#374151}.radio-group{display:flex;gap:1rem}.radio-group--vertical{flex-direction:column}.radio-group--horizontal{flex-direction:row;flex-wrap:wrap}.switch{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.switch--small{font-size:.875rem}.switch--small .switch__track{width:36px;height:20px}.switch--small .switch__thumb{width:16px;height:16px}.switch--medium{font-size:.875rem}.switch--medium .switch__track{width:44px;height:24px}.switch--medium .switch__thumb{width:20px;height:20px}.switch--large{font-size:1rem}.switch--large .switch__track{width:52px;height:28px}.switch--large .switch__thumb{width:24px;height:24px}.switch--ios .switch__track{border-radius:100px}.switch--material .switch__thumb{box-shadow:0 2px 4px #0003}.switch--primary .switch__input:checked+.switch__track{background:#3b82f6}.switch--secondary .switch__input:checked+.switch__track{background:#6b7280}.switch--success .switch__input:checked+.switch__track{background:#10b981}.switch--warning .switch__input:checked+.switch__track{background:#f59e0b}.switch--danger .switch__input:checked+.switch__track{background:#ef4444}.switch--disabled{opacity:.5;cursor:not-allowed}.switch--label-left{flex-direction:row-reverse}.switch--label-left .switch__label{margin-left:0;margin-right:.75rem}.switch__wrapper{position:relative;display:inline-flex}.switch__input{position:absolute;opacity:0}.switch__input:checked+.switch__track .switch__thumb{transform:translate(100%)}.switch__input:checked+.switch__track .switch__label-off{opacity:0}.switch__input:checked+.switch__track .switch__label-on{opacity:1}.switch__input:focus+.switch__track{box-shadow:0 0 0 3px #3b82f61a}.switch__track{position:relative;display:inline-flex;align-items:center;background:#d1d5db;border-radius:12px;transition:background .2s ease}.switch__labels{position:absolute;width:100%;display:flex;justify-content:space-between;padding:0 6px;font-size:.625rem;font-weight:500;pointer-events:none}.switch__label-off,.switch__label-on{color:#fff;transition:opacity .2s ease}.switch__label-off{opacity:1}.switch__label-on{opacity:0}.switch__thumb{position:absolute;top:2px;left:2px;background:#fff;border-radius:50%;transition:transform .2s ease}.switch__label{margin-left:.75rem;color:#374151}.data-table{position:relative;width:100%;background:#fff;border-radius:8px;overflow:hidden}.data-table--default .data-table__table{border-collapse:separate;border-spacing:0}.data-table--striped .data-table__row:nth-child(2n){background:#f9fafb}.data-table--bordered,.data-table--bordered .data-table__cell{border:1px solid #e5e7eb}.data-table--compact .data-table__cell{padding:.375rem .75rem;font-size:.875rem}.data-table--modern{box-shadow:0 1px 3px #0000001a}.data-table--modern .data-table__header{background:linear-gradient(to bottom,#f9fafb,#f3f4f6)}.data-table--modern .data-table__row:hover{background:#f0f9ff}.data-table--small{font-size:.875rem}.data-table--small .data-table__cell{padding:.375rem .75rem}.data-table--medium{font-size:.875rem}.data-table--medium .data-table__cell{padding:.625rem 1rem}.data-table--large{font-size:1rem}.data-table--large .data-table__cell{padding:.75rem 1.25rem}.data-table--loading .data-table__wrapper{opacity:.5}.data-table--sticky-header .data-table__header{position:sticky;top:0;z-index:10;background:#fff}.data-table__wrapper{overflow:auto;max-width:100%}.data-table__table{width:100%;border-collapse:collapse}.data-table__header{background:#f9fafb;border-bottom:2px solid #e5e7eb}.data-table__header-content{display:flex;align-items:center;gap:.5rem}.data-table__header-text{flex:1}.data-table__sort-icon{font-size:.75rem;color:#6b7280;-webkit-user-select:none;user-select:none}.data-table__filter-row{background:#f3f4f6;border-bottom:1px solid #e5e7eb}.data-table__filter-input{width:100%;padding:.25rem .5rem;font-size:.75rem;border:1px solid #d1d5db;border-radius:4px}.data-table__filter-input:focus{outline:none;border-color:#3b82f6}.data-table__body{background:#fff}.data-table__row{border-bottom:1px solid #f3f4f6;transition:background .15s ease}.data-table__row:last-child{border-bottom:none}.data-table__row--selected{background:#eff6ff}.data-table__row--selected:hover{background:#dbeafe}.data-table__row--clickable{cursor:pointer}.data-table__row--clickable:hover,.data-table__expanded-row{background:#f9fafb}.data-table__expanded-row .data-table__cell{padding:0}.data-table__expanded-content{padding:1rem}.data-table__cell{padding:.75rem 1rem;text-align:left;vertical-align:middle;color:#374151}.data-table__cell--header{font-weight:600;color:#111827;white-space:nowrap}.data-table__cell--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table__cell--sortable:hover{background:#f3f4f6}.data-table__cell--left{text-align:left}.data-table__cell--center{text-align:center}.data-table__cell--right{text-align:right}.data-table__cell--checkbox{width:40px;text-align:center}.data-table__cell--checkbox input{cursor:pointer}.data-table__cell--expand{width:40px;text-align:center}.data-table__cell--actions{width:100px;text-align:center;white-space:nowrap}.data-table__cell--sticky-left{position:sticky;left:0;background:inherit;z-index:1}.data-table__cell--sticky-left:after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:#e5e7eb}.data-table__cell--sticky-right{position:sticky;right:0;background:inherit;z-index:1}.data-table__cell--sticky-right:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:#e5e7eb}.data-table__expand-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;color:#6b7280;cursor:pointer;transition:all .15s ease}.data-table__expand-btn:hover{color:#111827;background:#f3f4f6;border-radius:4px}.data-table__footer{padding:1rem;background:#f9fafb;border-top:1px solid #e5e7eb}.data-table__pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem}@media (max-width: 768px){.data-table__pagination{flex-direction:column}}.data-table__pagination-info{font-size:.875rem;color:#6b7280}.data-table__pagination-controls{display:flex;align-items:center;gap:.5rem}.data-table__page-size{padding:.375rem .5rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer}.data-table__page-size:focus{outline:none;border-color:#3b82f6}.data-table__page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .5rem;background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;font-size:.875rem;cursor:pointer;transition:all .15s ease}.data-table__page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.data-table__page-btn:disabled{opacity:.5;cursor:not-allowed}.data-table__page-info{padding:0 .75rem;font-size:.875rem;color:#374151}.data-table__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.data-table__loading p{margin-top:1rem;font-size:.875rem;color:#6b7280}.data-table__spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.data-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.data-table__empty p{margin-top:1rem;font-size:.875rem;color:#6b7280}.data-table__empty-icon{font-size:3rem;opacity:.5}.badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;font-weight:500;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.badge--tiny{padding:.125rem .375rem;font-size:.625rem;line-height:1}.badge--small{padding:.25rem .5rem;font-size:.75rem;line-height:1}.badge--medium{padding:.375rem .75rem;font-size:.875rem;line-height:1}.badge--large{padding:.5rem 1rem;font-size:1rem;line-height:1}.badge--rounded{border-radius:4px}.badge--pill{border-radius:9999px}.badge--square{border-radius:0}.badge--default{background:#f3f4f6;color:#374151}.badge--default.badge--outline{background:transparent;border:1px solid #d1d5db;color:#6b7280}.badge--primary{background:#3b82f6;color:#fff}.badge--primary.badge--outline{background:transparent;border:1px solid #3b82f6;color:#3b82f6}.badge--secondary{background:#6b7280;color:#fff}.badge--secondary.badge--outline{background:transparent;border:1px solid #6b7280;color:#6b7280}.badge--success{background:#10b981;color:#fff}.badge--success.badge--outline{background:transparent;border:1px solid #10b981;color:#10b981}.badge--warning{background:#f59e0b;color:#fff}.badge--warning.badge--outline{background:transparent;border:1px solid #f59e0b;color:#f59e0b}.badge--danger{background:#ef4444;color:#fff}.badge--danger.badge--outline{background:transparent;border:1px solid #ef4444;color:#ef4444}.badge--info{background:#06b6d4;color:#fff}.badge--info.badge--outline{background:transparent;border:1px solid #06b6d4;color:#06b6d4}.badge--dot{width:8px;height:8px;padding:0;border-radius:50%}.badge--dot.badge--small{width:6px;height:6px}.badge--dot.badge--large{width:10px;height:10px}.badge--animated{animation:pulse 2s infinite}.badge__icon{display:flex;align-items:center;font-size:.875em}.badge__close{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;margin-left:.25rem;margin-right:-.25rem;padding:0;background:#0000001a;border:none;border-radius:50%;color:inherit;cursor:pointer;transition:all .2s ease;font-size:1em;line-height:1}.badge__close:hover{background:#0003}.badge-group{display:flex;align-items:center}.badge-group--wrap{flex-wrap:wrap}.badge-group--gap-tiny{gap:.25rem}.badge-group--gap-small{gap:.5rem}.badge-group--gap-medium{gap:.75rem}.tag{border-radius:4px}.chip{padding-left:.375rem;padding-right:.75rem}.chip--clickable{cursor:pointer}.chip--clickable:hover{filter:brightness(.95)}.chip--clickable:active{transform:scale(.95)}.chip--selected{box-shadow:0 0 0 2px #3b82f64d}.chip__avatar{display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;margin-right:.375rem;margin-left:-.125rem;border-radius:50%;background:#0000001a;overflow:hidden}.chip__avatar img{width:100%;height:100%;object-fit:cover}.status-indicator--online .badge--dot{background:#10b981}.status-indicator--offline .badge--dot{background:#6b7280}.status-indicator--away .badge--dot{background:#f59e0b}.status-indicator--busy .badge--dot{background:#ef4444}.status-indicator--active .badge--dot{background:#10b981}.status-indicator--inactive .badge--dot{background:#6b7280}.status-indicator--pending .badge--dot{background:#f59e0b}.status-indicator--error .badge--dot{background:#ef4444}.status-indicator--pulse .badge--dot{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:8px;position:relative;animation:slideDown .3s ease}.alert--small{padding:.75rem;font-size:.875rem}.alert--medium{padding:1rem;font-size:.875rem}.alert--large{padding:1.25rem;font-size:1rem}.alert--info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.alert--info.alert--outline{background:transparent;border-width:2px}.alert--info .alert__icon{color:#3b82f6}.alert--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d}.alert--success.alert--outline{background:transparent;border-width:2px}.alert--success .alert__icon{color:#10b981}.alert--warning{background:#fffbeb;border:1px solid #fde68a;color:#78350f}.alert--warning.alert--outline{background:transparent;border-width:2px}.alert--warning .alert__icon{color:#f59e0b}.alert--error{background:#fef2f2;border:1px solid #fecaca;color:#7f1d1d}.alert--error.alert--outline{background:transparent;border-width:2px}.alert--error .alert__icon{color:#ef4444}.alert--banner{width:100%;border-radius:0;border-left:none;border-right:none}.alert__icon{flex-shrink:0;font-size:1.25em;line-height:1}.alert__content{flex:1;min-width:0}.alert__title{font-weight:600;margin-bottom:.25rem;line-height:1.4}.alert__description{line-height:1.5;opacity:.9}.alert__action{flex-shrink:0;display:flex;align-items:center;gap:.5rem}.alert__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:inherit;opacity:.6;cursor:pointer;transition:all .2s ease;font-size:1.25rem;line-height:1}.alert__close:hover{opacity:1;background:#0000000d}.toast{position:fixed;z-index:9999;animation:slideIn .3s ease}.toast--top{top:1rem;left:50%;transform:translate(-50%)}.toast--bottom{bottom:1rem;left:50%;transform:translate(-50%)}.toast--top-left{top:1rem;left:1rem}.toast--top-right{top:1rem;right:1rem}.toast--bottom-left{bottom:1rem;left:1rem}.toast--bottom-right{bottom:1rem;right:1rem}.toast__alert{box-shadow:0 4px 12px #00000026}.notification{display:flex;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;position:relative;transition:all .2s ease}.notification--info{border-left:4px solid #3b82f6}.notification--success{border-left:4px solid #10b981}.notification--warning{border-left:4px solid #f59e0b}.notification--error{border-left:4px solid #ef4444}.notification--unread{background:#f0f9ff}.notification--unread .notification__indicator{display:block}.notification--clickable{cursor:pointer}.notification--clickable:hover{background:#f9fafb;box-shadow:0 2px 8px #00000014}.notification__avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#e5e7eb;display:flex;align-items:center;justify-content:center}.notification__avatar img{width:100%;height:100%;object-fit:cover}.notification__content{flex:1;min-width:0}.notification__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.25rem}.notification__title{font-weight:600;color:#111827;line-height:1.4}.notification__timestamp{flex-shrink:0;font-size:.75rem;color:#9ca3af;margin-left:.75rem}.notification__description{font-size:.875rem;color:#6b7280;line-height:1.5}.notification__actions{display:flex;gap:.5rem;margin-top:.5rem}.notification__indicator{display:none;position:absolute;top:1rem;right:1rem;width:8px;height:8px;background:#3b82f6;border-radius:50%}.notification__close{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s ease;font-size:1.25rem;line-height:1}.notification__close:hover{background:#f3f4f6;color:#111827}.alert-container{position:fixed;left:50%;transform:translate(-50%);z-index:9000;display:flex;flex-direction:column;gap:.75rem;max-width:600px;width:100%;padding:1rem}.alert-container--top{top:1rem}.alert-container--bottom{bottom:1rem}.alert-container--center{top:50%;transform:translate(-50%,-50%)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.tabs{display:flex;flex-direction:column;width:100%}.tabs--horizontal .tabs__header{flex-direction:row;border-bottom:1px solid var(--border-color, #e2e8f0)}.tabs--vertical{flex-direction:row}.tabs--vertical .tabs__header{flex-direction:column;border-right:1px solid var(--border-color, #e2e8f0);border-bottom:none;min-width:200px}.tabs--vertical .tabs__content{flex:1;padding-left:var(--spacing-lg, 1.5rem)}.tabs--default .tabs__tab{background:transparent;border:none;border-bottom:2px solid transparent}.tabs--default .tabs__tab--active{border-bottom-color:var(--primary-color, #3b82f6);color:var(--primary-color, #3b82f6)}.tabs--pills .tabs__header{gap:var(--spacing-sm, .5rem);padding:var(--spacing-sm, .5rem);background:var(--bg-secondary, #f8fafc);border-radius:var(--radius-lg, .75rem);border:none}.tabs--pills .tabs__tab{background:transparent;border:none;border-radius:var(--radius-md, .5rem)}.tabs--pills .tabs__tab--active{background:var(--white, #ffffff);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.tabs--underline .tabs__tab{background:transparent;border:none;position:relative}.tabs--underline .tabs__tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:transparent;transition:background-color .2s ease}.tabs--underline .tabs__tab--active:after{background:var(--primary-color, #3b82f6)}.tabs--card .tabs__header{border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, .75rem) var(--radius-lg, .75rem) 0 0;overflow:hidden}.tabs--card .tabs__tab{background:var(--bg-secondary, #f8fafc);border-right:1px solid var(--border-color, #e2e8f0)}.tabs--card .tabs__tab:last-child{border-right:none}.tabs--card .tabs__tab--active{background:var(--white, #ffffff)}.tabs--card .tabs__content{border:1px solid var(--border-color, #e2e8f0);border-top:none;border-radius:0 0 var(--radius-lg, .75rem) var(--radius-lg, .75rem)}.tabs--small .tabs__tab{padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);font-size:var(--font-sm, .875rem)}.tabs--medium .tabs__tab{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);font-size:var(--font-base, 1rem)}.tabs--large .tabs__tab{padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);font-size:var(--font-lg, 1.125rem)}.tabs--full-width .tabs__tab{flex:1}.tabs--centered .tabs__header{justify-content:center}.tabs__header{display:flex;align-items:center;gap:var(--spacing-xs, .25rem);margin:0;padding:0;list-style:none}.tabs__tab{display:inline-flex;align-items:center;gap:var(--spacing-xs, .25rem);padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);background:transparent;border:none;color:var(--text-secondary, #64748b);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.tabs__tab:hover:not(.tabs__tab--disabled){color:var(--text-primary, #1e293b);background:var(--hover-bg, rgba(0, 0, 0, .04))}.tabs__tab--active{color:var(--primary-color, #3b82f6);font-weight:600}.tabs__tab--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.tabs__tab .tabs__icon{display:inline-flex;align-items:center;font-size:1.1em}.tabs__tab .tabs__label{display:inline-flex;align-items:center}.tabs__tab .tabs__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 var(--spacing-xs, .25rem);background:var(--badge-bg, #ef4444);color:var(--white, #ffffff);font-size:var(--font-xs, .75rem);font-weight:600;border-radius:var(--radius-full, 9999px);margin-left:var(--spacing-xs, .25rem)}.tabs__content{flex:1;padding:var(--spacing-md, 1rem);animation:fadeIn .2s ease}.tab-panel{display:block}.tab-panel[hidden]{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.tabs--horizontal .tabs__header{overflow-x:auto;scrollbar-width:thin}.tabs--horizontal .tabs__header::-webkit-scrollbar{height:4px}.tabs--horizontal .tabs__header::-webkit-scrollbar-thumb{background:var(--border-color, #e2e8f0);border-radius:var(--radius-full, 9999px)}.tabs--vertical{flex-direction:column}.tabs--vertical .tabs__header{flex-direction:row;border-right:none;border-bottom:1px solid var(--border-color, #e2e8f0);min-width:auto;width:100%}.tabs--vertical .tabs__content{padding-left:0;padding-top:var(--spacing-md, 1rem)}}@media (prefers-color-scheme: dark){.tabs{--border-color: #334155;--bg-secondary: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--hover-bg: rgba(255, 255, 255, .08);--white: #0f172a}}.progress{position:relative;width:100%;background:#e5e7eb;border-radius:9999px;overflow:hidden}.progress--tiny{height:2px}.progress--small{height:4px}.progress--medium{height:8px}.progress--large{height:12px}.progress--default .progress__bar{background:#6b7280}.progress--success .progress__bar{background:#10b981}.progress--warning .progress__bar{background:#f59e0b}.progress--danger .progress__bar{background:#ef4444}.progress--info .progress__bar{background:#3b82f6}.progress__bar{height:100%;transition:width .3s ease;display:flex;align-items:center;justify-content:center}.progress__label{color:#fff;font-size:.75rem;font-weight:500;padding:0 .5rem}.progress--striped .progress__bar{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:1rem 1rem}.progress--animated .progress__bar{animation:progress-stripes 1s linear infinite}.progress--indeterminate .progress__bar{width:30%!important;animation:progress-indeterminate 1.5s ease-in-out infinite}.circular-progress{position:relative;display:inline-flex;align-items:center;justify-content:center}.circular-progress__svg{transform:rotate(-90deg)}.circular-progress__background{fill:none;stroke:#e5e7eb}.circular-progress__bar{fill:none;stroke-linecap:round;transition:stroke-dashoffset .3s ease}.circular-progress--default .circular-progress__bar{stroke:#6b7280}.circular-progress--success .circular-progress__bar{stroke:#10b981}.circular-progress--warning .circular-progress__bar{stroke:#f59e0b}.circular-progress--danger .circular-progress__bar{stroke:#ef4444}.circular-progress--info .circular-progress__bar{stroke:#3b82f6}.circular-progress__label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:600}.circular-progress--indeterminate .circular-progress__bar{animation:circular-indeterminate 1.5s linear infinite}.spinner{display:inline-flex;align-items:center;justify-content:center}.spinner__circle{border:3px solid #e5e7eb;border-radius:50%;animation:spin 1s linear infinite}.spinner--tiny .spinner__circle{width:12px;height:12px;border-width:2px}.spinner--small .spinner__circle{width:16px;height:16px;border-width:2px}.spinner--medium .spinner__circle{width:24px;height:24px;border-width:3px}.spinner--large .spinner__circle{width:32px;height:32px;border-width:3px}.spinner--huge .spinner__circle{width:48px;height:48px;border-width:4px}.spinner--default .spinner__circle{border-top-color:#6b7280}.spinner--primary .spinner__circle{border-top-color:#3b82f6}.spinner--white .spinner__circle{border-color:#ffffff4d;border-top-color:#fff}.skeleton{background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%}.skeleton--text{border-radius:4px;margin-bottom:.5rem}.skeleton--text:last-child{margin-bottom:0}.skeleton--circle{border-radius:50%}.skeleton--rect{border-radius:8px}.skeleton--animated{animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes progress-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes circular-indeterminate{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}@keyframes skeleton-loading{0%{background-position:100% 0}to{background-position:-100% 0}}.persistent-notification-container{position:fixed;top:80px;right:20px;z-index:9999;max-width:450px;width:100%;max-height:80vh;overflow-y:auto;pointer-events:none}.persistent-notification-container>*{pointer-events:auto}.persistent-notification-container::-webkit-scrollbar{width:8px}.persistent-notification-container::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.persistent-notification-container::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}.persistent-notification-container::-webkit-scrollbar-thumb:hover{background:#667eea80}.persistent-notification{margin-bottom:1rem;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.persistent-notification--critical .notification-card{border-left:4px solid #ff073a;box-shadow:0 0 20px #ff073a33}.persistent-notification--critical .notification-header{background:linear-gradient(135deg,#ff073a0d,#ff073a05)}.persistent-notification--high .notification-card{border-left:4px solid #ffbf00;box-shadow:0 0 20px #ffbf0033}.persistent-notification--high .notification-header{background:linear-gradient(135deg,#ffbf000d,#ffbf0005)}.persistent-notification--medium .notification-card{border-left:4px solid #667eea;box-shadow:0 0 20px #667eea33}.persistent-notification--medium .notification-header{background:linear-gradient(135deg,#667eea0d,#667eea05)}.persistent-notification--low .notification-card{border-left:4px solid #00ff41;box-shadow:0 0 20px #00ff4133}.notification-card{background:#fff;border-radius:12px;padding:1.5rem;position:relative}.notification-card .notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e6ecf1}.notification-card .notification-header__title{display:flex;align-items:center;gap:.75rem}.notification-card .notification-header__title h3{margin:0;font-size:1.1rem;font-weight:600;color:#1a1f36}.notification-card .notification-header__close{background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;transition:color .2s}.notification-card .notification-header__close:hover{color:#ff073a}.notification-card .notification-content .notification-message{color:#647196;margin-bottom:1rem;line-height:1.5}.notification-card .notification-content .alert-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.notification-card .notification-content .alert-summary__item{display:flex;flex-direction:column;gap:.25rem}.notification-card .notification-content .alert-summary__item .label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.notification-card .notification-content .alert-summary__item .value{font-size:.9rem;color:#1a1f36;font-weight:500}.notification-card .notification-content .toggle-details{background:none;border:none;color:#667eea;font-size:.875rem;cursor:pointer;padding:.25rem 0;transition:color .2s}.notification-card .notification-content .toggle-details:hover{color:#764ba2;text-decoration:underline}.notification-card .notification-content .alert-details{margin-top:1rem;padding-top:1rem;border-top:1px solid #e6ecf1}.notification-card .notification-content .alert-details .customer-photo{text-align:center;margin-bottom:1rem}.notification-card .notification-content .alert-details .customer-photo img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #e6ecf1}.notification-card .notification-content .alert-details .emergency-contacts{margin-bottom:1rem}.notification-card .notification-content .alert-details .emergency-contacts h4{font-size:.9rem;color:#1a1f36;margin-bottom:.5rem}.notification-card .notification-content .alert-details .emergency-contacts .contact-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f7f9fc;border-radius:6px;margin-bottom:.5rem}.notification-card .notification-content .alert-details .emergency-contacts .contact-item .contact-name{font-weight:500;color:#1a1f36}.notification-card .notification-content .alert-details .emergency-contacts .contact-item .contact-relationship{color:#94a3b8;font-size:.875rem}.notification-card .notification-content .alert-details .emergency-contacts .contact-item .contact-phone{margin-left:auto;color:#667eea;text-decoration:none;font-weight:500}.notification-card .notification-content .alert-details .emergency-contacts .contact-item .contact-phone:hover{text-decoration:underline}.notification-card .notification-content .alert-details .evidence-section{margin-bottom:1rem}.notification-card .notification-content .alert-details .evidence-section h4{font-size:.9rem;color:#1a1f36;margin-bottom:.5rem}.notification-card .notification-content .alert-details .evidence-section .evidence-items{display:flex;gap:.5rem;flex-wrap:wrap}.notification-card .notification-content .alert-details .evidence-section .evidence-items .evidence-photo{width:60px;height:60px;object-fit:cover;border-radius:6px;cursor:pointer;border:2px solid #e6ecf1;transition:transform .2s}.notification-card .notification-content .alert-details .evidence-section .evidence-items .evidence-photo:hover{transform:scale(1.1);border-color:#667eea}.notification-card .notification-content .alert-details .evidence-section .evidence-items .evidence-document{padding:.5rem .75rem;background:#f7f9fc;border-radius:6px;color:#667eea;text-decoration:none;font-size:.875rem;transition:background .2s}.notification-card .notification-content .alert-details .evidence-section .evidence-items .evidence-document:hover{background:#e6ecf1}.notification-card .notification-content .alert-details .timeline-section h4{font-size:.9rem;color:#1a1f36;margin-bottom:.5rem}.notification-card .notification-content .alert-details .timeline-section .timeline-event{display:flex;gap:.75rem;align-items:center;padding:.5rem 0;border-bottom:1px solid #f0f4f8}.notification-card .notification-content .alert-details .timeline-section .timeline-event:last-child{border-bottom:none}.notification-card .notification-content .alert-details .timeline-section .timeline-event .timeline-time{font-size:.75rem;color:#94a3b8;min-width:60px}.notification-card .notification-content .alert-details .timeline-section .timeline-event .timeline-status{font-weight:500;color:#1a1f36;text-transform:capitalize}.notification-card .notification-content .alert-details .timeline-section .timeline-event .timeline-notes{color:#647196;font-size:.875rem;font-style:italic}.notification-card .notification-actions{display:flex;gap:.75rem;margin-top:1.5rem}.notification-card .notification-actions .action-button{flex:1}.notification-card .persistent-indicator{margin-top:1rem;padding:.5rem;background:linear-gradient(135deg,#ff073a05,#ff073a02);border:1px solid rgba(255,7,58,.1);border-radius:6px;color:#ff073a;font-size:.875rem;text-align:center}.response-form .form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#1a1f36}.response-form .response-notes-input{width:100%;padding:.75rem;border:2px solid #e6ecf1;border-radius:8px;font-size:.9rem;transition:border-color .2s;resize:vertical}.response-form .response-notes-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.response-form .warning-text{margin-top:.75rem;padding:.5rem;background:#ffbf000d;border-left:3px solid #ffbf00;color:#b87900;font-size:.875rem}@media (max-width: 768px){.persistent-notification-container{top:70px;right:10px;left:10px;max-width:calc(100vw - 20px)}.notification-card{padding:1rem}.notification-card .alert-summary{grid-template-columns:1fr}.notification-card .notification-actions{flex-direction:column}.notification-card .notification-actions .action-button{width:100%}}.alert-assignment-modal .alert-summary-card{margin-bottom:1.5rem;background:linear-gradient(135deg,#f7f9fc,#fff)}.alert-assignment-modal .alert-summary-card .alert-info{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.alert-assignment-modal .alert-summary-card .alert-info .info-item{display:flex;flex-direction:column;gap:.25rem}.alert-assignment-modal .alert-summary-card .alert-info .info-item .label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.alert-assignment-modal .alert-summary-card .alert-info .info-item .value{font-size:1rem;color:#1a1f36;font-weight:500}.alert-assignment-modal .assignment-tabs .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#647196}.alert-assignment-modal .assignment-tabs .loading-container p{margin-top:1rem}.alert-assignment-modal .assignment-tabs .no-employees{text-align:center;padding:3rem;color:#647196}.alert-assignment-modal .assignment-tabs .no-employees p{margin:.5rem 0}.alert-assignment-modal .assignment-tabs .no-employees p.hint{font-size:.875rem;color:#94a3b8;margin-top:1rem}.alert-assignment-modal .assignment-tabs .employees-list{max-height:400px;overflow-y:auto;padding:.5rem}.alert-assignment-modal .assignment-tabs .employees-list .branch-group{margin-bottom:1.5rem}.alert-assignment-modal .assignment-tabs .employees-list .branch-group .branch-title{font-size:.9rem;color:#647196;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e6ecf1}.alert-assignment-modal .assignment-tabs .employees-list .employee-card{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:.75rem;cursor:pointer;transition:all .2s ease;border:2px solid #e6ecf1}.alert-assignment-modal .assignment-tabs .employees-list .employee-card:hover{border-color:#667eea;background:linear-gradient(135deg,#667eea05,#764ba205)}.alert-assignment-modal .assignment-tabs .employees-list .employee-card.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea10,#764ba210);box-shadow:0 4px 12px #667eea1a}.alert-assignment-modal .assignment-tabs .employees-list .employee-card .employee-radio{flex-shrink:0}.alert-assignment-modal .assignment-tabs .employees-list .employee-card .employee-info{flex:1}.alert-assignment-modal .assignment-tabs .employees-list .employee-card .employee-info .employee-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.alert-assignment-modal .assignment-tabs .employees-list .employee-card .employee-info .employee-header .employee-name{font-size:1rem;font-weight:600;color:#1a1f36}.alert-assignment-modal .assignment-tabs .employees-list .employee-card .employee-info .employee-details{display:flex;gap:1rem;flex-wrap:wrap}.alert-assignment-modal .assignment-tabs .employees-list .employee-card .employee-info .employee-details .detail{font-size:.875rem;color:#647196}.alert-assignment-modal .assignment-tabs .auto-assignment{padding:1.5rem}.alert-assignment-modal .assignment-tabs .auto-assignment .auto-info h4{color:#1a1f36;margin-bottom:.75rem}.alert-assignment-modal .assignment-tabs .auto-assignment .auto-info p{color:#647196;margin-bottom:1rem}.alert-assignment-modal .assignment-tabs .auto-assignment .auto-info ul{margin:0;padding-left:1.5rem;color:#647196}.alert-assignment-modal .assignment-tabs .auto-assignment .auto-info ul li{margin-bottom:.5rem}.alert-assignment-modal .assignment-tabs .auto-assignment .auto-info .suggested-employee{margin-top:1.5rem;background:linear-gradient(135deg,#667eea05,#764ba205);border:2px solid #667eea}.alert-assignment-modal .assignment-tabs .auto-assignment .auto-info .suggested-employee h5{font-size:.9rem;color:#667eea;margin-bottom:.75rem}.alert-assignment-modal .assignment-tabs .auto-assignment .auto-info .suggested-employee .employee-preview{display:flex;flex-direction:column;gap:.5rem}.alert-assignment-modal .assignment-tabs .auto-assignment .auto-info .suggested-employee .employee-preview .name{font-size:1.1rem;font-weight:600;color:#1a1f36}.alert-assignment-modal .assignment-tabs .auto-assignment .auto-info .suggested-employee .employee-preview .branch{color:#647196;font-size:.9rem}.alert-assignment-modal .assignment-tabs .auto-assignment .auto-info .suggested-employee .employee-preview .distance{color:#667eea;font-size:.875rem;font-weight:500}.alert-assignment-modal .assignment-tabs .branch-assignment{padding:1rem}.alert-assignment-modal .assignment-tabs .branch-assignment p{color:#647196;margin-bottom:1.5rem}.alert-assignment-modal .assignment-tabs .branch-assignment h5{font-size:.9rem;color:#647196;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.alert-assignment-modal .assignment-tabs .branch-assignment .branch-card{display:flex;align-items:center;justify-content:space-between;padding:1rem;margin-bottom:.75rem;cursor:pointer;transition:all .2s ease;border:2px solid #e6ecf1}.alert-assignment-modal .assignment-tabs .branch-assignment .branch-card:hover{border-color:#667eea;background:linear-gradient(135deg,#667eea05,#764ba205)}.alert-assignment-modal .assignment-tabs .branch-assignment .branch-card.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea10,#764ba210);box-shadow:0 4px 12px #667eea1a}.alert-assignment-modal .admin-notice{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#667eea05,#764ba205);border:1px solid rgba(102,126,234,.2);border-radius:8px;display:flex;align-items:center;gap:.75rem}.alert-assignment-modal .admin-notice p{margin:0;color:#647196;font-size:.875rem}@media (max-width: 768px){.alert-assignment-modal .alert-summary-card .alert-info{grid-template-columns:1fr}.alert-assignment-modal .assignment-tabs .employee-card .employee-info .employee-details{flex-direction:column;gap:.25rem}}.alert-escalation-modal .priority-banner{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#ff073a05,#ffbf0005);border:1px solid rgba(255,7,58,.1);border-radius:8px;margin-bottom:1.5rem}.alert-escalation-modal .priority-banner .department{font-weight:600;color:#1a1f36}.alert-escalation-modal .escalation-card{margin-bottom:1.5rem;background:linear-gradient(135deg,#ffbf0010,#ff073a05);border:2px solid rgba(255,191,0,.2)}.alert-escalation-modal .escalation-card .escalation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.alert-escalation-modal .escalation-card .escalation-header h3{margin:0;font-size:1.1rem;color:#1a1f36}.alert-escalation-modal .escalation-card .escalation-details{display:grid;grid-template-columns:1fr;gap:.75rem}.alert-escalation-modal .escalation-card .escalation-details .detail-item{display:flex;gap:.5rem}.alert-escalation-modal .escalation-card .escalation-details .detail-item .label{font-weight:500;color:#647196;min-width:100px}.alert-escalation-modal .escalation-card .escalation-details .detail-item .value{color:#1a1f36}.alert-escalation-modal .alert-tabs .alert-details .section{margin-bottom:2rem}.alert-escalation-modal .alert-tabs .alert-details .section h4{font-size:1rem;font-weight:600;color:#1a1f36;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e6ecf1}.alert-escalation-modal .alert-tabs .alert-details .section .info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.alert-escalation-modal .alert-tabs .alert-details .section .info-grid .info-item{display:flex;flex-direction:column;gap:.25rem}.alert-escalation-modal .alert-tabs .alert-details .section .info-grid .info-item .label{font-size:.875rem;color:#94a3b8}.alert-escalation-modal .alert-tabs .alert-details .section .info-grid .info-item .value{font-size:1rem;color:#1a1f36;font-weight:500}.alert-escalation-modal .alert-tabs .alert-details .section .customer-photo{text-align:center;margin-top:1rem}.alert-escalation-modal .alert-tabs .alert-details .section .customer-photo img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #e6ecf1;box-shadow:0 4px 12px #0000001a}.alert-escalation-modal .alert-tabs .alert-details .section .contacts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.alert-escalation-modal .alert-tabs .alert-details .section .contacts-list .contact-card{padding:1rem;display:flex;flex-direction:column;gap:.5rem;transition:transform .2s}.alert-escalation-modal .alert-tabs .alert-details .section .contacts-list .contact-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea1a}.alert-escalation-modal .alert-tabs .alert-details .section .contacts-list .contact-card .contact-name{font-weight:600;color:#1a1f36;font-size:1rem}.alert-escalation-modal .alert-tabs .alert-details .section .contacts-list .contact-card .contact-relationship{color:#94a3b8;font-size:.875rem;text-transform:capitalize}.alert-escalation-modal .alert-tabs .alert-details .section .contacts-list .contact-card .contact-phone{color:#667eea;text-decoration:none;font-weight:500;display:flex;align-items:center;gap:.25rem}.alert-escalation-modal .alert-tabs .alert-details .section .contacts-list .contact-card .contact-phone:hover{text-decoration:underline}.alert-escalation-modal .alert-tabs .alert-details .section .status-info{display:flex;align-items:center;gap:1rem}.alert-escalation-modal .alert-tabs .alert-details .section .status-info .status-description{color:#647196}.alert-escalation-modal .alert-tabs .assignment-history{max-height:400px;overflow-y:auto}.alert-escalation-modal .alert-tabs .assignment-history .history-card{margin-bottom:1rem;padding:1rem}.alert-escalation-modal .alert-tabs .assignment-history .history-card .history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.alert-escalation-modal .alert-tabs .assignment-history .history-card .history-header .action-type{font-weight:600;color:#1a1f36}.alert-escalation-modal .alert-tabs .assignment-history .history-card .history-header .timestamp{font-size:.875rem;color:#94a3b8}.alert-escalation-modal .alert-tabs .assignment-history .history-card .history-details{display:flex;flex-direction:column;gap:.5rem}.alert-escalation-modal .alert-tabs .assignment-history .history-card .history-details .detail{display:flex;gap:.5rem}.alert-escalation-modal .alert-tabs .assignment-history .history-card .history-details .detail .label{font-size:.875rem;color:#94a3b8;min-width:80px}.alert-escalation-modal .alert-tabs .assignment-history .history-card .history-details .detail .value{color:#647196;font-size:.875rem}.alert-escalation-modal .alert-tabs .assignment-history .no-history{text-align:center;color:#94a3b8;padding:3rem}.alert-escalation-modal .alert-tabs .recommendations .section{margin-bottom:2rem}.alert-escalation-modal .alert-tabs .recommendations .section h4{font-size:1rem;font-weight:600;color:#1a1f36;margin-bottom:.5rem}.alert-escalation-modal .alert-tabs .recommendations .section .hint{color:#94a3b8;font-size:.875rem;margin-bottom:1rem}.alert-escalation-modal .alert-tabs .recommendations .section .branch-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.alert-escalation-modal .alert-tabs .recommendations .section .branch-list .branch-card{padding:1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s}.alert-escalation-modal .alert-tabs .recommendations .section .branch-list .branch-card:hover{transform:translateY(-2px);border-color:#667eea;background:linear-gradient(135deg,#667eea05,#764ba205)}.alert-escalation-modal .alert-tabs .recommendations .section .branch-list .branch-card .branch-name{font-weight:600;color:#1a1f36}.alert-escalation-modal .alert-tabs .recommendations .section .recommendations-list{margin:0;padding-left:1.5rem;color:#647196}.alert-escalation-modal .alert-tabs .recommendations .section .recommendations-list li{margin-bottom:.5rem;line-height:1.5}.alert-escalation-modal .alert-tabs .recommendations .auto-assign-card{background:linear-gradient(135deg,#667eea05,#764ba205);border:2px solid rgba(102,126,234,.2);padding:1.5rem;text-align:center}.alert-escalation-modal .alert-tabs .recommendations .auto-assign-card h4{margin:0 0 .5rem;color:#667eea}.alert-escalation-modal .alert-tabs .recommendations .auto-assign-card p{color:#647196;margin-bottom:1rem}.alert-escalation-modal .persistent-notice{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#ff073a05,#ff073a02);border:1px solid rgba(255,7,58,.1);border-radius:6px;color:#ff073a;font-size:.875rem;text-align:center}.alert-escalation-modal .footer-actions{display:flex;justify-content:space-between;width:100%}.alert-escalation-modal .footer-actions .left-actions,.alert-escalation-modal .footer-actions .right-actions{display:flex;gap:.75rem}@media (max-width: 768px){.alert-escalation-modal .priority-banner{flex-direction:column;gap:.5rem;text-align:center}.alert-escalation-modal .alert-tabs .alert-details .info-grid,.alert-escalation-modal .alert-tabs .alert-details .contacts-list,.alert-escalation-modal .alert-tabs .recommendations .branch-list{grid-template-columns:1fr}.alert-escalation-modal .footer-actions{flex-direction:column;gap:.75rem}.alert-escalation-modal .footer-actions .left-actions,.alert-escalation-modal .footer-actions .right-actions{width:100%;justify-content:center}}.department-availability-widget{padding:1.5rem}.department-availability-widget h3{margin-bottom:1rem;color:#1a1f36}.department-availability-widget .departments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.department-availability-widget .departments-grid .department-item{text-align:center;padding:1rem;background:#f7f9fc;border-radius:8px}.department-availability-widget .departments-grid .department-item h4{text-transform:capitalize;color:#647196;margin-bottom:.5rem}.department-availability-widget .departments-grid .department-item .stats{display:flex;flex-direction:column;gap:.25rem}.employee-location-tracker{padding:1.5rem}.employee-location-tracker h3{margin-bottom:1rem;color:#1a1f36}.employee-location-tracker .locations-list{display:flex;flex-direction:column;gap:.75rem}.employee-location-tracker .locations-list .location-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f7f9fc;border-radius:6px}.employee-location-tracker .locations-list .location-item .employee-id{font-weight:600;color:#1a1f36}.employee-location-tracker .locations-list .location-item .coordinates{font-family:Monaco,monospace;font-size:.875rem;color:#647196}.employee-location-tracker .locations-list .location-item .status{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;text-transform:uppercase}.employee-location-tracker .locations-list .location-item .status--active{background:#00ff4120;color:#00a832}.employee-location-tracker .locations-list .location-item .status--inactive{background:#ff073a20;color:#ff073a}.google-map-container{width:100%;height:100%;border-radius:20px;overflow:hidden;position:relative}.google-map{width:100%;height:100%;border-radius:20px}.gm-style .yNHHyP-marker-view{color:#ff3600!important}.gm-style .yNHHyP-marker-view svg{fill:#ff3600!important;color:#ff3600!important}.gm-style .yNHHyP-marker-view path{fill:#ff3600!important;stroke:#ff3600!important}.gm-style gmp-advanced-marker{color:inherit!important}.gm-style gmp-advanced-marker svg{fill:currentColor!important}.gm-style gmp-advanced-marker path{fill:currentColor!important}.branch-google-map .google-map{border-radius:16px;box-shadow:0 6px 24px #00568f14}.branch-google-map .google-map:hover{box-shadow:0 8px 32px #00568f1f}.google-incident-marker{position:relative;width:36px;height:36px;cursor:pointer;z-index:3;transform:translate(-50%,-100%);transition:all .3s ease}.google-incident-marker .marker-icon-container{position:relative;width:100%;height:100%}.google-incident-marker .location-icon{width:100%;height:100%;transition:all .3s ease}.google-incident-marker:hover{transform:translate(-50%,-100%) scale(1.1)}.google-incident-marker:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border:3px solid;border-radius:50%;animation:incidentPulseSmooth 2s ease-in-out infinite;pointer-events:none}.google-incident-marker.active{color:#ff3600!important;animation:activeMarkerGrow 2s ease-in-out infinite}.google-incident-marker.active:before{border-color:#ff3600}.google-incident-marker.active .location-icon{fill:#ff3600!important;color:#ff3600!important}.google-incident-marker.investigating{color:#8b5cf6!important;animation:investigatingMarkerGrow 2s ease-in-out infinite}.google-incident-marker.investigating:before{border-color:#8b5cf6}.google-incident-marker.investigating .location-icon{fill:#8b5cf6!important;color:#8b5cf6!important}.google-incident-marker.in-progress{color:#ffc900!important;animation:inProgressMarkerGrow 2s ease-in-out infinite}.google-incident-marker.in-progress:before{border-color:#ffc900}.google-incident-marker.in-progress .location-icon{fill:#ffc900!important;color:#ffc900!important}.google-incident-marker.resolved{color:#48ff00!important;animation:resolvedMarkerGlow 2s ease-in-out}.google-incident-marker.resolved:before{border-color:#48ff00}.google-incident-marker.resolved .location-icon{fill:#48ff00!important;color:#48ff00!important}.google-incident-marker.new-incident{animation:markerSlideIn .6s cubic-bezier(.4,0,.2,1)}.google-incident-marker.updating{animation:markerUpdate 1s ease-in-out}.google-incident-marker.leaving{animation:markerFadeOut 2s ease-in-out forwards}.google-branch-marker{position:relative;width:40px;height:40px;cursor:pointer;z-index:3;transform:translate(-50%,-100%);transition:all .3s ease}.google-branch-marker .marker-icon-container{position:relative;width:100%;height:100%}.google-branch-marker .shield-icon{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:all .3s ease}.google-branch-marker:hover{transform:translate(-50%,-100%) scale(1.1);z-index:10}.google-branch-marker:hover .shield-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.google-branch-marker .branch-info{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#10b981f2;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;box-shadow:0 2px 8px #0003;z-index:1000}.google-branch-marker .branch-info:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#4caf50f2}.google-branch-marker:hover .branch-info{opacity:1;visibility:visible;transform:translate(-50%) translateY(-8px)}.google-branch-marker .branch-title{font-weight:600;margin-bottom:2px}.google-branch-marker .branch-location{font-size:11px;opacity:.9}.street-view-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;flex-direction:column;border-radius:20px;transition:all .3s ease-out}.street-view-overlay.visible{opacity:1;visibility:visible;transform:scale(1);animation:streetViewFadeIn .3s ease-out}.street-view-overlay.hidden{opacity:0;visibility:hidden;transform:scale(.95);pointer-events:none}@keyframes streetViewFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.street-view-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.1)}.street-view-header h3{color:#fff;margin:0;font-size:1.2rem;font-weight:600}.close-street-view{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-street-view:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.close-street-view svg{width:20px;height:20px;stroke-width:2}.street-view-container{flex:1;border-radius:0 0 20px 20px;overflow:hidden}@keyframes incidentPulseSmooth{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes activeMarkerGrow{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes investigatingMarkerGrow{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes inProgressMarkerGrow{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes resolvedMarkerGlow{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes markerSlideIn{0%{opacity:0;transform:translate(-50%,-100%) translateY(-20px) scale(.8)}50%{opacity:.8;transform:translate(-50%,-100%) translateY(-5px) scale(1.1)}to{opacity:1;transform:translate(-50%,-100%) translateY(0) scale(1)}}@keyframes markerUpdate{0%,to{transform:translate(-50%,-100%) scale(1)}25%{transform:translate(-50%,-100%) scale(1.15) rotate(-5deg)}75%{transform:translate(-50%,-100%) scale(1.15) rotate(5deg)}}@keyframes markerFadeOut{0%{opacity:1;transform:translate(-50%,-100%) scale(1)}50%{opacity:.5;transform:translate(-50%,-100%) scale(1.2)}to{opacity:0;transform:translate(-50%,-100%) scale(.8) translateY(-10px)}}.google-map-container .google-map-controls{position:absolute;top:20px;left:20px;z-index:10;display:flex;gap:10px}.map-controls{display:flex;gap:10px}.map-controls .trail-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fffffff2;border:none;border-radius:25px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-controls .trail-toggle:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.map-controls .trail-toggle.active{background:linear-gradient(135deg,#ff6b35,#ff8a65);color:#fff}.map-controls .trail-toggle.active:hover{background:linear-gradient(135deg,#ff5722,#ff7043)}.map-controls .trail-toggle svg{transition:all .3s ease}.map-controls .trail-toggle.active svg{color:#fff}.map-controls .trail-filter-container{position:relative;display:flex;align-items:center}.map-controls .trail-filter-container .trail-filter-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fffffff2;border:none;border-radius:25px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-controls .trail-filter-container .trail-filter-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.map-controls .trail-filter-container .trail-filter-btn.active{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.map-controls .trail-filter-container .trail-filter-btn.active:hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.map-controls .trail-filter-container .trail-filter-btn svg{transition:all .3s ease}.map-controls .trail-filter-container .trail-filter-btn.active svg{color:#fff}.map-controls .trail-filter-container .trail-filter-dropdown{position:absolute;top:100%;left:0;margin-top:10px;background:#fffffffa;border-radius:12px;box-shadow:0 8px 32px #00000026;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:200px;z-index:1000;animation:dropdown-enter .3s ease}.map-controls .trail-filter-container .trail-filter-dropdown .filter-header{padding:12px 16px;font-size:13px;font-weight:600;color:#374151;border-bottom:1px solid rgba(209,213,219,.3);text-align:center}.map-controls .trail-filter-container .trail-filter-dropdown .filter-options{padding:8px 0}.map-controls .trail-filter-container .trail-filter-dropdown .filter-options .filter-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:none;border:none;font-size:14px;color:#374151;cursor:pointer;transition:all .2s ease}.map-controls .trail-filter-container .trail-filter-dropdown .filter-options .filter-option:hover{background:#8b5cf61a;color:#8b5cf6}.map-controls .trail-filter-container .trail-filter-dropdown .filter-options .filter-option.selected{background:#8b5cf626;color:#8b5cf6;font-weight:600}.map-controls .trail-filter-container .trail-filter-dropdown .filter-options .filter-option .filter-color{width:16px;height:16px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.map-controls .trail-filter-container .trail-filter-dropdown .filter-options .filter-option .filter-color.all{background:linear-gradient(45deg,#ff6b35,#1e40af,#dc2626,#f59e0b,#059669)}.map-controls .trail-filter-container .trail-filter-dropdown .filter-options .filter-option .filter-color.medical{background:#1e40af}.map-controls .trail-filter-container .trail-filter-dropdown .filter-options .filter-option .filter-color.fire{background:#dc2626}.map-controls .trail-filter-container .trail-filter-dropdown .filter-options .filter-option .filter-color.road{background:#f59e0b}.map-controls .trail-filter-container .trail-filter-dropdown .filter-options .filter-option .filter-color.security{background:#059669}.map-controls .alerts-filter-container{position:relative;display:flex;align-items:center}.map-controls .alerts-filter-container .alerts-filter-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fffffff2;border:none;border-radius:25px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-controls .alerts-filter-container .alerts-filter-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.map-controls .alerts-filter-container .alerts-filter-btn.active{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.map-controls .alerts-filter-container .alerts-filter-btn.active:hover{background:linear-gradient(135deg,#047857,#059669)}.map-controls .alerts-filter-container .alerts-filter-btn svg{transition:all .3s ease}.map-controls .alerts-filter-container .alerts-filter-btn.active svg{color:#fff}.map-controls .alerts-filter-container .alerts-filter-dropdown{position:absolute;top:100%;left:0;margin-top:10px;background:#fffffffa;border-radius:12px;box-shadow:0 8px 32px #00000026;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:180px;z-index:1000;animation:dropdown-enter .3s ease}.map-controls .alerts-filter-container .alerts-filter-dropdown .filter-header{padding:12px 16px;font-size:13px;font-weight:600;color:#374151;border-bottom:1px solid rgba(209,213,219,.3);text-align:center}.map-controls .alerts-filter-container .alerts-filter-dropdown .filter-options{padding:8px 0}.map-controls .alerts-filter-container .alerts-filter-dropdown .filter-options .filter-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:none;border:none;font-size:14px;color:#374151;cursor:pointer;transition:all .2s ease}.map-controls .alerts-filter-container .alerts-filter-dropdown .filter-options .filter-option:hover{background:#0596691a;color:#059669}.map-controls .alerts-filter-container .alerts-filter-dropdown .filter-options .filter-option.selected{background:#05966926;color:#059669;font-weight:600}.map-controls .alerts-filter-container .alerts-filter-dropdown .filter-options .filter-option .alert-mode-icon{width:16px;height:16px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.map-controls .alerts-filter-container .alerts-filter-dropdown .filter-options .filter-option .alert-mode-icon.active{background:#ff3600}.map-controls .alerts-filter-container .alerts-filter-dropdown .filter-options .filter-option .alert-mode-icon.all{background:linear-gradient(45deg,#ff6b35,#1e40af,#dc2626,#f59e0b,#059669)}.historical-trail .trail-line{stroke:#ff6b35;stroke-width:3;fill:none;stroke-dasharray:5,5;animation:dash 20s linear infinite}.historical-trail .trail-arrow{fill:#ff6b35;stroke:#ff6b35;stroke-width:1}.historical-trail .trail-point{fill:#ff6b35;stroke:#fff;stroke-width:2;opacity:.8;transition:all .3s ease}.historical-trail .trail-point:hover{opacity:1;transform:scale(1.2)}.trail-legend{position:absolute;bottom:20px;left:20px;background:#fffffff2;padding:15px;border-radius:10px;box-shadow:0 4px 12px #00000026;font-size:12px;min-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.trail-legend h4{margin:0 0 10px;font-size:14px;color:#1f2937;font-weight:600}.trail-legend .legend-items{display:flex;flex-direction:column;gap:8px}.trail-legend .legend-item{display:flex;align-items:center;gap:10px}.trail-legend .legend-item .legend-color{width:16px;height:3px;border-radius:2px}.trail-legend .legend-item .legend-color.medical{background:#1e40af}.trail-legend .legend-item .legend-color.fire{background:#dc2626}.trail-legend .legend-item .legend-color.road{background:#f59e0b}.trail-legend .legend-item .legend-color.security{background:#059669}.trail-legend .legend-item .legend-text{color:#374151;font-weight:500}.trail-legend .trail-info{margin-top:10px;padding-top:10px;border-top:1px solid #e5e7eb;color:#6b7280;font-size:11px}@keyframes trailPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes trailFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-50px}}.trail-marker{animation:trailPulse 2s ease-in-out infinite}.trail-segment{stroke-dasharray:10,5;animation:trailFlow 2s linear infinite}@keyframes dash{to{stroke-dashoffset:-100}}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.incident-hover-tooltip .incident-status{display:inline-block;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.incident-hover-tooltip .incident-status.active{background:#e8f5e8;color:#2e7d32}.incident-hover-tooltip .incident-status.investigating{background:#fff3e0;color:#f57c00}.incident-hover-tooltip .incident-status.in-progress{background:#e3f2fd;color:#1976d2}.incident-hover-tooltip .incident-status.resolved{background:#f3e5f5;color:#7b1fa2}.map-view{display:flex;flex-direction:column;position:relative;width:100%;height:100%;background:var(--bg-surface, #ffffff);border-radius:8px;overflow:hidden}.map-view--default{border:1px solid var(--border-light, #e5e5e5);box-shadow:0 2px 4px #0000001a}.map-view--compact{border-radius:4px}.map-view--compact .map-view__controls{padding:.5rem;gap:.5rem}.map-view--fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;border-radius:0;border:none;box-shadow:none}.map-view--small{min-height:300px}.map-view--small .map-view__controls{font-size:.875rem}.map-view--medium{min-height:400px}.map-view--large{min-height:600px}.map-view__controls{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-surface-elevated, #f8f9fa);border-bottom:1px solid var(--border-light, #e5e5e5);gap:1rem;flex-wrap:wrap}.map-view__controls .map-style-controls{display:flex;gap:.5rem}.map-view__controls .map-style-controls .style-btn{padding:.5rem 1rem;border:1px solid var(--border-medium, #d1d5db);background:var(--bg-surface, #ffffff);color:var(--text-primary, #1f2937);border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.map-view__controls .map-style-controls .style-btn:hover{background:var(--bg-surface-hover, #f3f4f6);border-color:var(--border-dark, #9ca3af)}.map-view__controls .map-style-controls .style-btn:focus{outline:2px solid var(--accent-primary, #3b82f6);outline-offset:2px}.map-view__controls .map-style-controls .style-btn.active{background:var(--accent-primary, #3b82f6);color:var(--text-on-primary, #ffffff);border-color:var(--accent-primary, #3b82f6)}.map-view__controls .map-style-controls .style-btn:disabled{opacity:.5;cursor:not-allowed}.map-view__controls .alert-count{color:var(--text-secondary, #6b7280);font-size:.875rem;font-weight:500}.map-view__controls .alert-count span{padding:.25rem .5rem;background:var(--bg-info-light, #dbeafe);color:var(--text-info, #1e40af);border-radius:12px;font-size:.75rem}.map-view__container{flex:1;position:relative;overflow:hidden}.map-view__container .map-view__map{width:100%;height:100%;min-height:inherit}.map-view__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--text-secondary, #6b7280)}.map-view__loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border-light, #e5e5e5);border-top:3px solid var(--accent-primary, #3b82f6);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.map-view__loading p{margin:0;font-size:.875rem}.map-view__error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--text-error, #dc2626);text-align:center;padding:2rem}.map-view__error p{margin:0 0 1rem;font-size:.875rem}.map-view__error button{padding:.5rem 1rem;background:var(--accent-primary, #3b82f6);color:var(--text-on-primary, #ffffff);border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.map-view__error button:hover{background:var(--accent-primary-hover, #2563eb)}.map-view__error button:focus{outline:2px solid var(--accent-primary, #3b82f6);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){.map-view__controls{flex-direction:column;align-items:stretch;gap:.75rem}.map-view__controls .map-style-controls{justify-content:center}.map-view__controls .alert-count{text-align:center}.map-view--fullscreen .map-view__controls{padding:.75rem}}@media (max-width: 480px){.map-view__controls{padding:.75rem}.map-view__controls .map-style-controls .style-btn{padding:.375rem .75rem;font-size:.75rem}.map-view--small{min-height:250px}.map-view--medium{min-height:300px}.map-view--large{min-height:400px}}@media (prefers-contrast: high){.map-view{border-color:var(--border-high-contrast, #000000)}.map-view__controls{border-bottom-color:var(--border-high-contrast, #000000)}.map-view__controls .style-btn{border-color:var(--border-high-contrast, #000000)}.map-view__controls .style-btn.active{background:var(--bg-high-contrast-active, #000000);color:var(--text-high-contrast-active, #ffffff)}}@media (prefers-reduced-motion: reduce){.map-view .loading-spinner{animation:none}.map-view .style-btn{transition:none}}.trail-playback{display:flex;flex-direction:column;padding:16px 20px;background:#f8f9fa;border-top:1px solid #e9ecef}.playback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.playback-header .playback-info{display:flex;flex-direction:column;gap:4px}.playback-header .playback-info .current-time{font-size:18px;font-weight:600;color:#333;font-family:Courier New,monospace}.playback-header .playback-info .duration{font-size:12px;color:#666;font-weight:500}.playback-header .movement-info{display:flex;gap:20px}.playback-header .movement-info .speed-indicator,.playback-header .movement-info .heading-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #dee2e6;border-radius:6px}.playback-header .movement-info .speed-indicator .indicator-icon,.playback-header .movement-info .heading-indicator .indicator-icon{font-size:16px}.playback-header .movement-info .speed-indicator .indicator-value,.playback-header .movement-info .heading-indicator .indicator-value{font-size:14px;font-weight:600;color:#333;font-family:Courier New,monospace}.playback-timeline{margin-bottom:16px}.playback-timeline .timeline-container{position:relative;height:20px;margin-bottom:8px}.playback-timeline .timeline-container .timeline-slider{width:100%;height:6px;border-radius:3px;background:#e9ecef;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.playback-timeline .timeline-container .timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#00d4ff;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.playback-timeline .timeline-container .timeline-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#00d4ff;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.playback-timeline .timeline-container .timeline-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #00d4ff4d}.playback-timeline .timeline-container .timeline-slider:focus::-moz-range-thumb{box-shadow:0 0 0 3px #00d4ff4d}.playback-timeline .timeline-container .timeline-progress{position:absolute;top:7px;left:0;height:6px;background:#00d4ff;border-radius:3px;pointer-events:none;transition:width .2s ease}.playback-timeline .timeline-container .timeline-markers{position:absolute;top:0;left:0;right:0;height:20px;pointer-events:none}.playback-timeline .timeline-container .timeline-markers .timeline-marker{position:absolute;top:4px;width:2px;height:12px;background:#ffc107;border-radius:1px;transform:translate(-50%)}.playback-timeline .timeline-container .timeline-markers .timeline-marker:after{content:"";position:absolute;top:-2px;left:-2px;width:6px;height:6px;background:#ffc107;border-radius:50%}.playback-timeline .timeline-labels{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#666}.playback-timeline .timeline-labels .timeline-start,.playback-timeline .timeline-labels .timeline-end{font-family:Courier New,monospace;font-weight:500}.playback-timeline .timeline-labels .timeline-current{font-weight:600;color:#333}.playback-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.playback-controls .control-buttons{display:flex;align-items:center;gap:8px}.playback-controls .control-buttons .btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.playback-controls .control-buttons .btn:disabled{opacity:.6;cursor:not-allowed}.playback-controls .control-buttons .btn--primary{background:#00d4ff;color:#fff}.playback-controls .control-buttons .btn--primary:hover:not(:disabled){background:#00b8e6}.playback-controls .control-buttons .btn--secondary{background:#fff;color:#333;border:1px solid #dee2e6}.playback-controls .control-buttons .btn--secondary:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.playback-controls .control-buttons .btn--small{padding:6px 12px;font-size:12px}.playback-controls .speed-controls{display:flex;align-items:center;gap:8px}.playback-controls .speed-controls .speed-label{font-size:14px;font-weight:500;color:#333}.playback-controls .speed-controls .speed-select{padding:6px 8px;border:1px solid #dee2e6;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}.playback-controls .speed-controls .speed-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.point-details{padding:12px 16px;background:#fff;border:1px solid #dee2e6;border-radius:6px}.point-details .point-info .point-coordinates{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-family:Courier New,monospace;font-size:13px}.point-details .point-info .point-coordinates .coord-label{font-weight:600;color:#666}.point-details .point-info .point-coordinates .coord-value{color:#333;font-weight:500}.point-details .point-info .point-metadata{display:flex;gap:16px;flex-wrap:wrap}.point-details .point-info .point-metadata .metadata-item{display:flex;align-items:center;gap:4px;font-size:12px}.point-details .point-info .point-metadata .metadata-item .metadata-label{color:#666;font-weight:500}.point-details .point-info .point-metadata .metadata-item .metadata-value{color:#333;font-weight:600}.point-details .point-info .point-metadata .metadata-item .metadata-value.source-gps{color:#28a745}.point-details .point-info .point-metadata .metadata-item .metadata-value.source-network{color:#ffc107}.point-details .point-info .point-metadata .metadata-item .metadata-value.source-manual{color:#6f42c1}.point-details .point-info .point-metadata .metadata-item .metadata-value.source-estimated{color:#dc3545}@media (max-width: 768px){.trail-playback{padding:12px 16px}.playback-header{flex-direction:column;gap:12px;align-items:stretch}.playback-header .movement-info{justify-content:space-between;gap:12px}.playback-header .movement-info .speed-indicator,.playback-header .movement-info .heading-indicator{flex:1;justify-content:center}.playback-controls{flex-direction:column;gap:12px;align-items:stretch}.playback-controls .control-buttons,.playback-controls .speed-controls{justify-content:center}.point-details .point-info .point-coordinates{flex-direction:column;gap:4px;align-items:flex-start}.point-details .point-info .point-metadata{flex-direction:column;gap:8px}}@media (prefers-contrast: high){.timeline-slider,.speed-select,.point-details{border:2px solid #000}}@media (prefers-reduced-motion: reduce){.timeline-progress,.btn{transition:none}}@media (prefers-color-scheme: dark){.trail-playback{background:#2d3748;border-color:#4a5568}.playback-header .playback-info .current-time{color:#f7fafc}.playback-header .playback-info .duration{color:#a0aec0}.playback-header .movement-info .speed-indicator,.playback-header .movement-info .heading-indicator{background:#1a202c;border-color:#4a5568}.playback-header .movement-info .speed-indicator .indicator-value,.playback-header .movement-info .heading-indicator .indicator-value{color:#f7fafc}.timeline-container .timeline-slider{background:#4a5568}.timeline-labels{color:#a0aec0}.timeline-labels .timeline-current,.speed-controls .speed-label{color:#f7fafc}.speed-controls .speed-select{background:#1a202c;border-color:#4a5568;color:#f7fafc}.point-details{background:#1a202c;border-color:#4a5568}.point-details .point-info .point-coordinates .coord-label{color:#a0aec0}.point-details .point-info .point-coordinates .coord-value{color:#f7fafc}.point-details .point-info .point-metadata .metadata-item .metadata-label{color:#a0aec0}.point-details .point-info .point-metadata .metadata-item .metadata-value{color:#f7fafc}}.accuracy-indicator{display:flex;flex-direction:column;gap:20px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e9ecef}.selected-point-accuracy .accuracy-title{font-size:16px;font-weight:600;color:#333;margin:0 0 12px}.selected-point-accuracy .point-accuracy-details{display:flex;gap:16px;align-items:center}.selected-point-accuracy .point-accuracy-details .accuracy-circle .accuracy-level{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;color:#fff;font-size:12px;font-weight:600;text-align:center;box-shadow:0 2px 8px #0000001a}.selected-point-accuracy .point-accuracy-details .accuracy-circle .accuracy-level--excellent{background:#28a745}.selected-point-accuracy .point-accuracy-details .accuracy-circle .accuracy-level--good{background:#17a2b8}.selected-point-accuracy .point-accuracy-details .accuracy-circle .accuracy-level--fair{background:#ffc107;color:#333}.selected-point-accuracy .point-accuracy-details .accuracy-circle .accuracy-level--poor{background:#dc3545}.selected-point-accuracy .point-accuracy-details .accuracy-info{flex:1}.selected-point-accuracy .point-accuracy-details .accuracy-info .accuracy-meta{display:flex;flex-direction:column;gap:8px}.selected-point-accuracy .point-accuracy-details .accuracy-info .accuracy-meta .meta-item{display:flex;align-items:center;gap:8px;font-size:14px}.selected-point-accuracy .point-accuracy-details .accuracy-info .accuracy-meta .meta-item .meta-label{font-weight:500;color:#666;min-width:60px}.selected-point-accuracy .point-accuracy-details .accuracy-info .accuracy-meta .meta-item .meta-value{font-weight:600;color:#333}.selected-point-accuracy .point-accuracy-details .accuracy-info .accuracy-meta .meta-item .meta-value.level-excellent{color:#28a745}.selected-point-accuracy .point-accuracy-details .accuracy-info .accuracy-meta .meta-item .meta-value.level-good{color:#17a2b8}.selected-point-accuracy .point-accuracy-details .accuracy-info .accuracy-meta .meta-item .meta-value.level-fair{color:#ffc107}.selected-point-accuracy .point-accuracy-details .accuracy-info .accuracy-meta .meta-item .meta-value.level-poor{color:#dc3545}.selected-point-accuracy .point-accuracy-details .accuracy-info .altitude-info{margin-top:8px;font-size:14px;color:#666}.selected-point-accuracy .point-accuracy-details .accuracy-info .altitude-info .meta-label{font-weight:500}.selected-point-accuracy .point-accuracy-details .accuracy-info .altitude-info .meta-value{font-weight:600;color:#333}.accuracy-statistics .stats-title{font-size:16px;font-weight:600;color:#333;margin:0 0 12px}.accuracy-statistics .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-bottom:20px}.accuracy-statistics .stats-grid .stat-item{text-align:center;padding:12px;background:#f8f9fa;border-radius:6px}.accuracy-statistics .stats-grid .stat-item .stat-label{font-size:12px;color:#666;font-weight:500;margin-bottom:4px}.accuracy-statistics .stats-grid .stat-item .stat-value{font-size:16px;font-weight:600;color:#333;font-family:Courier New,monospace}.accuracy-statistics .accuracy-distribution{margin-bottom:20px}.accuracy-statistics .accuracy-distribution .distribution-title{font-size:14px;font-weight:600;color:#333;margin:0 0 12px}.accuracy-statistics .accuracy-distribution .distribution-bars{display:flex;flex-direction:column;gap:8px}.accuracy-statistics .accuracy-distribution .distribution-bars .distribution-item{display:flex;align-items:center;gap:12px}.accuracy-statistics .accuracy-distribution .distribution-bars .distribution-item .distribution-label{display:flex;align-items:center;gap:6px;min-width:120px;font-size:12px;font-weight:500;color:#333}.accuracy-statistics .accuracy-distribution .distribution-bars .distribution-item .distribution-label .level-indicator{width:12px;height:12px;border-radius:2px}.accuracy-statistics .accuracy-distribution .distribution-bars .distribution-item .distribution-label .level-indicator.level-excellent{background:#28a745}.accuracy-statistics .accuracy-distribution .distribution-bars .distribution-item .distribution-label .level-indicator.level-good{background:#17a2b8}.accuracy-statistics .accuracy-distribution .distribution-bars .distribution-item .distribution-label .level-indicator.level-fair{background:#ffc107}.accuracy-statistics .accuracy-distribution .distribution-bars .distribution-item .distribution-label .level-indicator.level-poor{background:#dc3545}.accuracy-statistics .accuracy-distribution .distribution-bars .distribution-item .distribution-bar{flex:1;height:16px;background:#e9ecef;border-radius:8px;overflow:hidden}.accuracy-statistics .accuracy-distribution .distribution-bars .distribution-item .distribution-bar .distribution-fill{height:100%;border-radius:8px;transition:width .3s ease}.accuracy-statistics .accuracy-distribution .distribution-bars .distribution-item .distribution-bar .distribution-fill--excellent{background:#28a745}.accuracy-statistics .accuracy-distribution .distribution-bars .distribution-item .distribution-bar .distribution-fill--good{background:#17a2b8}.accuracy-statistics .accuracy-distribution .distribution-bars .distribution-item .distribution-bar .distribution-fill--fair{background:#ffc107}.accuracy-statistics .accuracy-distribution .distribution-bars .distribution-item .distribution-bar .distribution-fill--poor{background:#dc3545}.accuracy-statistics .accuracy-distribution .distribution-bars .distribution-item .distribution-count{min-width:30px;text-align:right;font-size:12px;font-weight:600;color:#333}.accuracy-statistics .source-distribution .distribution-title{font-size:14px;font-weight:600;color:#333;margin:0 0 12px}.accuracy-statistics .source-distribution .source-items{display:flex;flex-direction:column;gap:8px}.accuracy-statistics .source-distribution .source-items .source-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f8f9fa;border-radius:6px}.accuracy-statistics .source-distribution .source-items .source-item .source-icon{font-size:20px}.accuracy-statistics .source-distribution .source-items .source-item .source-info{flex:1}.accuracy-statistics .source-distribution .source-items .source-item .source-info .source-name{font-size:14px;font-weight:600;color:#333;margin-bottom:2px}.accuracy-statistics .source-distribution .source-items .source-item .source-info .source-count{font-size:12px;color:#666;font-weight:500}.accuracy-legend .legend-title{font-size:16px;font-weight:600;color:#333;margin:0 0 12px}.accuracy-legend .legend-items{display:flex;flex-direction:column;gap:8px}.accuracy-legend .legend-items .legend-item{display:flex;align-items:center;gap:12px}.accuracy-legend .legend-items .legend-item .legend-color{width:16px;height:16px;border-radius:4px}.accuracy-legend .legend-items .legend-item .legend-color--excellent{background:#28a745}.accuracy-legend .legend-items .legend-item .legend-color--good{background:#17a2b8}.accuracy-legend .legend-items .legend-item .legend-color--fair{background:#ffc107}.accuracy-legend .legend-items .legend-item .legend-color--poor{background:#dc3545}.accuracy-legend .legend-items .legend-item .legend-text .legend-label{font-size:14px;font-weight:600;color:#333;margin-bottom:2px}.accuracy-legend .legend-items .legend-item .legend-text .legend-description{font-size:12px;color:#666}@media (max-width: 768px){.accuracy-indicator{padding:12px;gap:16px}.selected-point-accuracy .point-accuracy-details{flex-direction:column;align-items:center;text-align:center;gap:12px}.selected-point-accuracy .point-accuracy-details .accuracy-circle .accuracy-level{width:60px;height:60px;font-size:11px}.selected-point-accuracy .point-accuracy-details .accuracy-info .accuracy-meta{align-items:center}.accuracy-statistics .stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.accuracy-statistics .stats-grid .stat-item{padding:8px}.accuracy-statistics .stats-grid .stat-item .stat-value{font-size:14px}.accuracy-statistics .accuracy-distribution .distribution-bars .distribution-item{flex-direction:column;align-items:stretch;gap:4px}.accuracy-statistics .accuracy-distribution .distribution-bars .distribution-item .distribution-label{min-width:auto;justify-content:center}.accuracy-statistics .accuracy-distribution .distribution-bars .distribution-item .distribution-count{text-align:center}.accuracy-statistics .source-distribution .source-items .source-item{padding:6px 8px}.accuracy-statistics .source-distribution .source-items .source-item .source-icon{font-size:18px}.accuracy-statistics .source-distribution .source-items .source-item .source-info .source-name{font-size:13px}.accuracy-statistics .source-distribution .source-items .source-item .source-info .source-count{font-size:11px}}@media (prefers-contrast: high){.accuracy-indicator,.accuracy-level,.level-indicator,.legend-color,.distribution-fill{border:2px solid #000}}@media (prefers-reduced-motion: reduce){.distribution-fill{transition:none}}@media (prefers-color-scheme: dark){.accuracy-indicator{background:#1a202c;border-color:#4a5568}.accuracy-title,.stats-title,.distribution-title,.legend-title{color:#f7fafc}.stats-grid .stat-item{background:#2d3748}.stats-grid .stat-item .stat-label{color:#a0aec0}.stats-grid .stat-item .stat-value{color:#f7fafc}.accuracy-meta .meta-item .meta-label{color:#a0aec0}.accuracy-meta .meta-item .meta-value,.distribution-label{color:#f7fafc}.distribution-bar{background:transparent}.distribution-count{color:#f7fafc}.source-items .source-item{background:#2d3748}.source-items .source-item .source-info .source-name{color:#f7fafc}.source-items .source-item .source-info .source-count{color:#a0aec0}.legend-items .legend-item .legend-text .legend-label{color:#f7fafc}.legend-items .legend-item .legend-text .legend-description{color:#a0aec0}}.privacy-controls{display:flex;flex-direction:column;background:#fff;border-radius:8px;border:1px solid #e9ecef;overflow:hidden}.privacy-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.privacy-header .privacy-title{font-size:16px;font-weight:600;color:#333;margin:0}.privacy-header .privacy-impact{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.privacy-header .privacy-impact--low{background:#d4edda;color:#155724}.privacy-header .privacy-impact--medium{background:#fff3cd;color:#856404}.privacy-header .privacy-impact--high{background:#f8d7da;color:#721c24}.privacy-header .privacy-impact .impact-label{font-weight:500}.privacy-content{padding:20px}.privacy-content .privacy-section{margin-bottom:24px}.privacy-content .privacy-section:last-child{margin-bottom:0}.privacy-content .privacy-section .section-title{font-size:14px;font-weight:600;color:#333;margin:0 0 12px}.privacy-content .privacy-section.advanced-section{border-top:1px solid #e9ecef;padding-top:16px;margin-top:16px}.privacy-content .control-item{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:6px}.privacy-content .control-item .control-info{flex:1}.privacy-content .control-item .control-info .control-label{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.privacy-content .control-item .control-info .control-description{font-size:12px;color:#666;line-height:1.4}.privacy-content .control-item .control-select{padding:6px 8px;border:1px solid #dee2e6;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}.privacy-content .control-item .control-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.retention-controls .retention-info{margin-bottom:12px}.retention-controls .retention-info .retention-label{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.retention-controls .retention-info .retention-description{font-size:12px;color:#666}.retention-controls .retention-slider-container{position:relative;margin-bottom:12px}.retention-controls .retention-slider-container .retention-slider{width:100%;height:6px;border-radius:3px;background:#e9ecef;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.retention-controls .retention-slider-container .retention-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#00d4ff;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.retention-controls .retention-slider-container .retention-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#00d4ff;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.retention-controls .retention-slider-container .retention-marks{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:#666}.retention-controls .retention-slider-container .retention-marks .mark{font-weight:500}.retention-controls .retention-presets{display:flex;gap:8px;flex-wrap:wrap}.retention-controls .retention-presets .preset-btn{padding:6px 12px;border:1px solid #dee2e6;border-radius:4px;background:#fff;color:#333;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.retention-controls .retention-presets .preset-btn:hover{background:#f8f9fa;border-color:#adb5bd}.retention-controls .retention-presets .preset-btn--active{background:#00d4ff;color:#fff;border-color:#00d4ff}.retention-controls .retention-presets .preset-btn--active:hover{background:#00b8e6;border-color:#00b8e6}.gdpr-info .gdpr-notice{display:flex;gap:12px;padding:12px;background:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;margin-bottom:16px}.gdpr-info .gdpr-notice .notice-icon{font-size:20px;color:#06c}.gdpr-info .gdpr-notice .notice-text{flex:1}.gdpr-info .gdpr-notice .notice-text .notice-title{font-size:14px;font-weight:600;color:#06c;margin-bottom:4px}.gdpr-info .gdpr-notice .notice-text .notice-description{font-size:12px;color:#049;line-height:1.4}.gdpr-info .gdpr-actions{display:flex;gap:8px;flex-wrap:wrap}.advanced-toggle{display:flex;align-items:center;gap:6px;padding:8px 0;background:none;border:none;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s ease}.advanced-toggle:hover{color:#333}.advanced-controls .encryption-status,.advanced-controls .audit-status{display:flex;align-items:center;gap:8px}.advanced-controls .encryption-status .status-indicator,.advanced-controls .audit-status .status-indicator{font-size:16px}.advanced-controls .encryption-status .status-indicator--active,.advanced-controls .audit-status .status-indicator--active{color:#28a745}.advanced-controls .encryption-status .status-text,.advanced-controls .audit-status .status-text{font-size:14px;font-weight:500;color:#333}.privacy-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-top:1px solid #e9ecef}.privacy-footer .compliance-badges{display:flex;gap:8px}.privacy-footer .compliance-badges .badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.privacy-footer .compliance-badges .badge--gdpr{background:#d4edda;color:#155724}.privacy-footer .compliance-badges .badge--ccpa{background:#cce5ff;color:#004085}.privacy-footer .compliance-badges .badge--iso{background:#fff3cd;color:#856404}.privacy-footer .privacy-links{display:flex;gap:12px}.privacy-footer .privacy-links .privacy-link{font-size:12px;color:#666;text-decoration:none;font-weight:500}.privacy-footer .privacy-links .privacy-link:hover{color:#00d4ff;text-decoration:underline}@media (max-width: 768px){.privacy-controls .privacy-header{padding:12px 16px;flex-direction:column;gap:8px;align-items:stretch}.privacy-controls .privacy-content{padding:16px}.privacy-controls .privacy-content .control-item{flex-direction:column;gap:8px;align-items:stretch}.privacy-controls .privacy-content .retention-presets,.privacy-controls .privacy-content .gdpr-actions{justify-content:center}.privacy-controls .privacy-footer{padding:12px 16px;flex-direction:column;gap:12px;align-items:stretch}.privacy-controls .privacy-footer .compliance-badges,.privacy-controls .privacy-footer .privacy-links{justify-content:center}}@media (prefers-contrast: high){.privacy-controls,.toggle-slider,.retention-slider,.control-select{border:2px solid #000}.btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.toggle-slider,.btn,.preset-btn{transition:none}}@media (prefers-color-scheme: dark){.privacy-controls{background:#1a202c;border-color:#4a5568}.privacy-header{background:#2d3748;border-color:#4a5568}.privacy-header .privacy-title,.privacy-content .section-title{color:#f7fafc}.privacy-content .control-item{background:#2d3748}.privacy-content .control-item .control-info .control-label{color:#f7fafc}.privacy-content .control-item .control-info .control-description{color:#a0aec0}.privacy-content .control-item .control-select{background:#1a202c;border-color:#4a5568;color:#f7fafc}.retention-controls .retention-info .retention-label{color:#f7fafc}.retention-controls .retention-info .retention-description,.retention-controls .retention-marks .mark{color:#a0aec0}.retention-controls .preset-btn{background:#2d3748;border-color:#4a5568;color:#f7fafc}.retention-controls .preset-btn:hover{background:#374151}.gdpr-info .gdpr-notice{background:#1a365d;border-color:#2c5282}.gdpr-info .gdpr-notice .notice-text .notice-title{color:#63b3ed}.gdpr-info .gdpr-notice .notice-text .notice-description{color:#90cdf4}.advanced-controls .encryption-status .status-text,.advanced-controls .audit-status .status-text{color:#f7fafc}.privacy-footer{background:#2d3748;border-color:#4a5568}.privacy-footer .privacy-links .privacy-link{color:#a0aec0}.privacy-footer .privacy-links .privacy-link:hover{color:#00d4ff}}.trail-visualization{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:8px;overflow:hidden}.trail-visualization--embedded{width:100%;height:600px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000001a}.trail-visualization--fullscreen{width:100vw;height:100vh;border-radius:0;position:fixed;top:0;left:0;z-index:1000}.trail-visualization--modal{width:90vw;height:80vh;max-width:1200px;max-height:800px;box-shadow:0 20px 60px #0000004d}.trail-visualization--error{justify-content:center;align-items:center;min-height:400px}.trail-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.trail-header .trail-info{display:flex;flex-direction:column;gap:8px}.trail-header .trail-info .trail-title{font-size:18px;font-weight:600;color:#333;margin:0}.trail-header .trail-info .trail-stats{display:flex;gap:20px;font-size:12px}.trail-header .trail-info .trail-stats .stat{display:flex;align-items:center;gap:4px}.trail-header .trail-info .trail-stats .stat .stat-label{color:#666;font-weight:500}.trail-header .trail-info .trail-stats .stat .stat-value{color:#333;font-weight:600}.trail-header .trail-controls{display:flex;align-items:center;gap:12px}.trail-header .trail-controls .export-dropdown{position:relative}.trail-header .trail-controls .export-dropdown:hover .dropdown-menu{display:block}.trail-header .trail-controls .export-dropdown .dropdown-menu{display:none;position:absolute;top:100%;right:0;background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:120px}.trail-header .trail-controls .export-dropdown .dropdown-menu button{display:block;width:100%;padding:8px 12px;border:none;background:none;text-align:left;font-size:14px;color:#333;cursor:pointer;transition:background .2s ease}.trail-header .trail-controls .export-dropdown .dropdown-menu button:hover{background:#f8f9fa}.trail-header .trail-controls .export-dropdown .dropdown-menu button:first-child{border-radius:6px 6px 0 0}.trail-header .trail-controls .export-dropdown .dropdown-menu button:last-child{border-radius:0 0 6px 6px}.trail-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.trail-content .map-container{flex:1;position:relative;overflow:hidden}.trail-content .map-container .trail-map{width:100%;height:100%}.trail-content .map-container .map-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffe6;z-index:10}.trail-content .map-container .map-loading .loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #00D4FF;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.trail-content .map-container .map-loading .loading-text{font-size:14px;color:#666;font-weight:500}.trail-playback{border-top:1px solid #e9ecef;background:#f8f9fa}.trail-privacy{border-top:1px solid #e9ecef;background:#fff}.error-message{display:flex;flex-direction:column;align-items:center;text-align:center;color:#666;padding:40px 20px}.error-message .error-icon{font-size:64px;margin-bottom:20px;opacity:.5}.error-message .error-text .error-title{font-size:20px;font-weight:600;margin-bottom:8px;color:#333}.error-message .error-text .error-description{font-size:14px;line-height:1.5;max-width:400px}.btn--secondary--active{background:#00d4ff;color:#fff;border-color:#00d4ff}.btn--secondary--active:hover{background:#00b8e6;border-color:#00b8e6}@media (max-width: 768px){.trail-visualization--modal,.trail-visualization--fullscreen{width:100vw;height:100vh;border-radius:0}.trail-header{padding:12px 16px;flex-direction:column;gap:12px;align-items:stretch}.trail-header .trail-info .trail-stats{flex-wrap:wrap;gap:12px}.trail-header .trail-controls{justify-content:space-between}.trail-content .map-container .map-loading .loading-spinner{width:32px;height:32px;margin-bottom:12px}.trail-content .map-container .map-loading .loading-text{font-size:13px}.error-message{padding:30px 16px}.error-message .error-icon{font-size:48px;margin-bottom:16px}.error-message .error-text .error-title{font-size:18px}.error-message .error-text .error-description{font-size:13px}}@media (prefers-contrast: high){.trail-visualization{border:2px solid #000}.trail-header{border-bottom:2px solid #000}.btn{border:2px solid currentColor}.dropdown-menu{border:2px solid #000}}@media (prefers-reduced-motion: reduce){.btn,.loading-spinner{transition:none;animation:none}}@media (prefers-color-scheme: dark){.trail-visualization{background:#1a202c}.trail-header{background:#2d3748;border-color:#4a5568}.trail-header .trail-title{color:#f7fafc}.trail-header .trail-stats .stat .stat-label{color:#a0aec0}.trail-header .trail-stats .stat .stat-value{color:#f7fafc}.trail-content .map-loading{background:#1a202ce6}.trail-content .map-loading .loading-text{color:#a0aec0}.trail-playback,.trail-privacy{background:#2d3748;border-color:#4a5568}.error-message{color:#a0aec0}.error-message .error-text .error-title{color:#f7fafc}.dropdown-menu{background:#2d3748;border-color:#4a5568}.dropdown-menu button{color:#f7fafc}.dropdown-menu button:hover{background:#374151}}.heat-map-visualization--fullscreen{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000}.heat-map-visualization--embedded{width:100%;height:600px}.heat-map-visualization--modal{width:100%;height:500px}.heat-map-visualization .heatmap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.heat-map-visualization .heatmap-header .header-title h1{margin:0 0 .5rem;color:var(--text-primary)}.heat-map-visualization .heatmap-header .header-title p{margin:0;color:var(--text-secondary)}.heat-map-visualization .heatmap-header .header-controls{display:flex;gap:.5rem}.heat-map-visualization .heatmap-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.heat-map-visualization .heatmap-stats .stat-card{text-align:center;padding:1rem}.heat-map-visualization .heatmap-stats .stat-card .stat-icon{font-size:1.5rem;display:block;margin-bottom:.5rem}.heat-map-visualization .heatmap-stats .stat-card .stat-value{font-size:1.5rem;font-weight:700;color:var(--accent-color);display:block;margin-bottom:.25rem}.heat-map-visualization .heatmap-stats .stat-card .stat-label{color:var(--text-secondary);font-size:.875rem}.heat-map-visualization .heatmap-nav{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.heat-map-visualization .heatmap-nav .nav-tab{padding:.75rem 1rem;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;color:var(--text-secondary)}.heat-map-visualization .heatmap-nav .nav-tab:hover{color:var(--text-primary);background-color:var(--background-light)}.heat-map-visualization .heatmap-nav .nav-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.heat-map-visualization .heatmap-content .geofence-map-container{position:relative;width:100%;height:600px;min-height:600px;border-radius:8px;overflow:hidden;background:#f5f5f5}.heat-map-visualization .heatmap-content .geofence-map-container .heat-map{width:100%;height:100%;border-radius:8px;overflow:hidden}.heat-map-visualization .heatmap-content .heatmap-tab .map-container{position:relative;height:400px;margin-bottom:1rem}.heat-map-visualization .heatmap-content .heatmap-tab .map-container .heat-map{width:100%;height:100%;border-radius:8px;overflow:hidden}.heat-map-visualization .heatmap-content .heatmap-tab .map-container .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center}.heat-map-visualization .heatmap-content .heatmap-tab .heatmap-controls{margin-bottom:1rem}.heat-map-visualization .heatmap-content .heatmap-tab .heatmap-controls .controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.heat-map-visualization .heatmap-content .heatmap-tab .heatmap-controls .controls-grid .control-group label{display:block;margin-bottom:.5rem;font-weight:500}.heat-map-visualization .heatmap-content .heatmap-tab .heatmap-controls .controls-grid .control-group input[type=range]{width:100%}.heat-map-visualization .heatmap-content .heatmap-tab .hotspot-summary .risk-levels{display:flex;gap:1rem;flex-wrap:wrap}.heat-map-visualization .heatmap-content .heatmap-tab .hotspot-summary .risk-levels .risk-level{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px}.heat-map-visualization .heatmap-content .heatmap-tab .hotspot-summary .risk-levels .risk-level--critical{background-color:#fee2e2;color:#991b1b}.heat-map-visualization .heatmap-content .heatmap-tab .hotspot-summary .risk-levels .risk-level--high{background-color:#fed7aa;color:#9a3412}.heat-map-visualization .heatmap-content .heatmap-tab .hotspot-summary .risk-levels .risk-level--medium{background-color:#fef3c7;color:#92400e}.heat-map-visualization .heatmap-content .heatmap-tab .hotspot-summary .risk-levels .risk-level--low{background-color:#d1fae5;color:#065f46}.heat-map-visualization .heatmap-content .heatmap-tab .hotspot-summary .risk-levels .risk-level .risk-count{font-weight:600}.traffic-integration--embedded{width:100%;height:600px}.traffic-integration--fullscreen{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000}.traffic-integration--modal{width:100%;height:500px}.traffic-integration .traffic-header{margin-bottom:1rem}.traffic-integration .traffic-header h1{margin:0 0 .5rem;color:var(--text-primary)}.traffic-integration .traffic-header p{margin:0;color:var(--text-secondary)}.traffic-integration .traffic-controls{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.traffic-integration .traffic-controls .status{font-size:.875rem;color:var(--text-secondary)}.traffic-integration .traffic-nav{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.traffic-integration .traffic-nav .nav-tab{padding:.75rem 1rem;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;color:var(--text-secondary)}.traffic-integration .traffic-nav .nav-tab:hover{color:var(--text-primary);background-color:var(--background-light)}.traffic-integration .traffic-nav .nav-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.traffic-integration .traffic-content .traffic-tab .map-container{height:400px;margin-bottom:1rem}.traffic-integration .traffic-content .traffic-tab .map-container .traffic-map{width:100%;height:100%;border-radius:8px;overflow:hidden}.traffic-integration .traffic-content .traffic-tab .traffic-info .traffic-legend{display:flex;gap:1rem;flex-wrap:wrap}.traffic-integration .traffic-content .traffic-tab .traffic-info .traffic-legend .legend-item{display:flex;align-items:center;gap:.5rem}.traffic-integration .traffic-content .traffic-tab .traffic-info .traffic-legend .legend-item .legend-color{width:20px;height:12px;border-radius:2px}.traffic-integration .traffic-content .traffic-tab .traffic-info .traffic-legend .legend-item .legend-color.traffic-green{background-color:#10b981}.traffic-integration .traffic-content .traffic-tab .traffic-info .traffic-legend .legend-item .legend-color.traffic-yellow{background-color:#f59e0b}.traffic-integration .traffic-content .traffic-tab .traffic-info .traffic-legend .legend-item .legend-color.traffic-red{background-color:#ef4444}.traffic-integration .traffic-content .traffic-tab .traffic-info .traffic-legend .legend-item .legend-color.traffic-dark-red{background-color:#991b1b}.alert-workflow-dashboard .stats-grid{margin-bottom:2rem}.alert-workflow-dashboard .stats-grid .stat-card{text-align:center;padding:1.5rem;transition:transform .2s}.alert-workflow-dashboard .stats-grid .stat-card:hover{transform:translateY(-2px)}.alert-workflow-dashboard .stats-grid .stat-card .stat-value{font-size:2rem;font-weight:700;color:#1a1f36;margin-bottom:.5rem}.alert-workflow-dashboard .stats-grid .stat-card .stat-label{font-size:.875rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.alert-workflow-dashboard .stats-grid .stat-card--active{background:linear-gradient(135deg,#667eea10,#764ba210);border:2px solid rgba(102,126,234,.2)}.alert-workflow-dashboard .stats-grid .stat-card--active .stat-value{color:#667eea}.alert-workflow-dashboard .stats-grid .stat-card--pending{background:linear-gradient(135deg,#ffbf0010,#ff9a0010);border:2px solid rgba(255,191,0,.2)}.alert-workflow-dashboard .stats-grid .stat-card--pending .stat-value{color:#ffbf00}.alert-workflow-dashboard .stats-grid .stat-card--assigned{background:linear-gradient(135deg,#00bfa510,#00ff4110);border:2px solid rgba(0,255,65,.2)}.alert-workflow-dashboard .stats-grid .stat-card--assigned .stat-value{color:#00bfa5}.alert-workflow-dashboard .stats-grid .stat-card--escalated{background:linear-gradient(135deg,#ff073a10,#ff436810);border:2px solid rgba(255,7,58,.2)}.alert-workflow-dashboard .stats-grid .stat-card--escalated .stat-value{color:#ff073a}.alert-workflow-dashboard .stats-grid .stat-card--resolved{background:linear-gradient(135deg,#00ff4110,#00bfa510);border:2px solid rgba(0,255,65,.2)}.alert-workflow-dashboard .stats-grid .stat-card--resolved .stat-value{color:#00ff41}.alert-workflow-dashboard .department-availability{margin-bottom:2rem}.alert-workflow-dashboard .department-availability h3{font-size:1.1rem;color:#1a1f36;margin-bottom:1rem}.alert-workflow-dashboard .department-availability .departments{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.alert-workflow-dashboard .department-availability .departments .department-card{text-align:center;padding:1.5rem;background:#f7f9fc;border-radius:8px;transition:all .2s}.alert-workflow-dashboard .department-availability .departments .department-card:hover{background:linear-gradient(135deg,#667eea05,#764ba205);transform:translateY(-2px)}.alert-workflow-dashboard .department-availability .departments .department-card .department-icon{font-size:2rem;margin-bottom:.5rem}.alert-workflow-dashboard .department-availability .departments .department-card .department-name{font-weight:600;color:#1a1f36;margin-bottom:.75rem;font-size:.875rem}.alert-workflow-dashboard .department-availability .departments .department-card .department-stats{display:flex;flex-direction:column;gap:.25rem}.alert-workflow-dashboard .main-tabs .workflows-panel .filters{display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e6ecf1}.alert-workflow-dashboard .main-tabs .workflows-panel .filters .filter-select{padding:.5rem 1rem;border:2px solid #e6ecf1;border-radius:8px;background:#fff;color:#1a1f36;font-size:.9rem;transition:border-color .2s;cursor:pointer}.alert-workflow-dashboard .main-tabs .workflows-panel .filters .filter-select:hover{border-color:#667eea}.alert-workflow-dashboard .main-tabs .workflows-panel .filters .filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.alert-workflow-dashboard .main-tabs .workflows-panel .workflows-list{max-height:600px;overflow-y:auto}.alert-workflow-dashboard .main-tabs .workflows-panel .workflows-list .no-workflows{text-align:center;padding:3rem;color:#94a3b8}.alert-workflow-dashboard .main-tabs .workflows-panel .workflows-list .workflow-card{margin-bottom:1rem;padding:1rem;cursor:pointer;transition:all .2s}.alert-workflow-dashboard .main-tabs .workflows-panel .workflows-list .workflow-card:hover{border-color:#667eea;background:linear-gradient(135deg,#667eea02,#764ba202);transform:translate(4px)}.alert-workflow-dashboard .main-tabs .workflows-panel .workflows-list .workflow-card .workflow-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e6ecf1}.alert-workflow-dashboard .main-tabs .workflows-panel .workflows-list .workflow-card .workflow-header .workflow-info{display:flex;align-items:center;gap:.75rem}.alert-workflow-dashboard .main-tabs .workflows-panel .workflows-list .workflow-card .workflow-header .workflow-info .workflow-id{font-family:Monaco,Courier New,monospace;font-size:.875rem;color:#94a3b8}.alert-workflow-dashboard .main-tabs .workflows-panel .workflows-list .workflow-card .workflow-header .workflow-department{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#1a1f36;text-transform:capitalize}.alert-workflow-dashboard .main-tabs .workflows-panel .workflows-list .workflow-card .workflow-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:.75rem}.alert-workflow-dashboard .main-tabs .workflows-panel .workflows-list .workflow-card .workflow-details .detail-item{display:flex;gap:.5rem}.alert-workflow-dashboard .main-tabs .workflows-panel .workflows-list .workflow-card .workflow-details .detail-item .label{font-size:.875rem;color:#94a3b8}.alert-workflow-dashboard .main-tabs .workflows-panel .workflows-list .workflow-card .workflow-details .detail-item .value{font-size:.875rem;color:#1a1f36;font-weight:500}.alert-workflow-dashboard .main-tabs .workflows-panel .workflows-list .workflow-card .workflow-timeline{display:flex;gap:.5rem;font-size:.75rem;color:#94a3b8}.alert-workflow-dashboard .main-tabs .workflows-panel .workflows-list .workflow-card .workflow-timeline .timeline-value{color:#647196}.alert-workflow-dashboard .main-tabs .map-panel{min-height:600px}@media (max-width: 1200px){.alert-workflow-dashboard .department-availability .departments{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.alert-workflow-dashboard .stats-grid{grid-template-columns:repeat(2,1fr)!important}.alert-workflow-dashboard .department-availability .departments{grid-template-columns:1fr}.alert-workflow-dashboard .main-tabs .workflows-panel .filters{flex-direction:column}.alert-workflow-dashboard .main-tabs .workflows-panel .workflows-list .workflow-card .workflow-details{grid-template-columns:1fr}}.login-container{display:flex;min-height:100vh;background:#fff}.login-container .login-image-section{flex:1;display:flex;align-items:center;justify-content:center;padding:.5vh 2rem 1vh 4rem;position:relative}.login-container .login-image-section .image-container{position:relative;width:100%;max-width:none;height:90vh}.login-container .login-image-section .image-container .neumorphic-frame{width:100%;height:100%;border-radius:30px;background:#f0f4f8;box-shadow:20px 20px 40px #d1d9e6,-20px -20px 40px #fff;padding:1.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-container .login-image-section .image-container .neumorphic-frame .login-image{width:100%;height:100%;object-fit:cover;border-radius:20px;filter:brightness(.9) contrast(1.1)}.login-container .login-image-section .image-container .image-overlay{position:absolute;bottom:2rem;left:2rem;right:2rem;background:#ffffff26;backdrop-filter:blur(15px) saturate(1.8);-webkit-backdrop-filter:blur(15px) saturate(1.8);padding:2rem;border-radius:20px;box-shadow:10px 10px 20px #d1d9e64d,-10px -10px 20px #ffffff4d;display:flex;align-items:center;gap:1rem}.login-container .login-image-section .image-container .image-overlay .brand-logo{width:5.5rem;height:5.5rem;flex:0 0 auto}.login-container .login-image-section .image-container .image-overlay .brand-text{display:flex;flex-direction:column}.login-container .login-image-section .image-container .image-overlay .brand-title{font-size:3.5rem;font-weight:400;color:#00568f;margin:0 0 .5rem;background:linear-gradient(135deg,#00568f,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-container .login-image-section .image-container .image-overlay .brand-subtitle{font-size:1.2rem;color:#fff;margin:0;font-weight:300}.login-container .login-form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:0;background:#fff}.login-container .login-form-section .form-container{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;max-width:700px;background:#fff;padding:4rem;border-radius:0;box-shadow:none}.login-container .login-form-section .form-container .logo-section{display:flex;justify-content:center;align-items:center;text-align:center;margin-bottom:.5rem;margin-top:1.5rem}.login-container .login-form-section .form-container .logo-section .form-logo{width:80px;height:auto}.login-container .login-form-section .form-container .form-header{margin-top:1.5rem;text-align:center;margin-bottom:2rem}.login-container .login-form-section .form-container .form-header h2{font-size:3rem;font-weight:400;color:#2d3748;margin:0 0 .5rem}.login-container .login-form-section .form-container .form-header p{color:#4a5568;margin:0;font-size:1.2rem;font-weight:300}.login-container .login-form-section .form-container .login-form .form-group{margin-bottom:2rem}.login-container .login-form-section .form-container .login-form .form-group label{display:block;font-weight:400;color:#2d3748;margin-bottom:.75rem;font-size:1.1rem}.login-container .login-form-section .form-container .login-form .form-group .input-container{position:relative}.login-container .login-form-section .form-container .login-form .form-group .input-container input{width:100%;padding:1.25rem 1.5rem;border:1px solid #e2e8f0;border-radius:50px;background:#fff;font-size:1.1rem;color:#2d3748;transition:all .3s ease}.login-container .login-form-section .form-container .login-form .form-group .input-container input::placeholder{color:#a0aec0}.login-container .login-form-section .form-container .login-form .form-group .input-container input:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a}.login-container .login-form-section .form-container .login-form .form-group .input-container.password-container input{padding-right:3.5rem}.login-container .login-form-section .form-container .login-form .form-group .input-container .password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#cfd5de;cursor:pointer;font-size:1.4rem;padding:.5rem;transition:color .3s ease;display:flex;align-items:center;justify-content:center;z-index:1}.login-container .login-form-section .form-container .login-form .form-group .input-container .password-toggle:hover{color:#00568f}.login-container .login-form-section .form-container .login-form .form-group .input-container .password-toggle:focus{outline:none}.login-container .login-form-section .form-container .login-form .form-group .input-container .password-toggle i{font-size:1.4rem;line-height:1}.login-container .login-form-section .form-container .login-form .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.login-container .login-form-section .form-container .login-form .form-options .checkbox-container{display:flex;align-items:center;cursor:pointer;font-size:1.2rem;font-weight:300;color:#4a5568}.login-container .login-form-section .form-container .login-form .form-options .checkbox-container input[type=checkbox]{display:none}.login-container .login-form-section .form-container .login-form .form-options .checkbox-container .checkmark{width:18px;height:18px;border-radius:50%;background:#f0f4f8;box-shadow:inset 4px 4px 8px #d1d9e6,inset -4px -4px 8px #fff;margin-right:.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.login-container .login-form-section .form-container .login-form .form-options .checkbox-container .checkmark:after{content:"✓";color:#667eea;font-size:12px;opacity:0;transition:opacity .3s ease}.login-container .login-form-section .form-container .login-form .form-options .checkbox-container input[type=checkbox]:checked+.checkmark:after{opacity:1}.login-container .login-form-section .form-container .login-form .form-options .forgot-password{color:#00568f;text-decoration:none;font-size:1.2rem;font-weight:300;transition:color .3s ease}.login-container .login-form-section .form-container .login-form .form-options .forgot-password:hover{color:#764ba2}.login-container .login-form-section .form-container .login-form .login-button{width:100%;padding:1.25rem;border:none;border-radius:50px;background:#00568f;color:#fff;font-size:1.1rem;font-weight:400;cursor:pointer;transition:all .3s ease}.login-container .login-form-section .form-container .login-form .login-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00568f4d;background:#004578}.login-container .login-form-section .form-container .login-form .login-button:active{transform:translateY(0)}.login-container .login-form-section .form-container .login-form .login-button:disabled{background:#a0aec0;cursor:not-allowed;transform:none}.login-container .login-form-section .form-container .login-form .login-button:disabled:hover{background:#a0aec0;transform:none;box-shadow:none}.login-container .login-form-section .form-container .quick-login-section{margin-top:2rem}.login-container .login-form-section .form-container .quick-login-section .quick-login-title{text-align:center;color:#4a5568;font-size:1rem;font-weight:300;margin-bottom:1.5rem}.login-container .login-form-section .form-container .quick-login-section .quick-login-boxes{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.login-container .login-form-section .form-container .quick-login-section .quick-login-boxes .quick-login-box{background:linear-gradient(145deg,#fff,#f0f4f8);border:none;border-radius:16px;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc,inset 0 0 #a3b1c633;position:relative;overflow:hidden}.login-container .login-form-section .form-container .quick-login-section .quick-login-boxes .quick-login-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);border-radius:16px;opacity:.8}.login-container .login-form-section .form-container .quick-login-section .quick-login-boxes .quick-login-box .role-info{width:100%;position:relative;z-index:2}.login-container .login-form-section .form-container .quick-login-section .quick-login-boxes .quick-login-box .role-info h4{margin:0;font-size:1rem;font-weight:400;color:#00568f;line-height:1.4;text-shadow:0 1px 2px rgba(255,255,255,.8)}.login-container .login-form-section .form-container .quick-login-section .quick-login-boxes .quick-login-box:hover{transform:translateY(-1px);box-shadow:10px 10px 20px #a3b1c640,-6px -6px 16px #ffffffe6,inset 0 0 #a3b1c61a}.login-container .login-form-section .form-container .quick-login-section .quick-login-boxes .quick-login-box:hover:before{opacity:1;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 50%)}.login-container .login-form-section .form-container .quick-login-section .quick-login-boxes .quick-login-box:active{transform:translateY(1px);box-shadow:2px 2px 6px #a3b1c64d,-1px -1px 4px #ffffffb3,inset 4px 4px 8px #a3b1c626,inset -2px -2px 6px #fffc}.login-container .login-form-section .form-container .quick-login-section .quick-login-boxes .quick-login-box:active:before{opacity:.5}.login-container .login-form-section .form-container .form-footer{text-align:center;margin-top:2rem}.login-container .login-form-section .form-container .form-footer p{color:#4a5568;margin:0;font-size:1.2rem;font-weight:300}.login-container .login-form-section .form-container .form-footer p a{color:#00568f;text-decoration:none;font-weight:300;transition:color .3s ease}.login-container .login-form-section .form-container .form-footer p a:hover{color:#764ba2}.login-container .error-message{background:#fee;color:#c53030;padding:1rem;border-radius:8px;border:1px solid #fed7d7;margin-bottom:1.5rem;font-size:.9rem;text-align:center}.login-container .success-message{background:#f0fdf4;color:#166534;padding:1rem;border-radius:8px;border:1px solid #bbf7d0;margin-bottom:1.5rem;font-size:.9rem;text-align:center}@media (max-width: 768px){.login-container{flex-direction:column}.login-container .login-image-section{flex:none;height:300px;padding:2rem}.login-container .login-image-section .image-container{height:100%;max-width:none}.login-container .login-image-section .image-container .neumorphic-frame{height:100%}.login-container .login-image-section .image-container .image-overlay{bottom:1rem;left:1rem;right:1rem;padding:1.5rem}.login-container .login-image-section .image-container .image-overlay .brand-title{font-size:2rem}.login-container .login-image-section .image-container .image-overlay .brand-subtitle{font-size:.9rem}.login-container .login-form-section,.login-container .login-form-section .form-container{padding:2rem}.login-container .login-form-section .form-container .quick-login-section .quick-login-boxes{gap:.75rem}.login-container .login-form-section .form-container .quick-login-section .quick-login-boxes .quick-login-box{padding:.6rem}.login-container .login-form-section .form-container .quick-login-section .quick-login-boxes .quick-login-box .role-icon{width:28px;height:28px;font-size:1.1rem}.login-container .login-form-section .form-container .quick-login-section .quick-login-boxes .quick-login-box .role-info h4{font-size:.75rem}.login-container .login-form-section .form-container .quick-login-section .quick-login-boxes .quick-login-box .role-info p{font-size:.6rem}}@media (max-width: 480px){.login-container .login-image-section{height:250px;padding:1rem}.login-container .login-form-section{padding:1rem}.login-container .login-form-section .form-container{padding:1.5rem;border-radius:20px}.login-container .login-form-section .form-container .form-header h2{font-size:1.75rem}}.register-container{display:flex;min-height:100vh;background:#fff}.register-container .register-image-section{flex:1;display:flex;align-items:center;justify-content:center;padding:.5vh 2rem 1vh 4rem;position:relative}.register-container .register-image-section .image-container{position:relative;width:100%;max-width:none;height:90vh}.register-container .register-image-section .image-container .neumorphic-frame{width:100%;height:100%;border-radius:30px;background:#f0f4f8;box-shadow:20px 20px 40px #d1d9e6,-20px -20px 40px #fff;padding:1.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.register-container .register-image-section .image-container .neumorphic-frame .register-image{width:100%;height:100%;object-fit:cover;border-radius:20px;filter:brightness(.9) contrast(1.1)}.register-container .register-image-section .image-container .image-overlay{position:absolute;bottom:2rem;left:2rem;right:2rem;background:#ffffff26;backdrop-filter:blur(15px) saturate(1.8);-webkit-backdrop-filter:blur(15px) saturate(1.8);padding:2rem;border-radius:20px;box-shadow:10px 10px 20px #d1d9e64d,-10px -10px 20px #ffffff4d;display:flex;align-items:center;gap:1rem}.register-container .register-image-section .image-container .image-overlay .brand-logo{width:5.5rem;height:5.5rem;flex:0 0 auto}.register-container .register-image-section .image-container .image-overlay .brand-text{display:flex;flex-direction:column}.register-container .register-image-section .image-container .image-overlay .brand-title{font-size:3.5rem;font-weight:400;color:#00568f;margin:0 0 .5rem;background:linear-gradient(135deg,#00568f,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.register-container .register-image-section .image-container .image-overlay .brand-subtitle{font-size:1.2rem;color:#fff;margin:0;font-weight:300}.register-container .register-form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:0;background:#fff;overflow-y:auto}.register-container .register-form-section .form-container{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;max-width:700px;background:#fff;padding:4rem;border-radius:0;box-shadow:none}.register-container .register-form-section .form-container .form-header{margin-top:1.5rem;text-align:center;margin-bottom:2rem}.register-container .register-form-section .form-container .form-header h2{font-size:3rem;font-weight:400;color:#2d3748;margin:0 0 .5rem}.register-container .register-form-section .form-container .form-header p{color:#4a5568;margin:0 0 1rem;font-size:1.2rem;font-weight:300}.register-container .register-form-section .form-container .register-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.register-container .register-form-section .form-container .register-form .form-row .form-group{margin-bottom:0}.register-container .register-form-section .form-container .register-form .form-group{margin-bottom:1.5rem}.register-container .register-form-section .form-container .register-form .form-group label{display:block;font-weight:400;color:#2d3748;margin-bottom:.5rem;font-size:1rem}.register-container .register-form-section .form-container .register-form .form-group .input-container{position:relative}.register-container .register-form-section .form-container .register-form .form-group .input-container input{width:100%;padding:1rem 1.25rem;border:1px solid #e2e8f0;border-radius:50px;background:#fff;font-size:1rem;color:#2d3748;transition:all .3s ease}.register-container .register-form-section .form-container .register-form .form-group .input-container input::placeholder{color:#a0aec0}.register-container .register-form-section .form-container .register-form .form-group .input-container input:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a}.register-container .register-form-section .form-container .register-form .form-group .input-container input.error{border-color:#e53e3e}.register-container .register-form-section .form-container .register-form .form-group .input-container input.error:focus{box-shadow:0 0 0 3px #e53e3e1a}.register-container .register-form-section .form-container .register-form .form-group .input-container.password-container input{padding-right:3.5rem}.register-container .register-form-section .form-container .register-form .form-group .input-container .password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#cfd5de;cursor:pointer;font-size:1.4rem;padding:.5rem;transition:color .3s ease;display:flex;align-items:center;justify-content:center;z-index:1}.register-container .register-form-section .form-container .register-form .form-group .input-container .password-toggle:hover{color:#00568f}.register-container .register-form-section .form-container .register-form .form-group .input-container .password-toggle:focus{outline:none}.register-container .register-form-section .form-container .register-form .form-group .input-container .password-toggle i{font-size:1.4rem;line-height:1}.register-container .register-form-section .form-container .register-form .form-group .input-container .error-text{display:block;color:#e53e3e;font-size:.85rem;margin-top:.25rem;position:absolute;left:1rem}.register-container .register-form-section .form-container .register-form .form-group .input-container.phone-input-container{display:flex;position:relative}.register-container .register-form-section .form-container .register-form .form-group .input-container.phone-input-container:before{content:"▼";position:absolute;left:85px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:3;font-size:.7rem;color:#4a5568}.register-container .register-form-section .form-container .register-form .form-group .input-container.phone-input-container .country-code-select{position:absolute;left:0;top:0;height:100%;padding:0 .75rem 0 1rem;border:1px solid #e2e8f0;border-right:1px solid #d1d9e6;border-radius:50px 0 0 50px;background:linear-gradient(145deg,#fff,#f0f4f8);font-size:.95rem;font-weight:500;color:#2d3748;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:110px;z-index:2;box-shadow:inset 1px 1px 2px #d1d9e64d,inset -1px -1px 2px #fffc}.register-container .register-form-section .form-container .register-form .form-group .input-container.phone-input-container .country-code-select:hover{background:linear-gradient(145deg,#f0f4f8,#fff)}.register-container .register-form-section .form-container .register-form .form-group .input-container.phone-input-container .country-code-select:focus{outline:none;border-color:#00568f;background:#fff;box-shadow:0 0 0 3px #00568f1a}.register-container .register-form-section .form-container .register-form .form-group .input-container.phone-input-container .country-code-select:disabled{background:#e2e8f0;cursor:not-allowed;color:#a0aec0}.register-container .register-form-section .form-container .register-form .form-group .input-container.phone-input-container .country-code-select option{padding:.5rem;font-weight:400}.register-container .register-form-section .form-container .register-form .form-group .input-container.phone-input-container input[type=tel]{padding-left:125px}.register-container .register-form-section .form-container .register-form .form-group .input-container.phone-input-container input[type=tel]:focus~.country-code-select{border-color:#00568f}.register-container .register-form-section .form-container .register-form .form-group .input-container.phone-input-container .error-text{left:125px}.register-container .register-form-section .form-container .register-form .password-strength{margin-top:.5rem}.register-container .register-form-section .form-container .register-form .password-strength .strength-bar{height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;margin-bottom:.25rem}.register-container .register-form-section .form-container .register-form .password-strength .strength-bar .strength-fill{height:100%;transition:all .3s ease}.register-container .register-form-section .form-container .register-form .password-strength .strength-text{font-size:.85rem;margin:0}.register-container .register-form-section .form-container .register-form .form-options{display:flex;align-items:center;margin-bottom:1.5rem}.register-container .register-form-section .form-container .register-form .form-options .checkbox-container{display:flex;align-items:center;cursor:pointer;font-size:1rem;font-weight:300;color:#4a5568}.register-container .register-form-section .form-container .register-form .form-options .checkbox-container input[type=checkbox]{display:none}.register-container .register-form-section .form-container .register-form .form-options .checkbox-container .checkmark{width:18px;height:18px;border-radius:50%;background:#f0f4f8;box-shadow:inset 4px 4px 8px #d1d9e6,inset -4px -4px 8px #fff;margin-right:.75rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.register-container .register-form-section .form-container .register-form .form-options .checkbox-container .checkmark:after{content:"✓";color:#667eea;font-size:12px;opacity:0;transition:opacity .3s ease}.register-container .register-form-section .form-container .register-form .form-options .checkbox-container input[type=checkbox]:checked+.checkmark:after{opacity:1}.register-container .register-form-section .form-container .register-form .form-options .checkbox-container a{color:#00568f;text-decoration:none;margin:0 .25rem;font-weight:400}.register-container .register-form-section .form-container .register-form .form-options .checkbox-container a:hover{color:#764ba2;text-decoration:underline}.register-container .register-form-section .form-container .register-form .error-text{color:#e53e3e;font-size:.85rem;margin-top:.25rem}.register-container .register-form-section .form-container .register-form .error-text.center{text-align:center;margin-top:-1rem;margin-bottom:1rem}.register-container .register-form-section .form-container .register-form .register-button{width:100%;padding:1.25rem;border:none;border-radius:50px;background:#00568f;color:#fff;font-size:1.1rem;font-weight:400;cursor:pointer;transition:all .3s ease}.register-container .register-form-section .form-container .register-form .register-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00568f4d;background:#004578}.register-container .register-form-section .form-container .register-form .register-button:active{transform:translateY(0)}.register-container .register-form-section .form-container .register-form .register-button:disabled{background:#a0aec0;cursor:not-allowed;transform:none}.register-container .register-form-section .form-container .register-form .register-button:disabled:hover{background:#a0aec0;transform:none;box-shadow:none}.register-container .register-form-section .form-container .form-footer{text-align:center;margin-top:2rem}.register-container .register-form-section .form-container .form-footer p{color:#4a5568;margin:0;font-size:1.2rem;font-weight:300}.register-container .register-form-section .form-container .form-footer p a{color:#00568f;text-decoration:none;font-weight:300;transition:color .3s ease}.register-container .register-form-section .form-container .form-footer p a:hover{color:#764ba2}.register-container .error-message{background:#fee;color:#c53030;padding:1rem;border-radius:8px;border:1px solid #fed7d7;margin-bottom:1.5rem;font-size:.9rem;text-align:center}.register-container .registration-success{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.register-container .registration-success .success-header{text-align:center;margin-bottom:3rem}.register-container .registration-success .success-header .success-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(145deg,#f0fdf4,#dcfce7);box-shadow:10px 10px 20px #86efac33,-10px -10px 20px #ffffffe6;margin-bottom:1.5rem}.register-container .registration-success .success-header .success-icon i{font-size:3rem;color:#22c55e}.register-container .registration-success .success-header h2{font-size:2.5rem;font-weight:400;color:#2d3748;margin:0 0 .5rem}.register-container .registration-success .success-header p{font-size:1.2rem;color:#4a5568;margin:0}.register-container .registration-success .qr-section{width:100%}.register-container .registration-success .qr-section .qr-container{display:flex;gap:3rem;align-items:center;margin-bottom:3rem;padding:2rem;background:#f0f4f8;border-radius:20px;box-shadow:inset 4px 4px 8px #d1d9e6,inset -4px -4px 8px #fff}.register-container .registration-success .qr-section .qr-container .qr-code{flex-shrink:0;padding:1rem;background:#fff;border-radius:15px;box-shadow:5px 5px 10px #d1d9e680,-5px -5px 10px #ffffffe6}.register-container .registration-success .qr-section .qr-container .qr-code img{display:block;width:200px;height:200px}.register-container .registration-success .qr-section .qr-container .qr-instructions{flex:1}.register-container .registration-success .qr-section .qr-container .qr-instructions h3{font-size:1.5rem;font-weight:500;color:#2d3748;margin:0 0 1rem}.register-container .registration-success .qr-section .qr-container .qr-instructions p{font-size:1.1rem;color:#4a5568;margin:0 0 1.5rem;line-height:1.6}.register-container .registration-success .qr-section .qr-container .qr-instructions .app-badges{display:flex;gap:1rem}.register-container .registration-success .qr-section .qr-container .qr-instructions .app-badges .app-badge{display:inline-block;transition:transform .3s ease}.register-container .registration-success .qr-section .qr-container .qr-instructions .app-badges .app-badge:hover{transform:translateY(-2px)}.register-container .registration-success .qr-section .qr-container .qr-instructions .app-badges .app-badge img{height:45px;width:auto}.register-container .registration-success .qr-section .next-steps{text-align:center}.register-container .registration-success .qr-section .next-steps>p{font-size:1.1rem;color:#2d3748;margin-bottom:1rem;font-weight:500}.register-container .registration-success .qr-section .next-steps ul{list-style:none;padding:0;margin:0 0 2rem}.register-container .registration-success .qr-section .next-steps ul li{padding:.75rem;margin-bottom:.5rem;background:linear-gradient(145deg,#fff,#f0f4f8);border-radius:50px;font-size:1rem;color:#4a5568;box-shadow:3px 3px 6px #d1d9e64d,-3px -3px 6px #fffc}.register-container .registration-success .qr-section .next-steps ul li:before{content:"✓";color:#22c55e;font-weight:700;margin-right:.5rem}.register-container .registration-success .qr-section .next-steps .login-button{display:inline-block;padding:1.25rem 3rem;border-radius:50px;background:#00568f;color:#fff;text-decoration:none;font-size:1.1rem;font-weight:400;transition:all .3s ease}.register-container .registration-success .qr-section .next-steps .login-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00568f4d;background:#004578}@media (max-width: 768px){.register-container{flex-direction:column}.register-container .register-image-section{flex:none;height:250px;padding:1.5rem}.register-container .register-image-section .image-container{height:100%;max-width:none}.register-container .register-image-section .image-container .neumorphic-frame{height:100%}.register-container .register-image-section .image-container .image-overlay{bottom:1rem;left:1rem;right:1rem;padding:1rem}.register-container .register-image-section .image-container .image-overlay .brand-logo{width:3rem;height:3rem}.register-container .register-image-section .image-container .image-overlay .brand-title{font-size:1.75rem}.register-container .register-image-section .image-container .image-overlay .brand-subtitle{font-size:.85rem}.register-container .register-form-section{padding:1.5rem}.register-container .register-form-section .form-container{padding:1.5rem;min-height:auto}.register-container .register-form-section .form-container .form-header h2{font-size:2rem}.register-container .register-form-section .form-container .form-header p{font-size:1rem}.register-container .register-form-section .form-container .register-form .form-row{grid-template-columns:1fr;gap:0;margin-bottom:0}.register-container .register-form-section .form-container .register-form .form-group{margin-bottom:1.25rem}.register-container .register-form-section .form-container .register-form .form-group label{font-size:.95rem}.register-container .register-form-section .form-container .register-form .form-group .input-container input{padding:.875rem 1.25rem;font-size:.95rem}.register-container .register-form-section .form-container .register-form .form-group .input-container.phone-input-container .country-code-select{width:100px;font-size:.85rem}.register-container .register-form-section .form-container .register-form .form-group .input-container.phone-input-container input[type=tel]{padding-left:110px}.register-container .register-form-section .form-container .register-form .form-group .input-container.phone-input-container:before{left:75px}.register-container .register-form-section .form-container .register-form .form-group .input-container.phone-input-container .error-text{left:110px}.register-container .registration-success{padding:1.5rem}.register-container .registration-success .success-header{margin-bottom:2rem}.register-container .registration-success .success-header .success-icon{width:60px;height:60px;margin-bottom:1rem}.register-container .registration-success .success-header .success-icon i{font-size:2rem}.register-container .registration-success .success-header h2{font-size:1.75rem}.register-container .registration-success .success-header p{font-size:1rem}.register-container .registration-success .qr-section .qr-container{flex-direction:column;gap:2rem;padding:1.5rem}.register-container .registration-success .qr-section .qr-container .qr-code{padding:.75rem}.register-container .registration-success .qr-section .qr-container .qr-code img{width:150px;height:150px}.register-container .registration-success .qr-section .qr-container .qr-instructions{text-align:center}.register-container .registration-success .qr-section .qr-container .qr-instructions h3{font-size:1.25rem}.register-container .registration-success .qr-section .qr-container .qr-instructions p{font-size:1rem}.register-container .registration-success .qr-section .qr-container .qr-instructions .app-badges{justify-content:center}.register-container .registration-success .qr-section .qr-container .qr-instructions .app-badges .app-badge img{height:40px}.register-container .registration-success .qr-section .next-steps>p{font-size:1rem}.register-container .registration-success .qr-section .next-steps ul li{font-size:.9rem;padding:.6rem}.register-container .registration-success .qr-section .next-steps .login-button{padding:1rem 2rem;font-size:1rem}}@media (max-width: 480px){.register-container .register-image-section{height:200px;padding:1rem}.register-container .register-form-section{padding:1rem}.register-container .register-form-section .form-container{padding:1.25rem}.register-container .register-form-section .form-container .form-header h2{font-size:1.75rem}.register-container .register-form-section .form-container .register-form .form-group{margin-bottom:1rem}.register-container .register-form-section .form-container .register-form .form-group .input-container input{padding:.75rem 1rem;font-size:.9rem}.register-container .register-form-section .form-container .register-form .form-group .input-container .password-toggle{font-size:1.2rem}.register-container .register-form-section .form-container .register-form .form-group .input-container.phone-input-container .country-code-select{width:90px;font-size:.75rem;padding:0 .5rem 0 .75rem}.register-container .register-form-section .form-container .register-form .form-group .input-container.phone-input-container input[type=tel]{padding-left:100px}.register-container .register-form-section .form-container .register-form .form-group .input-container.phone-input-container:before{left:70px;font-size:.6rem}.register-container .register-form-section .form-container .register-form .form-group .input-container.phone-input-container .error-text{left:100px;font-size:.75rem}.register-container .register-form-section .form-container .register-form .register-button{padding:1rem;font-size:1rem}.register-container .register-form-section .registration-success,.register-container .register-form-section .registration-success .qr-section .qr-container{padding:1rem}.register-container .register-form-section .registration-success .qr-section .qr-container .qr-code img{width:120px;height:120px}.register-container .register-form-section .registration-success .qr-section .qr-container .app-badges .app-badge img{height:35px}}.nav-container{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:80px}.nav-container .nav-left{flex:0 0 auto}.nav-container .nav-left .logo-container{display:flex;align-items:center;gap:.75rem}.nav-container .nav-left .logo-container .logo{height:40px;width:auto}.nav-container .nav-left .logo-container .logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-container .nav-middle{flex:1;display:flex;justify-content:center;padding:0 2rem}.nav-container .nav-middle .nav-pills{display:flex;gap:.5rem;padding:.5rem;margin:0;list-style:none;background:#fff;border-radius:50px;box-shadow:inset 3px 3px 7px #0000000d,inset -3px -3px 7px #ffffffe6,5px 5px 15px #00000014,-5px -5px 15px #fff}.nav-container .nav-middle .nav-pills .nav-pill-item{position:relative;padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.95rem;color:#64748b;-webkit-user-select:none;user-select:none}.nav-container .nav-middle .nav-pills .nav-pill-item:hover:not(.active){background:linear-gradient(145deg,#f8fafc,#e2e8f0);color:#475569;transform:translateY(-1px)}.nav-container .nav-middle .nav-pills .nav-pill-item.active{background:linear-gradient(145deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef444459,inset 0 1px 2px #fff3;transform:scale(1.05)}.nav-container .nav-middle .nav-pills .nav-pill-item.active .nav-pill-text{font-weight:600}.nav-container .nav-middle .nav-pills .nav-pill-item .nav-pill-text{position:relative;z-index:1}.nav-container .nav-right{flex:0 0 auto}.nav-container .nav-right .nav-actions-pill{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fff;border-radius:50px;box-shadow:3px 3px 7px #0000000d,-3px -3px 7px #ffffffe6,5px 5px 15px #00000014,-5px -5px 15px #fff}.nav-container .nav-right .nav-actions-pill .notification-container{position:relative}.nav-container .nav-right .nav-actions-pill .notification-container .notification-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:none;background:linear-gradient(145deg,#fff,#f3f4f6);cursor:pointer;transition:all .3s ease;color:#64748b;box-shadow:3px 3px 6px #00000014,-3px -3px 6px #fff}.nav-container .nav-right .nav-actions-pill .notification-container .notification-btn:hover{background:linear-gradient(145deg,#f8fafc,#e2e8f0);transform:scale(1.05)}.nav-container .nav-right .nav-actions-pill .notification-container .notification-btn.active{background:linear-gradient(145deg,#e2e8f0,#cbd5e1);box-shadow:inset 2px 2px 5px #0000001a,inset -2px -2px 5px #ffffffe6}.nav-container .nav-right .nav-actions-pill .notification-container .notification-btn .notification-badge{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:linear-gradient(145deg,#ef4444,#dc2626);color:#fff;font-size:.75rem;font-weight:600;border-radius:50px;box-shadow:0 2px 8px #ef444480;animation:pulse 2s infinite}.nav-container .nav-right .nav-actions-pill .notification-container .notification-btn .connection-indicator{position:absolute;bottom:-2px;right:-2px;width:8px;height:8px;background:#10b981;border:2px solid white;border-radius:50%;animation:pulse-green 2s infinite;box-shadow:0 0 8px #10b98199}.nav-container .nav-right .nav-actions-pill .notification-container .notification-btn .connection-indicator:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#10b9814d;border-radius:50%;animation:ripple 2s infinite}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown{position:absolute;top:calc(100% + 1rem);right:0;width:380px;max-height:480px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001f,0 2px 10px #00000014;overflow:hidden;animation:slideDown .3s ease;z-index:1000}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .dropdown-header{padding:1.25rem;border-bottom:1px solid #f1f5f9}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .dropdown-header h4{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:#1e293b}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .dropdown-header .notification-count{font-size:.875rem;color:#64748b}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .notifications-list{max-height:320px;overflow-y:auto}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .notifications-list::-webkit-scrollbar{width:6px}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .notifications-list::-webkit-scrollbar-track{background:#f8fafc}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .notifications-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .notifications-list .notification-item{display:flex;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid #f8fafc;cursor:pointer;transition:background .2s ease;position:relative}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .notifications-list .notification-item:hover{background:#f8fafc}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .notifications-list .notification-item.unread{background:linear-gradient(to right,rgba(99,102,241,.05),transparent)}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .notifications-list .notification-item.unread .unread-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(145deg,#6366f1,#4f46e5);border-radius:0 2px 2px 0}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .notifications-list .notification-item.empty{padding:3rem 1.25rem;text-align:center}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .notifications-list .notification-item.empty .notification-content{width:100%}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .notifications-list .notification-item .notification-icon{flex:0 0 auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f1f5f9;font-size:1.25rem}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .notifications-list .notification-item .notification-icon.emergency{background:linear-gradient(145deg,#fef2f2,#fee2e2)}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .notifications-list .notification-item .notification-icon.high{background:linear-gradient(145deg,#fef3c7,#fed7aa)}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .notifications-list .notification-item .notification-content{flex:1;min-width:0}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .notifications-list .notification-item .notification-content .notification-title{font-weight:600;color:#1e293b;margin-bottom:.25rem;font-size:.95rem}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .notifications-list .notification-item .notification-content .notification-message{color:#64748b;font-size:.875rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .notifications-list .notification-item .notification-content .notification-time{margin-top:.5rem;font-size:.75rem;color:#94a3b8}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .dropdown-footer{display:flex;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid #f1f5f9;background:#fafbfc}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .dropdown-footer button{flex:1;padding:.875rem 1.25rem;border:none;border-radius:50px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .dropdown-footer button.mark-all-read-btn{background:linear-gradient(145deg,#fff,#f3f4f6);color:#64748b;box-shadow:3px 3px 6px #00000014,-3px -3px 6px #fff}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .dropdown-footer button.mark-all-read-btn:hover{background:linear-gradient(145deg,#f8fafc,#e2e8f0);transform:scale(1.02);box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #fff}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .dropdown-footer button.mark-all-read-btn:active{background:linear-gradient(145deg,#e2e8f0,#cbd5e1);box-shadow:inset 2px 2px 5px #0000001a,inset -2px -2px 5px #ffffffe6;transform:scale(.98)}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .dropdown-footer button.view-all-btn{background:linear-gradient(145deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 15px #3b82f659,inset 0 1px 2px #fff3}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .dropdown-footer button.view-all-btn:hover{background:linear-gradient(145deg,#2563eb,#1d4ed8);transform:translateY(-1px) scale(1.02);box-shadow:0 6px 20px #3b82f673,inset 0 1px 2px #fff3}.nav-container .nav-right .nav-actions-pill .notification-container .notifications-dropdown .dropdown-footer button.view-all-btn:active{transform:translateY(0) scale(.98);box-shadow:0 2px 10px #3b82f659,inset 0 1px 2px #0000001a}.nav-container .nav-right .nav-actions-pill .user-info-display{display:flex;flex-direction:column;align-items:flex-end;padding:0 .5rem 0 .75rem;border-left:1px solid #e2e8f0;margin-left:.5rem}.nav-container .nav-right .nav-actions-pill .user-info-display .user-name{font-size:.95rem;font-weight:600;color:#1e293b;line-height:1.2}.nav-container .nav-right .nav-actions-pill .user-info-display .user-status{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#64748b;margin-top:.125rem}.nav-container .nav-right .nav-actions-pill .profile-container{position:relative}.nav-container .nav-right .nav-actions-pill .profile-container .profile-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:50%;border:none;background:linear-gradient(145deg,#fff,#f3f4f6);cursor:pointer;transition:all .3s ease;overflow:hidden;box-shadow:3px 3px 6px #00000014,-3px -3px 6px #fff}.nav-container .nav-right .nav-actions-pill .profile-container .profile-btn:hover{transform:scale(1.05);box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #fff}.nav-container .nav-right .nav-actions-pill .profile-container .profile-btn.active{background:linear-gradient(145deg,#e2e8f0,#cbd5e1);box-shadow:inset 2px 2px 5px #0000001a,inset -2px -2px 5px #ffffffe6}.nav-container .nav-right .nav-actions-pill .profile-container .profile-btn .profile-avatar{width:100%;height:100%;object-fit:cover}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown{position:absolute;top:calc(100% + 1rem);right:0;width:320px;max-height:520px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001f,0 2px 10px #00000014;overflow:hidden;animation:slideDown .3s ease;z-index:1000}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .profile-header{display:flex;gap:1rem;padding:1.25rem;background:#fff;border-bottom:1px solid #f1f5f9}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .profile-header .profile-dropdown-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 2px 8px #0000001a}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .profile-header .profile-info{display:flex;flex-direction:column;justify-content:center}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .profile-header .profile-info .profile-name{font-weight:600;color:#1e293b;font-size:1rem;margin-bottom:.25rem}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .profile-header .profile-info .profile-role{font-size:.875rem;color:#64748b;text-transform:capitalize}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .dropdown-divider{height:1px;background:#f1f5f9;margin:0}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .status-section{padding:1rem 1.25rem;background:#fafbfc;border-bottom:1px solid #f1f5f9}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .status-section .status-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#94a3b8;margin-bottom:.75rem}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .status-section .status-options{display:flex;gap:.5rem}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .status-section .status-options .status-option{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;border:none;background:linear-gradient(145deg,#fff,#f3f4f6);border-radius:50px;font-size:.813rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .3s ease;box-shadow:3px 3px 6px #00000014,-3px -3px 6px #fff}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .status-section .status-options .status-option:hover{background:linear-gradient(145deg,#f8fafc,#e2e8f0);transform:scale(1.02);box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #fff}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .status-section .status-options .status-option.active{background:linear-gradient(145deg,#3b82f6,#2563eb);color:#fff;font-weight:500;box-shadow:0 4px 15px #3b82f659,inset 0 1px 2px #fff3}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .status-section .status-options .status-option.active .status-dot--online,.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .status-section .status-options .status-option.active .status-dot--away,.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .status-section .status-options .status-option.active .status-dot--offline{background:#fff;box-shadow:0 0 0 2px #ffffff4d}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .status-section .status-options .status-option:active{transform:scale(.98)}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .status-section .status-options .status-option .status-dot{width:8px;height:8px;border-radius:50%}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .status-section .status-options .status-option .status-dot--online{background:#10b981}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .status-section .status-options .status-option .status-dot--away{background:#f59e0b}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .status-section .status-options .status-option .status-dot--offline{background:#6b7280}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .dropdown-menu{list-style:none;margin:0;padding:.5rem;max-height:300px;overflow-y:auto;background:#fff}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .dropdown-menu::-webkit-scrollbar{width:6px}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .dropdown-menu::-webkit-scrollbar-track{background:#f8fafc}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .dropdown-menu .dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:10px;cursor:pointer;transition:all .2s ease;color:#475569;font-size:.925rem;font-weight:500;position:relative}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .dropdown-menu .dropdown-item:hover{background:linear-gradient(145deg,#f8fafc,#f1f5f9);transform:translate(4px)}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .dropdown-menu .dropdown-item:hover:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(145deg,#3b82f6,#2563eb);border-radius:0 2px 2px 0}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .dropdown-menu .dropdown-item--danger{color:#dc2626}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .dropdown-menu .dropdown-item--danger:hover{background:linear-gradient(145deg,#fef2f2,#fee2e2);color:#b91c1c}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .dropdown-menu .dropdown-item--danger:hover:before{background:linear-gradient(145deg,#ef4444,#dc2626)}.nav-container .nav-right .nav-actions-pill .profile-container .profile-dropdown .dropdown-menu .dropdown-item .dropdown-icon{font-size:1.125rem;flex-shrink:0}@keyframes pulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes pulse-green{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}@media (max-width: 1200px){.nav-container .nav-middle .nav-pills{gap:.25rem}.nav-container .nav-middle .nav-pills .nav-pill-item{padding:.625rem 1.25rem;font-size:.9rem}}@media (max-width: 768px){.nav-container{padding:.75rem 1rem}.nav-container .nav-left .logo-container .logo-text{display:none}.nav-container .nav-middle{padding:0 1rem}.nav-container .nav-middle .nav-pills{padding:.375rem}.nav-container .nav-middle .nav-pills .nav-pill-item{padding:.5rem 1rem;font-size:.875rem}.nav-container .nav-right .nav-actions-pill{padding:.375rem}.nav-container .nav-right .nav-actions-pill .user-info-display{display:none}}.user-form{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.user-form__header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.user-form__header .form-title{font-size:24px;font-weight:700;color:#333;margin:0}.user-form__header .close-button{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.user-form__header .close-button:hover{background:#e9ecef;color:#333}.user-form__content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.form-section .section-title{font-size:18px;font-weight:600;color:#333;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #00D4FF}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group .form-label{font-size:14px;font-weight:600;color:#333;margin:0}.form-group .form-label:after{content:" *";color:#dc3545;display:none}.form-group .form-label[for$=email]:after,.form-group .form-label[for$=name]:after,.form-group .form-label[for$=firstName]:after,.form-group .form-label[for$=lastName]:after,.form-group .form-label[for$=password]:after,.form-group .form-label[for$=confirmPassword]:after{display:inline}.form-group .form-input,.form-group .form-select{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.form-group .form-input:disabled,.form-group .form-select:disabled{background:#f8f9fa;color:#666;cursor:not-allowed}.form-group .form-input--error,.form-group .form-select--error{border-color:#dc3545}.form-group .form-input--error:focus,.form-group .form-select--error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-group .form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-group .form-error{font-size:12px;color:#dc3545;margin-top:4px}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.permissions-grid .permission-item{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s ease}.permissions-grid .permission-item:hover{background:#fff}.permissions-grid .permission-item input[type=checkbox]{width:16px;height:16px;accent-color:#00D4FF;cursor:pointer}.permissions-grid .permission-item .permission-label{font-size:14px;color:#333;-webkit-user-select:none;user-select:none}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #e9ecef;margin-top:auto}.form-actions .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:120px;justify-content:center}.form-actions .btn:disabled{opacity:.6;cursor:not-allowed}.form-actions .btn--primary{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff}.form-actions .btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#09c,#007399);transform:translateY(-1px);box-shadow:0 4px 12px #00d4ff4d}.form-actions .btn--secondary{background:#fff;color:#333;border:2px solid #e9ecef}.form-actions .btn--secondary:hover:not(:disabled){background:#f8f9fa;border-color:#dee2e6}.form-actions .btn .loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.modal-overlay{padding:10px}.user-form{max-height:95vh}.user-form__header{padding:16px}.user-form__header .form-title{font-size:20px}.user-form__content{padding:16px;gap:20px}.form-section .section-title{font-size:16px}.permissions-grid{grid-template-columns:1fr;gap:8px}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}@media (max-width: 480px){.user-form__header{padding:12px}.user-form__header .form-title{font-size:18px}.user-form__header .close-button{font-size:20px}.user-form__content{padding:12px;gap:16px}.form-group .form-input,.form-group .form-select{padding:10px 12px;font-size:13px}.permissions-grid{padding:12px}.permissions-grid .permission-item{padding:6px}.permissions-grid .permission-item .permission-label{font-size:13px}}@media (prefers-contrast: high){.user-form{border:3px solid #000}.user-form__header{border-bottom:2px solid #000}.form-input,.form-select{border:2px solid #000}.form-input:focus,.form-select:focus{border-color:#000;box-shadow:0 0 0 3px #0000001a}.form-input--error,.form-select--error{border-color:#dc3545;background:#fff5f5}.permissions-grid{border:2px solid #000}.btn--primary{background:#000;border:2px solid #000}.btn--primary:hover:not(:disabled){background:#333}.btn--secondary{border:2px solid #000;color:#000}.btn--secondary:hover:not(:disabled){background:#f0f0f0}}@media (prefers-reduced-motion: reduce){.form-input,.form-select,.btn,.permission-item,.close-button{transition:none}.loading-spinner{animation:none}.btn:hover{transform:none}}.user-form:focus-within .form-input:focus,.user-form:focus-within .form-select:focus,.user-form:focus-within .btn:focus,.user-form:focus-within input[type=checkbox]:focus{outline:2px solid #00D4FF;outline-offset:2px}@media print{.modal-overlay{position:static;background:none;padding:0}.user-form{box-shadow:none;max-height:none;overflow:visible}.user-form__header{background:none;border-bottom:2px solid #000}.user-form__content{overflow:visible}.form-actions{display:none}}.user-search{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.search-basic{padding:20px;display:flex;flex-direction:column;gap:16px}.search-basic .search-input-group{display:flex;gap:12px;align-items:center}.search-basic .search-input-group .search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-basic .search-input-group .search-input-wrapper .search-icon{position:absolute;left:12px;font-size:16px;color:#666;z-index:1}.search-basic .search-input-group .search-input-wrapper .search-input{width:100%;padding:12px 16px 12px 40px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .2s ease}.search-basic .search-input-group .search-input-wrapper .search-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.search-basic .search-input-group .search-input-wrapper .search-input::placeholder{color:#999}.search-basic .search-input-group .search-input-wrapper .clear-search-btn{position:absolute;right:12px;background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.search-basic .search-input-group .search-input-wrapper .clear-search-btn:hover{background:#f8f9fa;color:#333}.search-basic .search-input-group .status-filter{min-width:150px;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.search-basic .search-input-group .status-filter:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.search-basic .search-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search-basic .search-actions .advanced-toggle{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:2px solid #e9ecef;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.search-basic .search-actions .advanced-toggle:hover{background:#f8f9fa;border-color:#dee2e6}.search-basic .search-actions .advanced-toggle--active{background:#00d4ff;color:#fff;border-color:#00d4ff}.search-basic .search-actions .advanced-toggle--active:hover{background:#09c}.search-basic .search-actions .advanced-toggle .toggle-icon{font-size:12px}.search-basic .search-actions .advanced-toggle .toggle-arrow{font-size:10px;transition:transform .2s ease}.search-basic .search-actions .advanced-toggle .toggle-arrow--up{transform:rotate(180deg)}.search-basic .search-actions .clear-filters-btn,.search-basic .search-actions .export-btn,.search-basic .search-actions .save-search-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.search-basic .search-actions .clear-filters-btn .btn-icon,.search-basic .search-actions .export-btn .btn-icon,.search-basic .search-actions .save-search-btn .btn-icon{font-size:12px}.search-basic .search-actions .clear-filters-btn{background:#f8d7da;color:#721c24}.search-basic .search-actions .clear-filters-btn:hover{background:#f5c6cb}.search-basic .search-actions .export-btn{background:#d4edda;color:#155724}.search-basic .search-actions .export-btn:hover{background:#c3e6cb}.search-basic .search-actions .save-search-btn{background:#cce7ff;color:#004085}.search-basic .search-actions .save-search-btn:hover{background:#b3d9ff}.search-advanced{border-top:1px solid #e9ecef;background:#f8f9fa}.search-advanced .advanced-header{padding:16px 20px;border-bottom:1px solid #e9ecef}.search-advanced .advanced-header .advanced-title{font-size:16px;font-weight:600;color:#333;margin:0}.search-advanced .advanced-content{padding:20px;display:flex;flex-direction:column;gap:16px}.search-advanced .advanced-content .filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.search-advanced .advanced-content .filter-group{display:flex;flex-direction:column;gap:6px}.search-advanced .advanced-content .filter-group .filter-label{font-size:13px;font-weight:600;color:#333;margin:0}.search-advanced .advanced-content .filter-group .filter-input,.search-advanced .advanced-content .filter-group .filter-select{padding:10px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:13px;transition:all .2s ease}.search-advanced .advanced-content .filter-group .filter-input:focus,.search-advanced .advanced-content .filter-group .filter-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff1a}.search-advanced .advanced-content .filter-group .filter-select{cursor:pointer}.search-advanced .advanced-content .filter-group .date-range{display:flex;align-items:center;gap:8px}.search-advanced .advanced-content .filter-group .date-range .date-input{flex:1;padding:10px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:13px;transition:all .2s ease}.search-advanced .advanced-content .filter-group .date-range .date-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff1a}.search-advanced .advanced-content .filter-group .date-range .date-separator{font-size:12px;color:#666;font-weight:500}.save-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.save-dialog{background:#fff;border-radius:8px;padding:24px;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d}.save-dialog .save-dialog-title{font-size:18px;font-weight:600;color:#333;margin:0 0 16px}.save-dialog .save-dialog-input{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:6px;font-size:14px;margin-bottom:16px;transition:all .2s ease}.save-dialog .save-dialog-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.save-dialog .save-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.save-dialog .save-dialog-actions .btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-dialog .save-dialog-actions .btn:disabled{opacity:.6;cursor:not-allowed}.save-dialog .save-dialog-actions .btn--primary{background:#00d4ff;color:#fff}.save-dialog .save-dialog-actions .btn--primary:hover:not(:disabled){background:#09c}.save-dialog .save-dialog-actions .btn--secondary{background:#fff;color:#333;border:1px solid #dee2e6}.save-dialog .save-dialog-actions .btn--secondary:hover{background:#f8f9fa}.active-filters{padding:16px 20px;background:#fff3cd;border-top:1px solid #ffeaa7;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.active-filters .filters-label{font-size:13px;font-weight:600;color:#856404}.active-filters .filter-tags{display:flex;gap:6px;flex-wrap:wrap}.active-filters .filter-tags .filter-tag{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#fff;border:1px solid #ffeaa7;border-radius:12px;font-size:12px;color:#856404}.active-filters .filter-tags .filter-tag button{background:none;border:none;color:#856404;cursor:pointer;padding:0;margin-left:4px;font-size:10px;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.active-filters .filter-tags .filter-tag button:hover{background:#ffeaa7}@media (max-width: 768px){.search-basic{padding:16px}.search-basic .search-input-group{flex-direction:column;align-items:stretch}.search-basic .search-input-group .status-filter{min-width:auto}.search-basic .search-actions{justify-content:center}.search-advanced .advanced-content{padding:16px}.search-advanced .advanced-content .filter-row{grid-template-columns:1fr}.search-advanced .advanced-content .filter-group .date-range{flex-direction:column;align-items:stretch}.search-advanced .advanced-content .filter-group .date-range .date-separator{text-align:center;padding:4px 0}.active-filters{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.search-basic{padding:12px}.search-basic .search-input-group .search-input-wrapper .search-input{padding:10px 12px 10px 36px;font-size:13px}.search-basic .search-input-group .search-input-wrapper .search-icon{left:10px;font-size:14px}.search-basic .search-input-group .status-filter{padding:10px 12px;font-size:13px}.search-basic .search-actions{gap:6px}.search-basic .search-actions .advanced-toggle,.search-basic .search-actions .clear-filters-btn,.search-basic .search-actions .export-btn,.search-basic .search-actions .save-search-btn{padding:6px 10px;font-size:12px}.save-dialog{margin:20px;padding:20px}.save-dialog .save-dialog-title{font-size:16px}.save-dialog .save-dialog-input{padding:10px 12px;font-size:13px}}@media (prefers-contrast: high){.user-search,.search-input,.status-filter,.filter-input,.filter-select,.date-input{border:2px solid #000}.search-input:focus,.status-filter:focus,.filter-input:focus,.filter-select:focus,.date-input:focus{border-color:#000;box-shadow:0 0 0 3px #0000001a}.advanced-toggle--active{background:#000;border-color:#000}.save-dialog{border:3px solid #000}}@media (prefers-reduced-motion: reduce){.search-input,.status-filter,.advanced-toggle,.filter-input,.filter-select,.date-input,.btn,.toggle-arrow{transition:none}}.bulk-operations{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.bulk-operations__header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.bulk-operations__header .modal-title{font-size:24px;font-weight:700;color:#333;margin:0}.bulk-operations__header .close-button{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.bulk-operations__header .close-button:hover{background:#e9ecef;color:#333}.bulk-operations__content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.bulk-operations__actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e9ecef;background:#f8f9fa;margin-top:auto}.operation-selection .section-title{font-size:18px;font-weight:600;color:#333;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #00D4FF}.operation-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.operation-tabs .operation-tab{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease;text-align:center}.operation-tabs .operation-tab .tab-icon{font-size:24px}.operation-tabs .operation-tab:hover{border-color:#00d4ff;background:#f8fdff;color:#333}.operation-tabs .operation-tab--active{border-color:#00d4ff;background:linear-gradient(135deg,#00d4ff,#09c);color:#fff}.operation-tabs .operation-tab--active:hover{background:linear-gradient(135deg,#09c,#007399)}.operation-config .config-section{background:#f8f9fa;border-radius:8px;padding:20px;border:1px solid #e9ecef}.operation-config .config-section .config-title{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.operation-config .config-section .config-select{width:100%;max-width:300px;padding:12px 40px 12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.operation-config .config-section .config-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.warning-message{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-top:16px}.warning-message .warning-icon{font-size:20px;color:#856404;margin-top:2px}.warning-message div{color:#856404;font-size:14px;line-height:1.5}.warning-message div strong{font-weight:600}.confirmation-section{margin-top:16px;padding:16px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px}.confirmation-section p{font-size:14px;font-weight:600;color:#721c24;margin:0 0 12px}.confirmation-section .confirmation-input{width:200px;padding:10px 12px;border:2px solid #dc3545;border-radius:6px;font-size:14px;font-weight:600;text-transform:uppercase;background:#fff}.confirmation-section .confirmation-input:focus{outline:none;border-color:#c82333;box-shadow:0 0 0 3px #dc35451a}.file-upload{margin-bottom:16px}.file-upload .file-input{display:none}.file-upload .file-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:2px dashed #dee2e6;border-radius:8px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}.file-upload .file-upload-btn .btn-icon{font-size:16px}.file-upload .file-upload-btn:hover{border-color:#00d4ff;background:#f8fdff;color:#333}.csv-format-info{padding:12px;background:#e7f3ff;border:1px solid #b8daff;border-radius:6px;margin-bottom:16px}.csv-format-info p{font-size:12px;color:#004085;margin:0;line-height:1.4}.csv-format-info p+p{margin-top:4px}.csv-format-info p strong{font-weight:600}.csv-preview h5{font-size:14px;font-weight:600;color:#333;margin:0 0 12px}.csv-preview .preview-table{border:1px solid #e9ecef;border-radius:6px;overflow:hidden;background:#fff}.csv-preview .preview-table table{width:100%;border-collapse:collapse}.csv-preview .preview-table table thead{background:#f8f9fa}.csv-preview .preview-table table thead th{padding:10px 12px;text-align:left;font-size:12px;font-weight:600;color:#333;border-bottom:1px solid #e9ecef}.csv-preview .preview-table table tbody td{padding:8px 12px;font-size:12px;color:#666;border-bottom:1px solid #f8f9fa}.csv-preview .preview-table table tbody td:last-child{border-bottom:none}.csv-preview .preview-table table tbody tr:last-child td{border-bottom:none}.csv-preview .preview-table .preview-note{font-size:11px;color:#666;padding:8px 12px;background:#f8f9fa;border-top:1px solid #e9ecef;margin:0;text-align:center}.progress-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.progress-section .progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-section .progress-bar .progress-fill{height:100%;background:linear-gradient(135deg,#00d4ff,#09c);border-radius:4px;transition:width .3s ease}.progress-section .progress-text{font-size:14px;font-weight:600;color:#333;text-align:center;margin:0}.results-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.results-section .results-title{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.results-section .results-summary{display:flex;gap:16px;margin-bottom:16px}.results-section .results-summary .result-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:600}.results-section .results-summary .result-item .result-icon{font-size:16px}.results-section .results-summary .result-item--success{background:#d4edda;color:#155724}.results-section .results-summary .result-item--failed{background:#f8d7da;color:#721c24}.results-section .error-details h5{font-size:14px;font-weight:600;color:#721c24;margin:0 0 8px}.results-section .error-details ul{margin:0;padding-left:20px}.results-section .error-details ul li{font-size:13px;color:#721c24;line-height:1.4;margin-bottom:4px}.results-section .error-details ul li:last-child{margin-bottom:0}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:120px;justify-content:center}.btn--danger:hover:not(:disabled){background:#c82333;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.btn .loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.modal-overlay{padding:10px}.bulk-operations{max-height:95vh}.bulk-operations__header{padding:16px}.bulk-operations__header .modal-title{font-size:20px}.bulk-operations__content{padding:16px;gap:20px}.bulk-operations__actions{padding:16px;flex-direction:column-reverse}.bulk-operations__actions .btn{width:100%}.operation-tabs{grid-template-columns:repeat(2,1fr);gap:8px}.operation-tabs .operation-tab{padding:12px;font-size:13px}.operation-tabs .operation-tab .tab-icon{font-size:20px}.config-select{max-width:none}.results-summary{flex-direction:column;gap:8px}.csv-preview .preview-table{overflow-x:auto}.csv-preview .preview-table table{min-width:400px}}@media (max-width: 480px){.bulk-operations__header{padding:12px}.bulk-operations__header .modal-title{font-size:18px}.bulk-operations__header .close-button{font-size:20px}.bulk-operations__content{padding:12px;gap:16px}.bulk-operations__actions{padding:12px}.operation-tabs{grid-template-columns:1fr}.operation-tabs .operation-tab{padding:10px;flex-direction:row;gap:12px;text-align:left}.operation-tabs .operation-tab .tab-icon{font-size:18px}.config-section{padding:16px}.config-section .config-title{font-size:15px}.confirmation-input{width:100%}}@media (prefers-contrast: high){.bulk-operations{border:3px solid #000}.bulk-operations__header{border-bottom:2px solid #000}.bulk-operations__actions{border-top:2px solid #000}.operation-tab{border:2px solid #000}.operation-tab--active{background:#000;border-color:#000}.config-select,.confirmation-input{border:2px solid #000}.config-select:focus,.confirmation-input:focus{border-color:#000;box-shadow:0 0 0 3px #0000001a}.warning-message{border:2px solid #856404}.confirmation-section{border:2px solid #dc3545}.btn--primary{background:#000;border:2px solid #000}.btn--primary:hover:not(:disabled){background:#333}.btn--secondary{border:2px solid #000;color:#000}.btn--secondary:hover:not(:disabled){background:#f0f0f0}.btn--danger{border:2px solid #dc3545}.btn--danger:hover:not(:disabled){background:#c82333}}@media (prefers-reduced-motion: reduce){.operation-tab,.btn,.close-button,.file-upload-btn,.progress-fill{transition:none}.loading-spinner{animation:none}.btn:hover{transform:none}}.bulk-operations:focus-within .operation-tab:focus,.bulk-operations:focus-within .config-select:focus,.bulk-operations:focus-within .confirmation-input:focus,.bulk-operations:focus-within .btn:focus,.bulk-operations:focus-within .close-button:focus{outline:2px solid #00D4FF;outline-offset:2px}@media print{.modal-overlay{position:static;background:none;padding:0}.bulk-operations{box-shadow:none;max-height:none;overflow:visible}.bulk-operations__header{background:none;border-bottom:2px solid #000}.bulk-operations__content{overflow:visible}.bulk-operations__actions,.operation-tabs{display:none}}.activity-monitor{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.activity-monitor__header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.activity-monitor__header .modal-title{font-size:20px;font-weight:600;color:#333;margin:0}.activity-monitor__header .close-button{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.activity-monitor__header .close-button:hover{background:#e9ecef;color:#333}.activity-monitor__content{flex:1;overflow:hidden;display:flex;flex-direction:column}.activity-monitor__footer{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid #e9ecef;background:#f8f9fa}.activity-monitor__footer .monitor-stats{display:flex;gap:16px}.activity-monitor__footer .monitor-stats .stat-item{font-size:12px;color:#666;font-weight:500}.monitor-tabs{display:flex;border-bottom:1px solid #e9ecef;background:#fff}.monitor-tabs .monitor-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;background:#fff;border:none;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent}.monitor-tabs .monitor-tab .tab-icon{font-size:16px}.monitor-tabs .monitor-tab:hover{background:#f8f9fa;color:#333}.monitor-tabs .monitor-tab--active{color:#00d4ff;border-bottom-color:#00d4ff;background:#fff}.monitor-tabs .monitor-tab--active:hover{background:#fff}.monitor-filters{display:flex;gap:12px;padding:16px 24px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.monitor-filters .filter-group .search-input,.monitor-filters .filter-group .filter-select{padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;min-width:200px}.monitor-filters .filter-group .search-input:focus,.monitor-filters .filter-group .filter-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.monitor-filters .filter-group .filter-select{cursor:pointer;min-width:150px}.monitor-content{flex:1;overflow-y:auto;padding:24px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-list .activity-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease}.activity-list .activity-item:hover{border-color:#00d4ff;box-shadow:0 2px 8px #00d4ff1a}.activity-list .activity-item.activity-success{border-left:4px solid #28a745}.activity-list .activity-item.activity-failed{border-left:4px solid #dc3545}.activity-list .activity-item .activity-icon{font-size:20px;margin-top:2px}.activity-list .activity-item .activity-details{flex:1}.activity-list .activity-item .activity-details .activity-main{display:flex;align-items:center;gap:8px;margin-bottom:4px}.activity-list .activity-item .activity-details .activity-main .activity-user{font-weight:600;color:#333}.activity-list .activity-item .activity-details .activity-main .activity-action{color:#666;text-transform:capitalize}.activity-list .activity-item .activity-details .activity-main .activity-resource{color:#999;font-size:12px}.activity-list .activity-item .activity-details .activity-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#666;margin-bottom:4px}.activity-list .activity-item .activity-details .activity-meta .activity-time{font-weight:500}.activity-list .activity-item .activity-details .activity-details-extra{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.activity-list .activity-item .activity-details .activity-details-extra .detail-item{font-size:11px;color:#666;background:#f8f9fa;padding:2px 6px;border-radius:4px}.activity-list .activity-item .activity-status .status-success{color:#28a745;font-size:16px}.activity-list .activity-item .activity-status .status-failed{color:#dc3545;font-size:16px}.sessions-list{display:flex;flex-direction:column;gap:12px}.sessions-list .session-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease}.sessions-list .session-item:hover{border-color:#00d4ff;box-shadow:0 2px 8px #00d4ff1a}.sessions-list .session-item.session-active{border-left:4px solid #28a745}.sessions-list .session-item.session-inactive{border-left:4px solid #6c757d;opacity:.8}.sessions-list .session-item .session-status{margin-top:4px}.sessions-list .session-item .session-status .status-indicator{width:12px;height:12px;border-radius:50%}.sessions-list .session-item .session-status .status-indicator.status-active{background:#28a745;animation:pulse 2s infinite}.sessions-list .session-item .session-status .status-indicator.status-inactive{background:#6c757d}.sessions-list .session-item .session-details{flex:1}.sessions-list .session-item .session-details .session-main{display:flex;align-items:center;gap:12px;margin-bottom:4px}.sessions-list .session-item .session-details .session-main .session-user{font-weight:600;color:#333}.sessions-list .session-item .session-details .session-main .session-duration{color:#666;font-size:12px}.sessions-list .session-item .session-details .session-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#666;margin-bottom:4px}.sessions-list .session-item .session-details .session-user-agent{font-size:11px;color:#999;font-family:monospace}.sessions-list .session-item .session-actions{display:flex;gap:8px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.loading-state .loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #00D4FF;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media (max-width: 768px){.activity-monitor{margin:10px;max-height:95vh}.activity-monitor__header,.activity-monitor__footer,.monitor-content{padding:16px}.monitor-filters{flex-direction:column;gap:8px}.monitor-filters .filter-group .search-input,.monitor-filters .filter-group .filter-select{width:100%;min-width:auto}.activity-item .activity-main,.activity-item .session-main,.session-item .activity-main,.session-item .session-main{flex-direction:column;align-items:flex-start;gap:4px}.activity-item .activity-meta,.activity-item .session-meta,.session-item .activity-meta,.session-item .session-meta{flex-wrap:wrap}}@media (prefers-contrast: high){.activity-monitor,.activity-item,.session-item{border:2px solid #000}.btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.activity-item,.session-item,.btn,.close-button{transition:none}.status-indicator,.loading-spinner{animation:none}}.user-management{display:flex;flex-direction:column;height:100%;background:#f8f9fa;padding:24px;gap:24px}.user-management--admin .header-title{color:#00d4ff}.user-management--super-admin .header-title{color:#8a2be2}.user-management--super-admin .header-content:before{content:"🔐";margin-right:8px}.user-management__header{display:flex;justify-content:space-between;align-items:flex-start;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.user-management__header .header-content .header-title{font-size:28px;font-weight:700;margin:0 0 8px;color:#333}.user-management__header .header-content .header-subtitle{font-size:16px;color:#666;margin:0}.user-management__header .header-actions{display:flex;gap:12px;align-items:center}.user-management__search{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.user-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.user-stats .stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center;transition:transform .2s ease}.user-stats .stat-card:hover{transform:translateY(-2px)}.user-stats .stat-card .stat-value{font-size:32px;font-weight:700;color:#00d4ff;margin-bottom:8px}.user-stats .stat-card .stat-label{font-size:14px;color:#666;font-weight:500}.error-message{background:#f8d7da;color:#721c24;padding:16px;border-radius:8px;border:1px solid #f5c6cb;font-size:14px}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#666}.loading-state .loading-spinner{width:24px;height:24px;border:3px solid #e9ecef;border-top:3px solid #00D4FF;border-radius:50%;animation:spin 1s linear infinite}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;flex:1}.users-table-container .users-table{width:100%;border-collapse:collapse}.users-table-container .users-table .table-header{background:#f8f9fa;padding:16px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e9ecef;font-size:14px}.users-table-container .users-table .table-header--checkbox{width:40px;text-align:center}.users-table-container .users-table .table-row{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.users-table-container .users-table .table-row:hover{background:#f8f9fa}.users-table-container .users-table .table-row:last-child{border-bottom:none}.users-table-container .users-table .table-cell{padding:16px;vertical-align:middle;font-size:14px}.users-table-container .users-table .table-cell--checkbox{text-align:center;width:40px}.users-table-container .users-table .table-cell--actions{width:120px}.users-table-container .user-info .user-name{font-weight:600;color:#333;margin-bottom:4px}.users-table-container .user-info .user-department{font-size:12px;color:#666}.users-table-container .action-buttons{display:flex;gap:8px}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge--active{background:#d4edda;color:#155724}.status-badge--suspended{background:#fff3cd;color:#856404}.status-badge--terminated{background:#f8d7da;color:#721c24}.status-badge--pending{background:#cce7ff;color:#004085}.status-badge--default{background:#e9ecef;color:#495057}.role-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.role-badge--super-admin{background:#8a2be2;color:#fff}.role-badge--admin{background:#00d4ff;color:#fff}.role-badge--controller{background:#39ff14;color:#000}.role-badge--customer{background:#e9ecef;color:#495057}.role-badge--default{background:#f8f9fa;color:#666}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state .empty-icon{font-size:48px;margin-bottom:16px}.empty-state .empty-description{font-size:14px;line-height:1.5}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn--secondary{background:#fff;color:#333;border:2px solid #e9ecef}.btn--secondary:hover:not(:disabled){background:#f8f9fa;border-color:#dee2e6}.btn .btn-icon{font-size:16px}@media (max-width: 768px){.user-management{padding:16px;gap:16px}.user-management__header{flex-direction:column;gap:16px;align-items:stretch}.user-management__header .header-actions{justify-content:center}.user-stats{grid-template-columns:repeat(2,1fr)}.users-table-container{overflow-x:auto}.users-table-container .users-table{min-width:800px}.btn{padding:8px 12px;font-size:13px}.btn .btn-icon{font-size:14px}}@media (max-width: 480px){.user-management{padding:12px}.user-management__header{padding:16px}.user-management__header .header-title{font-size:24px}.user-management__header .header-subtitle{font-size:14px}.user-stats{grid-template-columns:1fr}.user-stats .stat-card{padding:16px}.user-stats .stat-card .stat-value{font-size:28px}.users-table .table-header,.users-table .table-cell{padding:12px 8px;font-size:13px}.action-buttons{flex-direction:column;gap:4px}}@media (prefers-contrast: high){.user-management{background:#fff}.user-management__header,.user-management__search,.user-management .users-table-container,.user-management .stat-card{border:2px solid #000;box-shadow:none}.status-badge,.role-badge{border:1px solid #000}.btn--primary{background:#000;border:2px solid #000}.btn--primary:hover:not(:disabled){background:#333}.btn--secondary{border:2px solid #000;color:#000}.btn--secondary:hover:not(:disabled){background:#f0f0f0}}@media (prefers-reduced-motion: reduce){.stat-card,.table-row,.btn{transition:none}.loading-spinner{animation:none}.btn:hover{transform:none}}.alert-details{background:#f8f9fa;border-radius:16px;box-shadow:8px 8px 16px #0000001a,-8px -8px 16px #ffffffe6;position:relative;overflow:hidden}.alert-details--sidebar{width:400px;height:100vh;position:fixed;right:0;top:0;z-index:1000;border-radius:0;box-shadow:-4px 0 20px #00000026;overflow-y:auto}@media (max-width: 768px){.alert-details--sidebar{width:100vw;left:0}}.alert-details--modal{width:90vw;max-width:800px;max-height:90vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;overflow-y:auto;background:linear-gradient(145deg,#fff,#f8f9fa);box-shadow:0 4px 20px #00000026,0 1px 3px #0000001a,inset 0 0 0 1px #00568f14;isolation:isolate;animation:modalSlideIn .3s ease-out}.alert-details--modal::-webkit-scrollbar{width:8px}.alert-details--modal::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.alert-details--modal::-webkit-scrollbar-thumb{background:#00568f4d;border-radius:4px}.alert-details--modal::-webkit-scrollbar-thumb:hover{background:#00568f80}.alert-details__backdrop{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:#0009!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;z-index:9999!important;animation:fadeIn .2s ease-out!important;cursor:pointer!important;display:block!important;pointer-events:auto!important}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.alert-details--page{width:100%;min-height:calc(100vh - 120px);margin:20px auto;max-width:1200px}.alert-details--card{width:100%;max-width:600px;margin:0 auto}.alert-details--compact .alert-details__content{padding:16px;gap:16px}.alert-details--compact .alert-details__section{padding:12px}.alert-details--expanded .alert-details__content{padding:32px;gap:32px}.alert-details--expanded .alert-details__section{padding:24px}.alert-details__close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:linear-gradient(145deg,#fff,#e6eef5);box-shadow:4px 4px 8px #00568f1a,-4px -4px 8px #ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#00568f;cursor:pointer;z-index:10;transition:all .2s ease}.alert-details__close:hover{background:linear-gradient(145deg,#e6eef5,#fff);box-shadow:6px 6px 12px #00568f26,-6px -6px 12px #fff;color:#003d66;transform:scale(1.05)}.alert-details__close:active{box-shadow:inset 4px 4px 8px #00568f1a,inset -4px -4px 8px #ffffff80;transform:scale(.98)}.alert-details__close:focus{outline:2px solid #00568f;outline-offset:2px}.alert-details__content{padding:24px;display:flex;flex-direction:column;gap:24px}.alert-details__section{background:#f8f9fa;border-radius:8px;padding:20px;border:1px solid #e9ecef}.alert-details__section-title{font-size:16px;font-weight:600;color:#333;margin-bottom:16px;display:flex;align-items:center;gap:8px}.alert-details__section-title .icon{width:20px;height:20px;color:#00d4ff}.alert-details__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.alert-details__loading .loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #00D4FF;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.alert-details__loading span{font-size:14px}.alert-details__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.alert-details__error h3{color:#dc3545;margin-bottom:8px;font-size:18px}.alert-details__error p{color:#666;margin-bottom:20px;font-size:14px}.alert-details__error .btn{padding:8px 16px;border-radius:6px;border:1px solid #6c757d;background:#fff;color:#6c757d;cursor:pointer;transition:all .2s ease}.alert-details__error .btn:hover{background:#6c757d;color:#fff}.alert-details__not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.alert-details__not-found h3{color:#6c757d;margin-bottom:8px;font-size:18px}.alert-details__not-found p{color:#666;font-size:14px}@media (max-width: 768px){.alert-details--modal{width:95vw;max-height:95vh;margin:2.5vh auto}.alert-details--page{margin:10px;min-height:calc(100vh - 80px)}.alert-details__content{padding:16px;gap:16px}.alert-details__section{padding:16px}}.alert-details:focus-within{outline:2px solid #00D4FF;outline-offset:2px}@media (prefers-contrast: high){.alert-details{border:2px solid #000}.alert-details__section{border:1px solid #000}}@media (prefers-reduced-motion: reduce){.alert-details .loading-spinner{animation:none}.alert-details *{transition:none!important}}.alert-header{padding:24px 24px 0;border-bottom:1px solid #e9ecef;margin-bottom:0}.alert-header__main{display:flex;flex-direction:column;gap:16px}.alert-header__title-section{display:flex;flex-direction:column;gap:12px}.alert-header__title{font-size:24px;font-weight:600;color:#333;margin:0}.alert-header__badges{display:flex;gap:8px;flex-wrap:wrap}.alert-header__status-badge,.alert-header__priority-badge,.alert-header__type-badge{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;color:#fff;text-transform:uppercase}.alert-header__type-badge{background:#6c757d}.alert-header__meta{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#666}.alert-header__timestamps{display:flex;gap:16px}.alert-header__created,.alert-header__updated,.alert-header__assignment{display:flex;gap:4px}.alert-header__created .label,.alert-header__updated .label,.alert-header__assignment .label{font-weight:500}.alert-header__description{padding:16px 0;color:#555;line-height:1.5}.customer-info__content,.location-info__content,.alert-actions__content,.action-history__content{display:flex;flex-direction:column;gap:16px}.customer-info__field,.location-info__field,.alert-actions__field,.action-history__field{display:flex;flex-direction:column;gap:4px}.customer-info__field .label,.location-info__field .label,.alert-actions__field .label,.action-history__field .label{font-weight:500;color:#666;font-size:14px}.customer-info__field .value,.location-info__field .value,.alert-actions__field .value,.action-history__field .value{color:#333}.customer-info__field .link,.location-info__field .link,.alert-actions__field .link,.action-history__field .link{color:#00d4ff;text-decoration:none}.customer-info__field .link:hover,.location-info__field .link:hover,.alert-actions__field .link:hover,.action-history__field .link:hover{text-decoration:underline}.customer-info__content--three-column .customer-info__three-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:16px}@media (max-width: 1024px){.customer-info__content--three-column .customer-info__three-columns{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.customer-info__content--three-column .customer-info__three-columns{grid-template-columns:1fr}}.customer-info__three-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:16px}@media (max-width: 1024px){.customer-info__three-columns{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.customer-info__three-columns{grid-template-columns:1fr}}.customer-info__sub-column{display:flex;flex-direction:column;gap:16px}.customer-info__actions{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.customer-info__actions .assignment-status{display:flex;align-items:center}.customer-info__actions .assignment-badge{background:#d4edda;color:#155724;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.customer-info__actions .assign-dropdown{position:relative;display:inline-block}.customer-info__actions .assign-dropdown .assign-dropdown-menu{position:absolute;top:100%;left:0;min-width:250px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:300px;overflow-y:auto;margin-top:4px}.customer-info__actions .assign-dropdown .assign-dropdown-item{width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease}.customer-info__actions .assign-dropdown .assign-dropdown-item:hover{background-color:#f8f9fa}.customer-info__actions .assign-dropdown .assign-dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.customer-info__actions .assign-dropdown .assign-dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.customer-info__actions .assign-dropdown .assign-dropdown-item .employee-info{display:flex;flex-direction:column;gap:2px}.customer-info__actions .assign-dropdown .assign-dropdown-item .employee-name{font-weight:500;color:#333}.customer-info__actions .assign-dropdown .assign-dropdown-item .employee-details{font-size:12px;color:#666}.customer-info__actions .assign-dropdown .assign-dropdown-empty{padding:16px;text-align:center}.customer-info__actions .assign-dropdown .assign-dropdown-empty .empty-state{display:flex;flex-direction:column;gap:4px}.customer-info__actions .assign-dropdown .assign-dropdown-empty .empty-state span:first-child{font-weight:500;color:#f59e0b}.customer-info__actions .assign-dropdown .assign-dropdown-empty .empty-state .empty-details{font-size:12px;color:#666}.customer-info__actions button:disabled{opacity:.5;cursor:not-allowed}.customer-info__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.customer-info__name-section{display:flex;align-items:center;gap:12px}.customer-info__name{font-size:18px;font-weight:600;color:#333;margin:0}.customer-info__tier-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;color:#fff;text-transform:uppercase}.customer-info__status-indicator{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.customer-info__status-indicator--active{background:#d4edda;color:#155724}.customer-info__status-indicator--inactive{background:#f8d7da;color:#721c24}.customer-info__emergency-contacts{margin-top:16px}.customer-info__contacts-title{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.customer-info__emergency-contact{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.customer-info__emergency-contact:last-child{border-bottom:none}.customer-info__more-contacts{font-size:12px;color:#666;font-style:italic;padding:8px 0}.location-info__coordinates .coordinates-section,.location-info__coordinates .accuracy-section{display:flex;align-items:center;gap:8px}.location-info__actions,.location-info__map-container{margin-top:16px}.location-info__map-placeholder{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:40px 20px;text-align:center}.location-info__map-placeholder .map-placeholder-content{display:flex;flex-direction:column;align-items:center;gap:8px}.location-info__map-placeholder .map-placeholder-content .map-icon{font-size:32px}.location-info__map-placeholder .map-placeholder-content p{margin:0;color:#666;font-size:14px}.location-info__map-placeholder .map-placeholder-content .map-coordinates{font-family:monospace;font-size:12px;color:#999}.alert-actions__subsection-title{font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.alert-actions__status-buttons,.alert-actions__emergency-buttons{display:flex;gap:8px;flex-wrap:wrap}.alert-actions__assignment-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.alert-actions__controller-select{flex:1;min-width:200px;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.alert-actions__current-assignment{margin-top:8px;font-size:14px;color:#666}.alert-actions__current-assignment .label{font-weight:500}.alert-actions__confirm-dialog{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.alert-actions__confirm-dialog .confirm-dialog__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.alert-actions__confirm-dialog .confirm-dialog__content{background:#fff;border-radius:8px;padding:24px;max-width:400px;position:relative;box-shadow:0 4px 20px #00000026}.alert-actions__confirm-dialog .confirm-dialog__content h4{margin:0 0 12px;font-size:18px;color:#333}.alert-actions__confirm-dialog .confirm-dialog__content p{margin:0 0 20px;color:#666;line-height:1.5}.alert-actions__confirm-dialog .confirm-dialog__actions{display:flex;gap:8px;justify-content:flex-end}.action-history__search{margin-bottom:16px}.action-history__search-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.action-history__timeline{display:flex;flex-direction:column;gap:12px}.action-history__entry{border:1px solid #e9ecef;border-radius:8px;padding:16px;background:#fff}.action-history__entry-header{display:flex;align-items:flex-start;gap:12px}.action-history__entry-icon{font-size:16px;flex-shrink:0}.action-history__entry-main{flex:1}.action-history__entry-description{font-weight:500;color:#333;margin-bottom:4px}.action-history__entry-meta{display:flex;gap:8px;font-size:12px;color:#666}.action-history__entry-meta .actor{font-weight:500}.action-history__expand-btn{background:none;border:none;color:#666;cursor:pointer;padding:4px}.action-history__expand-btn:hover{color:#333}.action-history__entry-details{margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0}.action-history__entry-details .detail-item{margin-bottom:8px}.action-history__entry-details .detail-item .detail-label{font-weight:500;color:#666;font-size:12px;display:block;margin-bottom:2px}.action-history__entry-details .detail-item .detail-value{color:#333;font-size:14px}.action-history__empty{text-align:center;color:#666;font-style:italic;padding:20px}.action-history__search-results{text-align:center;font-size:12px;color:#666;margin-top:12px}.btn{padding:8px 16px;border-radius:6px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn--primary:hover{background:#00b8e6}.btn--secondary{background:#6c757d;color:#fff}.btn--secondary:hover{background:#5a6268}.btn--success:hover{background:#218838}.btn--danger:hover{background:#c82333}.btn--warning{background:#ffc107;color:#212529}.btn--warning:hover{background:#e0a800}.btn--audio{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;box-shadow:0 2px 8px #667eea4d;transition:all .3s ease}.btn--audio:hover{background:linear-gradient(135deg,#5568d3,#653a8b);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.alert-actions__confirm-dialog,.alert-actions__note-dialog{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100;display:flex;align-items:center;justify-content:center}.alert-actions .confirm-dialog__backdrop,.alert-actions .note-dialog__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.alert-actions .confirm-dialog__content,.alert-actions .note-dialog__content{position:relative;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;min-width:400px;max-width:500px;padding:24px;margin:20px}.alert-actions .confirm-dialog__content h4,.alert-actions .note-dialog__content h4{margin:0 0 16px;color:#333;font-size:18px;font-weight:600}.alert-actions .confirm-dialog__content p,.alert-actions .note-dialog__content p{margin:0 0 20px;color:#666;line-height:1.5}.alert-actions .confirm-dialog__actions,.alert-actions .note-dialog__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.alert-actions .note-dialog__form{display:flex;flex-direction:column;gap:16px}.alert-actions .note-dialog__textarea{width:100%;min-height:100px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;line-height:1.5;resize:vertical;transition:border-color .2s ease}.alert-actions .note-dialog__textarea:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.alert-actions .note-dialog__textarea:disabled{background:#f8f9fa;cursor:not-allowed}.alert-actions .note-dialog__textarea::placeholder{color:#999}.alert-actions__emergency-buttons{display:flex;gap:8px;flex-wrap:wrap}.alert-actions__emergency-buttons .btn--small{padding:6px 12px;font-size:12px;white-space:nowrap}.alert-actions__subsection-title{font-size:14px;font-weight:600;color:#333;margin:0 0 12px}.alert-actions__status-section,.alert-actions__assignment-section,.alert-actions__emergency-section{margin-bottom:20px}.alert-actions__status-section:last-child,.alert-actions__assignment-section:last-child,.alert-actions__emergency-section:last-child{margin-bottom:0}.alert-actions__status-buttons{display:flex;gap:8px;flex-wrap:wrap}.alert-actions__assignment-controls{display:flex;gap:8px;align-items:center;margin-bottom:12px}.alert-actions__controller-select{flex:1;min-width:200px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff}.alert-actions__controller-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.alert-actions__controller-select:disabled{background:#f8f9fa;cursor:not-allowed}.alert-actions__current-assignment{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8f9fa;border-radius:6px;font-size:14px}.alert-actions__current-assignment .label{color:#666}.alert-actions__current-assignment .value{color:#333;font-weight:500}.status-transition-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.status-transition-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.status-transition-modal .modal-header .modal-title{font-size:20px;font-weight:600;color:#333;margin:0}.status-transition-modal .modal-header .close-button{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.status-transition-modal .modal-header .close-button:hover{background:#e9ecef;color:#333}.status-transition-modal .modal-content{flex:1;overflow-y:auto;padding:24px}.status-transition-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e9ecef;background:#f8f9fa}.status-change-summary{margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.status-change-summary .alert-info{margin-bottom:12px}.status-change-summary .alert-info .alert-id{font-size:12px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-change-summary .alert-info .alert-title{font-size:16px;font-weight:600;color:#333;margin-top:4px}.status-change-summary .status-transition-visual{display:flex;align-items:center;gap:12px}.status-change-summary .status-transition-visual .current-status .status-badge,.status-change-summary .status-transition-visual .target-status .status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-change-summary .status-transition-visual .current-status .status-badge--new,.status-change-summary .status-transition-visual .target-status .status-badge--new{background:#6c757d;color:#fff}.status-change-summary .status-transition-visual .current-status .status-badge--acknowledged,.status-change-summary .status-transition-visual .target-status .status-badge--acknowledged{background:#ffc107;color:#000}.status-change-summary .status-transition-visual .current-status .status-badge--in_progress,.status-change-summary .status-transition-visual .target-status .status-badge--in_progress{background:#fd7e14;color:#fff}.status-change-summary .status-transition-visual .current-status .status-badge--resolved,.status-change-summary .status-transition-visual .target-status .status-badge--resolved{background:#28a745;color:#fff}.status-change-summary .status-transition-visual .transition-arrow{font-size:18px;color:#666;font-weight:700}.modal-description{font-size:14px;color:#666;line-height:1.5;margin-bottom:24px;padding:12px;background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px}.transition-form{display:flex;flex-direction:column;gap:20px}.transition-form .form-group{display:flex;flex-direction:column;gap:6px}.transition-form .form-group .form-label{font-size:14px;font-weight:600;color:#333}.transition-form .form-group .form-label .required{color:#dc3545;margin-left:2px}.transition-form .form-group .form-input,.transition-form .form-group .form-textarea,.transition-form .form-group .form-select{padding:10px 12px;border:2px solid #dee2e6;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s ease}.transition-form .form-group .form-input:focus,.transition-form .form-group .form-textarea:focus,.transition-form .form-group .form-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.transition-form .form-group .form-input::placeholder,.transition-form .form-group .form-textarea::placeholder,.transition-form .form-group .form-select::placeholder{color:#999}.transition-form .form-group .form-input--error,.transition-form .form-group .form-textarea--error,.transition-form .form-group .form-select--error{border-color:#dc3545}.transition-form .form-group .form-input--error:focus,.transition-form .form-group .form-textarea--error:focus,.transition-form .form-group .form-select--error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.transition-form .form-group .form-textarea{resize:vertical;min-height:80px;font-family:inherit}.transition-form .form-group .form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.transition-form .form-group .form-error{font-size:12px;color:#dc3545;font-weight:500}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn--primary{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#09c,#007399);transform:translateY(-1px);box-shadow:0 4px 12px #00d4ff4d}.btn--secondary{background:#fff;color:#333;border:2px solid #dee2e6}.btn--success:hover:not(:disabled){background:#218838;transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.status-history-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:700px;max-height:80vh;overflow:hidden}.status-history-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e9ecef}.status-history-modal .modal-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.status-history-modal .modal-header button{background:none;border:none;font-size:18px;color:#666;cursor:pointer;padding:4px;border-radius:4px}.status-history-modal .modal-header button:hover{background:#f8f9fa;color:#333}.status-history-modal .modal-content{padding:20px}.response-time-tracker{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.response-time-tracker .time-display{font-size:16px;font-weight:600;color:#333}.response-time-tracker .sla-indicator{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.response-time-tracker .sla-indicator.sla-ok{color:#28a745}.response-time-tracker .sla-indicator.sla-exceeded{color:#dc3545}@media (max-width: 768px){.status-transition-modal{margin:10px;max-height:95vh}.status-transition-modal .modal-header,.status-transition-modal .modal-content,.status-transition-modal .modal-actions{padding:16px}.status-change-summary .status-transition-visual{flex-direction:column;gap:8px}.status-change-summary .status-transition-visual .transition-arrow{transform:rotate(90deg)}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%;justify-content:center}}@media (prefers-contrast: high){.status-transition-modal,.status-badge,.form-input,.form-textarea,.form-select{border:2px solid #000}.btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.btn,.close-button,.form-input,.form-textarea,.form-select{transition:none}.btn:hover{transform:none}}.close-button:focus,.form-input:focus,.form-textarea:focus,.form-select:focus,.btn:focus{outline:2px solid #00D4FF;outline-offset:2px}.status-workflow{display:flex;flex-direction:column;gap:16px}.status-workflow--compact{gap:8px}.status-workflow--compact .current-status .status-badge{font-size:12px;padding:4px 8px}.status-workflow--compact .transition-buttons{gap:6px}.status-workflow--compact .transition-buttons .btn{padding:6px 12px;font-size:12px}.status-workflow--full{padding:16px;background:#fff;border-radius:8px;border:1px solid #e9ecef}.status-workflow--inline{flex-direction:row;align-items:center;gap:12px}.status-workflow--inline .transition-actions,.status-workflow--inline .history-section{margin:0}.current-status{display:flex;align-items:center;gap:12px}.current-status .status-indicator .status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:16px;font-size:14px;font-weight:600;color:#fff;text-transform:capitalize}.current-status .status-indicator .status-badge .status-icon{font-size:12px}.current-status .status-indicator .status-badge--new{background:#6c757d}.current-status .status-indicator .status-badge--acknowledged{background:#ffc107;color:#000}.current-status .status-indicator .status-badge--in_progress{background:#fd7e14}.current-status .status-indicator .status-badge--resolved{background:#28a745}.transition-actions{display:flex;flex-direction:column;gap:8px}.transition-actions .transition-buttons{display:flex;gap:8px;flex-wrap:wrap}.transition-actions .rollback-btn{align-self:flex-start;margin-top:4px}.history-section{margin-top:8px}.terminal-status-message{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;text-align:center}.terminal-status-message .message-icon{font-size:24px}.terminal-status-message .message-text{font-size:14px;color:#155724;font-weight:500}.terminal-status-message .final-response-time{font-size:12px;color:#155724;opacity:.8}.btn--warning{background:#ffc107;color:#000}.btn--warning:hover:not(:disabled){background:#e0a800}.btn--info{background:#17a2b8;color:#fff}.btn--info:hover:not(:disabled){background:#138496}.btn--success{background:#28a745;color:#fff}.btn--success:hover:not(:disabled){background:#218838}.btn--ghost:hover:not(:disabled){background:#f8f9fa;border-color:#dee2e6}.btn .btn-icon{font-size:12px}.rollback-modal{background:#fff;border-radius:8px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:500px;overflow:hidden}.rollback-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e9ecef}.rollback-modal .modal-header .modal-title{font-size:18px;font-weight:600;color:#333;margin:0}.rollback-modal .modal-header .close-button{background:none;border:none;font-size:18px;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.rollback-modal .modal-header .close-button:hover{background:#f8f9fa;color:#333}.rollback-modal .modal-content{padding:20px}.rollback-modal .modal-content .rollback-warning{display:flex;gap:12px;padding:12px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin-bottom:16px}.rollback-modal .modal-content .rollback-warning .warning-icon{font-size:20px;color:#856404}.rollback-modal .modal-content .rollback-warning .warning-text{font-size:14px;color:#856404;line-height:1.4}.rollback-modal .modal-content .form-group .form-label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:6px}.rollback-modal .modal-content .form-group .form-textarea{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:4px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px}.rollback-modal .modal-content .form-group .form-textarea:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.rollback-modal .modal-content .form-group .form-textarea::placeholder{color:#999}.rollback-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #e9ecef}@media (max-width: 768px){.status-workflow--inline{flex-direction:column;align-items:stretch}.transition-actions .transition-buttons{justify-content:center}.rollback-modal{margin:10px;max-height:90vh;overflow-y:auto}}@media (max-width: 480px){.transition-actions .transition-buttons{flex-direction:column}.current-status{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-contrast: high){.status-badge,.terminal-status-message{border:2px solid #000}.btn{border:2px solid currentColor}.rollback-modal{border:2px solid #000}}@media (prefers-reduced-motion: reduce){.btn,.close-button{transition:none}}.status-workflow.loading{opacity:.7;pointer-events:none}.status-workflow.loading .btn{cursor:not-allowed}.btn:focus,.close-button:focus,.form-textarea:focus{outline:2px solid #00D4FF;outline-offset:2px}.status-badge{animation:statusPulse 2s infinite}.status-badge--new{animation-duration:1s}.status-badge--acknowledged{animation:none}.status-badge--in_progress{animation-duration:1.5s}.status-badge--resolved{animation:none}@keyframes statusPulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@media (prefers-reduced-motion: reduce){.status-badge{animation:none}}.note-editor{display:flex;flex-direction:column;border:1px solid #dee2e6;border-radius:8px;background:#fff;overflow:hidden}.note-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8f9fa;border-bottom:1px solid #dee2e6;flex-wrap:wrap}.note-toolbar .toolbar-group{display:flex;gap:4px;padding-right:8px;border-right:1px solid #dee2e6}.note-toolbar .toolbar-group:last-child{border-right:none;padding-right:0}.note-toolbar .toolbar-group .toolbar-btn{display:flex;align-items:center;justify-content:center;gap:4px;min-width:32px;height:32px;padding:0 8px;border:1px solid transparent;border-radius:4px;background:transparent;color:#666;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.note-toolbar .toolbar-group .toolbar-btn:hover{background:#fff;border-color:#dee2e6;color:#333}.note-toolbar .toolbar-group .toolbar-btn--active{background:#00d4ff;color:#fff;border-color:#00d4ff}.note-toolbar .toolbar-group .toolbar-btn--active:hover{background:#00b8e6;border-color:#00b8e6}.note-toolbar .toolbar-group .toolbar-btn strong,.note-toolbar .toolbar-group .toolbar-btn em,.note-toolbar .toolbar-group .toolbar-btn u{font-size:14px}.editor-container{flex:1;position:relative;min-height:120px;max-height:400px;overflow-y:auto}.editor-container::-webkit-scrollbar{width:6px}.editor-container::-webkit-scrollbar-track{background:#f1f1f1}.editor-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.editor-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.note-editor-content{padding:12px 16px;min-height:120px;font-size:14px;line-height:1.6;color:#333;outline:none;cursor:text}.note-editor-content:empty:before{content:attr(data-placeholder);color:#999;font-style:italic}.note-editor-content--readonly{cursor:default;background:#f8f9fa}.note-editor-content p{margin:0 0 8px}.note-editor-content p:last-child{margin-bottom:0}.note-editor-content strong{font-weight:600}.note-editor-content em{font-style:italic}.note-editor-content u{text-decoration:underline}.note-editor-content ul,.note-editor-content ol{margin:8px 0;padding-left:20px}.note-editor-content ul li,.note-editor-content ol li{margin-bottom:4px}.note-editor-content ul{list-style-type:disc}.note-editor-content ol{list-style-type:decimal}.note-editor-content:focus{background:#fafbfc}.note-preview{padding:12px 16px;min-height:120px;font-size:14px;line-height:1.6;color:#333;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px}.note-preview p{margin:0 0 8px}.note-preview p:last-child{margin-bottom:0}.note-preview strong{font-weight:600}.note-preview em{font-style:italic}.note-preview u{text-decoration:underline}.note-preview ul,.note-preview ol{margin:8px 0;padding-left:20px}.note-preview ul li,.note-preview ol li{margin-bottom:4px}.note-attachments{padding:8px 12px;border-top:1px solid #e9ecef;background:#f8f9fa}.note-attachments .attachments-label{font-size:12px;font-weight:600;color:#666;margin-bottom:8px}.note-attachments .attachments-list{display:flex;flex-direction:column;gap:4px}.note-attachments .attachments-list .attachment-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#fff;border:1px solid #dee2e6;border-radius:4px;font-size:12px}.note-attachments .attachments-list .attachment-item .attachment-name{color:#333;font-weight:500}.note-attachments .attachments-list .attachment-item .remove-attachment{background:none;border:none;color:#dc3545;cursor:pointer;font-size:12px;padding:2px;border-radius:2px;transition:background .2s ease}.note-attachments .attachments-list .attachment-item .remove-attachment:hover{background:#dc35451a}.editor-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-top:1px solid #dee2e6;font-size:12px}.editor-footer .editor-info{display:flex;align-items:center;gap:12px}.editor-footer .editor-info .character-count{color:#666;font-weight:500}.editor-footer .editor-info .character-count--error{color:#dc3545}.editor-footer .editor-info .error-message{color:#dc3545;font-weight:500}.editor-footer .editor-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn--small{padding:4px 8px;font-size:11px}@media (max-width: 768px){.note-toolbar{padding:6px 8px}.note-toolbar .toolbar-group{gap:2px;padding-right:6px}.note-toolbar .toolbar-group .toolbar-btn{min-width:28px;height:28px;padding:0 6px;font-size:11px}.note-editor-content,.note-preview{padding:8px 12px;font-size:13px}.editor-footer{padding:6px 8px;flex-direction:column;gap:8px;align-items:stretch}.editor-footer .editor-info,.editor-footer .editor-actions{justify-content:center}.note-attachments{padding:6px 8px}.note-attachments .attachments-list .attachment-item{padding:4px 6px;font-size:11px}}@media (prefers-contrast: high){.note-editor{border:2px solid #000}.note-toolbar{border-bottom:2px solid #000}.toolbar-btn{border:2px solid transparent}.toolbar-btn:hover{border-color:#000}.note-editor-content{border:2px solid transparent}.note-editor-content:focus{border-color:#000}}@media (prefers-reduced-motion: reduce){.toolbar-btn,.btn,.remove-attachment{transition:none}}.note-search{display:flex;flex-direction:column;height:100%;overflow:hidden}.search-container{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.search-container .search-input-group{display:flex;gap:8px}.search-container .search-input-group .search-input{flex:1;padding:10px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff}.search-container .search-input-group .search-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.search-container .search-actions{display:flex;gap:8px;flex-wrap:wrap}.advanced-filters{padding:16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.advanced-filters .filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.advanced-filters .filters-grid .filter-group{display:flex;flex-direction:column;gap:4px}.advanced-filters .filters-grid .filter-group label{font-size:12px;font-weight:600;color:#666}.advanced-filters .filters-grid .filter-group .filter-select,.advanced-filters .filters-grid .filter-group .tags-input{padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff}.advanced-filters .filters-grid .filter-group .filter-select:focus,.advanced-filters .filters-grid .filter-group .tags-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.advanced-filters .filters-grid .filter-group .date-range{display:flex;align-items:center;gap:8px}.advanced-filters .filters-grid .filter-group .date-range .date-input{flex:1;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff}.advanced-filters .filters-grid .filter-group .date-range .date-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.advanced-filters .filters-grid .filter-group .date-range span{font-size:12px;color:#666;font-weight:500}.saved-searches{padding:16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.saved-searches h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#333}.saved-searches .saved-searches-list{display:flex;flex-direction:column;gap:8px}.saved-searches .saved-searches-list .saved-search-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #dee2e6;border-radius:6px}.saved-searches .saved-searches-list .saved-search-item .saved-search-btn{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:none;border:none;text-align:left;cursor:pointer;padding:0}.saved-searches .saved-searches-list .saved-search-item .saved-search-btn .search-name{font-size:13px;font-weight:600;color:#333}.saved-searches .saved-searches-list .saved-search-item .saved-search-btn .search-query{font-size:12px;color:#666;font-style:italic}.saved-searches .saved-searches-list .saved-search-item .saved-search-btn:hover .search-name{color:#00d4ff}.saved-searches .saved-searches-list .saved-search-item .delete-search-btn{background:none;border:none;color:#dc3545;cursor:pointer;font-size:12px;padding:4px;border-radius:4px;transition:background .2s ease}.saved-searches .saved-searches-list .saved-search-item .delete-search-btn:hover{background:#dc35451a}.search-results{flex:1;overflow-y:auto;padding:16px}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.search-results::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.search-results .results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.search-results .results-header h4{margin:0;font-size:16px;font-weight:600;color:#333}.search-results .results-header .results-count{font-size:12px;color:#666;font-weight:500}.search-results .results-list{display:flex;flex-direction:column;gap:12px}.search-results .results-list .result-item{padding:16px;border:1px solid #e9ecef;border-radius:8px;background:#fff;transition:all .2s ease}.search-results .results-list .result-item:hover{border-color:#00d4ff;box-shadow:0 2px 8px #00d4ff1a}.search-results .results-list .result-item .result-header{margin-bottom:8px}.search-results .results-list .result-item .result-header .result-meta{display:flex;align-items:center;gap:12px;font-size:12px}.search-results .results-list .result-item .result-header .result-meta .result-type{display:flex;align-items:center;gap:4px;font-weight:600;text-transform:capitalize}.search-results .results-list .result-item .result-header .result-meta .result-author{color:#666;font-weight:500}.search-results .results-list .result-item .result-header .result-meta .result-time{color:#999}.search-results .results-list .result-item .result-header .result-meta .result-privacy{color:#856404;font-weight:500}.search-results .results-list .result-item .result-content{margin-bottom:8px;font-size:14px;line-height:1.6;color:#333}.search-results .results-list .result-item .result-content mark{background:#fff3cd;color:#856404;padding:1px 2px;border-radius:2px}.search-results .results-list .result-item .result-content p{margin:0 0 8px}.search-results .results-list .result-item .result-content p:last-child{margin-bottom:0}.search-results .results-list .result-item .result-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.search-results .results-list .result-item .result-tags .result-tag{font-size:11px;color:#00d4ff;background:#00d4ff1a;padding:2px 6px;border-radius:4px;font-weight:500}.search-results .results-list .result-item .result-actions{display:flex;justify-content:flex-end}.empty-results{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#666;padding:40px 20px}.empty-results .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-results .empty-title{font-size:18px;font-weight:600;margin-bottom:8px;color:#333}.empty-results .empty-description{font-size:14px;line-height:1.5;max-width:300px}@media (max-width: 768px){.search-container{padding:12px}.search-container .search-input-group{flex-direction:column;gap:8px}.search-container .search-actions{justify-content:center}.advanced-filters{padding:12px}.advanced-filters .filters-grid{grid-template-columns:1fr;gap:12px}.saved-searches,.search-results,.search-results .result-item{padding:12px}.search-results .result-item .result-header .result-meta{flex-wrap:wrap;gap:8px}.search-results .result-item .result-actions{justify-content:center;margin-top:8px}}@media (prefers-contrast: high){.search-input,.filter-select,.date-input,.tags-input,.result-item{border:2px solid #000}.btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.result-item,.btn,.saved-search-btn,.delete-search-btn{transition:none}}.note-templates{display:flex;flex-direction:column;height:100%;overflow:hidden}.templates-header .templates-stats{font-size:12px;color:#666;font-weight:500}.templates-grid{display:flex;flex-direction:column;gap:16px}.templates-grid .template-card{display:flex;flex-direction:column;padding:16px;border:1px solid #e9ecef;border-radius:8px;background:#fff;transition:all .2s ease}.templates-grid .template-card .template-header{margin-bottom:12px}.templates-grid .template-card .template-header .template-info .template-name{font-size:16px;font-weight:600;color:#333;margin:0 0 6px}.templates-grid .template-card .template-header .template-info .template-meta{display:flex;align-items:center;gap:16px;font-size:12px}.templates-grid .template-card .template-header .template-info .template-meta .template-category,.templates-grid .template-card .template-header .template-info .template-meta .template-type{display:flex;align-items:center;gap:4px;color:#666;text-transform:capitalize;font-weight:500}.templates-grid .template-card .template-content{margin-bottom:16px}.templates-grid .template-card .template-content .template-preview .preview-text{font-size:14px;line-height:1.5;color:#666;background:#f8f9fa;padding:12px;border-radius:6px;border-left:3px solid #00D4FF}.templates-grid .template-card .template-content .template-variables{margin-top:12px}.templates-grid .template-card .template-content .template-variables .variables-label{font-size:12px;font-weight:600;color:#666;margin-bottom:8px}.templates-grid .template-card .template-content .template-variables .variables-list{display:flex;flex-direction:column;gap:8px}.templates-grid .template-card .template-content .template-variables .variables-list .variable-input{display:flex;align-items:center;gap:8px}.templates-grid .template-card .template-content .template-variables .variables-list .variable-input label{font-size:12px;font-weight:500;color:#333;min-width:80px;text-transform:capitalize}.templates-grid .template-card .template-content .template-variables .variables-list .variable-input .variable-field{flex:1;padding:6px 8px;border:1px solid #dee2e6;border-radius:4px;font-size:12px;background:#fff}.templates-grid .template-card .template-content .template-variables .variables-list .variable-input .variable-field:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.templates-grid .template-card .template-footer .template-actions{display:flex;gap:8px}.template-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.template-preview-modal .modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.template-preview-modal .modal-content{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.template-preview-modal .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.template-preview-modal .modal-content .modal-header h4{margin:0;font-size:18px;font-weight:600;color:#333}.template-preview-modal .modal-content .modal-body{flex:1;overflow-y:auto;padding:20px 24px}.template-preview-modal .modal-content .modal-body .preview-content .preview-html{font-size:14px;line-height:1.6;color:#333;background:#f8f9fa;padding:16px;border-radius:8px;border-left:4px solid #00D4FF}.template-preview-modal .modal-content .modal-body .preview-content .preview-html p{margin:0 0 8px}.template-preview-modal .modal-content .modal-body .preview-content .preview-html p:last-child{margin-bottom:0}.template-preview-modal .modal-content .modal-body .preview-content .preview-html strong{font-weight:600}.template-preview-modal .modal-content .modal-body .preview-content .preview-html em{font-style:italic}.template-preview-modal .modal-content .modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid #e9ecef;background:#f8f9fa}@media (max-width: 768px){.templates-header,.templates-controls,.templates-content{padding-left:16px;padding-right:16px}.templates-controls .category-filter .category-btn{font-size:11px;padding:4px 8px}.templates-controls .category-filter .category-btn .category-label{display:none}.template-card{padding:12px}.template-card .template-header .template-info .template-meta{flex-direction:column;align-items:flex-start;gap:4px}.template-card .template-footer{flex-direction:column;align-items:flex-start;gap:8px}.template-card .template-content .template-variables .variables-list .variable-input{flex-direction:column;align-items:stretch;gap:4px}.template-card .template-content .template-variables .variables-list .variable-input label{min-width:auto}.template-preview-modal{padding:10px}.template-preview-modal .modal-content{max-height:95vh}.template-preview-modal .modal-content .modal-header,.template-preview-modal .modal-content .modal-body,.template-preview-modal .modal-content .modal-footer{padding:16px}}@media (prefers-contrast: high){.template-card{border:2px solid #000}.search-input,.category-btn,.variable-field,.btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.template-card,.category-btn,.btn{transition:none}.template-card:hover{transform:none}}.attachment-upload{display:flex;flex-direction:column;gap:16px}.upload-area{display:flex;align-items:center;justify-content:center;min-height:120px;padding:20px;border:2px dashed #dee2e6;border-radius:8px;background:#f8f9fa;cursor:pointer;transition:all .2s ease}.upload-area:hover:not(.upload-area--disabled){border-color:#00d4ff;background:#00d4ff0d}.upload-area--active{border-color:#00d4ff;background:#00d4ff1a;transform:scale(1.02)}.upload-area--disabled{opacity:.6;cursor:not-allowed;background:#e9ecef}.upload-area .upload-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.upload-area .upload-content .upload-icon{font-size:32px;color:#666;margin-bottom:8px}.upload-area .upload-content .upload-text .upload-primary{font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.upload-area .upload-content .upload-text .upload-secondary{font-size:14px;color:#666;margin-bottom:4px}.upload-area .upload-content .upload-text .upload-types{font-size:12px;color:#999}.files-list{display:flex;flex-direction:column;gap:12px}.files-list .files-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #e9ecef}.files-list .files-header h5{margin:0;font-size:14px;font-weight:600;color:#333}.files-list .files-container{display:flex;flex-direction:column;gap:8px}.files-list .files-container .file-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e9ecef;border-radius:6px;background:#fff;transition:all .2s ease}.files-list .files-container .file-item:hover{border-color:#00d4ff;box-shadow:0 2px 4px #00d4ff1a}.files-list .files-container .file-item--pending{border-left:3px solid #ffc107}.files-list .files-container .file-item--uploading{border-left:3px solid #00D4FF}.files-list .files-container .file-item--completed{border-left:3px solid #28a745}.files-list .files-container .file-item--failed{border-left:3px solid #dc3545;background:#fff5f5}.files-list .files-container .file-item .file-info{display:flex;align-items:center;gap:8px;flex:1}.files-list .files-container .file-item .file-info .file-icon{font-size:20px;color:#666}.files-list .files-container .file-item .file-info .file-details{flex:1;min-width:0}.files-list .files-container .file-item .file-info .file-details .file-name{font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.files-list .files-container .file-item .file-info .file-details .file-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.files-list .files-container .file-item .file-info .file-details .file-meta .file-size{font-weight:500}.files-list .files-container .file-item .file-info .file-details .file-meta .file-status{display:flex;align-items:center;gap:4px;text-transform:capitalize}.files-list .files-container .file-item .upload-progress{display:flex;align-items:center;gap:8px;min-width:100px}.files-list .files-container .file-item .upload-progress .progress-bar{flex:1;height:4px;background:#e9ecef;border-radius:2px;overflow:hidden;position:relative}.files-list .files-container .file-item .upload-progress .progress-bar:before{content:"";position:absolute;top:0;left:0;height:100%;background:#00d4ff;border-radius:2px;transition:width .3s ease}.files-list .files-container .file-item .upload-progress .progress-text{font-size:11px;font-weight:600;color:#666;min-width:35px;text-align:right}.files-list .files-container .file-item .remove-file-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:#dc3545;cursor:pointer;font-size:12px;transition:all .2s ease}.files-list .files-container .file-item .remove-file-btn:hover:not(:disabled){background:#dc35451a}.files-list .files-container .file-item .remove-file-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes progressBar{0%{width:0%}}.upload-progress .progress-bar:before{animation:progressBar .3s ease}@media (max-width: 768px){.upload-area{min-height:100px;padding:16px}.upload-area .upload-content .upload-icon{font-size:28px;margin-bottom:6px}.upload-area .upload-content .upload-text .upload-primary{font-size:14px}.upload-area .upload-content .upload-text .upload-secondary{font-size:13px}.upload-area .upload-content .upload-text .upload-types{font-size:11px}.files-list .files-container .file-item{padding:8px;flex-direction:column;align-items:stretch;gap:8px}.files-list .files-container .file-item .file-info .file-details .file-name{font-size:13px}.files-list .files-container .file-item .file-info .file-details .file-meta{font-size:11px}.files-list .files-container .file-item .upload-progress{min-width:auto}.files-list .files-container .file-item .upload-progress .progress-text{min-width:30px;font-size:10px}.files-list .files-container .file-item .remove-file-btn{align-self:flex-end}}@media (prefers-contrast: high){.upload-area{border:3px dashed #000}.file-item{border:2px solid #000}.progress-bar{border:1px solid #000}.remove-file-btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.upload-area,.file-item,.remove-file-btn{transition:none}.upload-area--active{transform:none}.progress-bar:before{animation:none}}@media (prefers-color-scheme: dark){.upload-area{background:#2d3748;border-color:#4a5568}.upload-area:hover:not(.upload-area--disabled){background:#00d4ff1a}.upload-area--disabled{background:#1a202c}.upload-area .upload-content .upload-icon{color:#a0aec0}.upload-area .upload-content .upload-text .upload-primary{color:#f7fafc}.upload-area .upload-content .upload-text .upload-secondary{color:#a0aec0}.upload-area .upload-content .upload-text .upload-types{color:#718096}.file-item{background:#2d3748;border-color:#4a5568}.file-item:hover{background:#374151}.file-item--failed{background:#742a2a}.file-item .file-info .file-icon{color:#a0aec0}.file-item .file-info .file-details .file-name{color:#f7fafc}.file-item .file-info .file-details .file-meta{color:#a0aec0}.file-item .progress-bar{background:#4a5568}.file-item .progress-text{color:#a0aec0}}.note-export{display:flex;flex-direction:column;height:100%;overflow:hidden}.export-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.export-header .export-title{font-size:16px;font-weight:600;color:#333;margin:0}.export-header .export-stats{font-size:12px;color:#666;font-weight:500}.export-options{flex:1;overflow-y:auto;padding:20px}.export-options::-webkit-scrollbar{width:6px}.export-options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.export-options::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.export-options::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.export-options .option-group{margin-bottom:24px}.export-options .option-group:last-child{margin-bottom:0}.export-options .option-group .option-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.export-options .option-group .format-options{display:flex;gap:16px;flex-wrap:wrap}.export-options .option-group .format-options .radio-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;cursor:pointer}.export-options .option-group .format-options .radio-label input[type=radio]{margin:0;accent-color:#00D4FF}.export-options .option-group .checkbox-options{display:flex;flex-direction:column;gap:8px}.export-options .option-group .checkbox-options .checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;cursor:pointer}.export-options .option-group .checkbox-options .checkbox-label input[type=checkbox]{margin:0;accent-color:#00D4FF}.export-options .option-group .date-range{display:flex;align-items:center;gap:12px}.export-options .option-group .date-range .date-input{flex:1;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff}.export-options .option-group .date-range .date-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.export-options .option-group .date-range span{font-size:14px;color:#666;font-weight:500}.export-options .option-group .sort-group,.export-options .option-group .group-by{display:flex;align-items:center;gap:8px;margin-bottom:12px}.export-options .option-group .sort-group label,.export-options .option-group .group-by label{font-size:14px;font-weight:500;color:#333;min-width:80px}.export-options .option-group .sort-group .sort-select,.export-options .option-group .sort-group .group-select,.export-options .option-group .group-by .sort-select,.export-options .option-group .group-by .group-select{flex:1;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.export-options .option-group .sort-group .sort-select:focus,.export-options .option-group .sort-group .group-select:focus,.export-options .option-group .group-by .sort-select:focus,.export-options .option-group .group-by .group-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.export-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;background:#f8f9fa;border-top:1px solid #e9ecef}.export-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.export-preview-modal .modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.export-preview-modal .modal-content{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:800px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.export-preview-modal .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.export-preview-modal .modal-content .modal-header h4{margin:0;font-size:18px;font-weight:600;color:#333}.export-preview-modal .modal-content .modal-body{flex:1;overflow-y:auto;padding:0}.export-preview-modal .modal-content .modal-body .preview-content{padding:20px 24px;font-family:Courier New,monospace;font-size:12px;line-height:1.4;color:#333;background:#f8f9fa;white-space:pre-wrap;word-wrap:break-word}.export-preview-modal .modal-content .modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid #e9ecef;background:#f8f9fa}@media (max-width: 768px){.export-header,.export-options,.export-actions{padding-left:16px;padding-right:16px}.export-options .option-group .format-options{flex-direction:column;gap:8px}.export-options .option-group .date-range{flex-direction:column;align-items:stretch;gap:8px}.export-options .option-group .date-range span{text-align:center}.export-options .option-group .sort-group,.export-options .option-group .group-by{flex-direction:column;align-items:stretch;gap:4px}.export-options .option-group .sort-group label,.export-options .option-group .group-by label{min-width:auto}.export-actions{flex-direction:column;gap:8px}.export-preview-modal{padding:10px}.export-preview-modal .modal-content{max-height:95vh}.export-preview-modal .modal-content .modal-header,.export-preview-modal .modal-content .modal-footer{padding:16px}.export-preview-modal .modal-content .modal-body .preview-content{padding:16px;font-size:11px}.export-preview-modal .modal-content .modal-footer{flex-direction:column;gap:8px}}@media (prefers-contrast: high){.date-input,.sort-select,.group-select{border:2px solid #000}.btn{border:2px solid currentColor}.modal-content{border:2px solid #000}}@media (prefers-reduced-motion: reduce){.btn{transition:none}}@media print{.export-preview-modal{position:static;padding:0}.export-preview-modal .modal-overlay{display:none}.export-preview-modal .modal-content{box-shadow:none;border-radius:0;max-width:none;max-height:none}.export-preview-modal .modal-content .modal-header,.export-preview-modal .modal-content .modal-footer{display:none}.export-preview-modal .modal-content .modal-body{overflow:visible}.export-preview-modal .modal-content .modal-body .preview-content{padding:0;background:#fff;color:#000}}@media (prefers-color-scheme: dark){.export-header,.export-actions{background:#2d3748;border-color:#4a5568}.export-header .export-title{color:#f7fafc}.export-header .export-stats{color:#a0aec0}.export-options{background:#1a202c}.export-options .option-group .option-label,.export-options .option-group .radio-label,.export-options .option-group .checkbox-label{color:#f7fafc}.export-options .option-group .date-input,.export-options .option-group .sort-select,.export-options .option-group .group-select{background:#2d3748;border-color:#4a5568;color:#f7fafc}.export-options .option-group .date-range span{color:#a0aec0}.export-options .option-group .sort-group label,.export-options .option-group .group-by label{color:#f7fafc}.modal-content{background:#2d3748}.modal-content .modal-header,.modal-content .modal-footer{background:#1a202c;border-color:#4a5568}.modal-content .modal-header h4{color:#f7fafc}.modal-content .modal-body .preview-content{background:#1a202c;color:#f7fafc}}.incident-notes{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:8px;overflow:hidden}.incident-notes--sidebar{width:450px;max-height:700px;border:1px solid #e9ecef;box-shadow:0 4px 12px #0000001a}.incident-notes--modal{width:100%;max-width:900px;max-height:85vh;box-shadow:0 20px 60px #0000004d}.incident-notes--fullscreen{width:100%;height:100vh;border-radius:0}.incident-notes--embedded{width:100%;height:100%;border:1px solid #e9ecef}.incident-notes--compact .notes-header{padding:12px 16px}.incident-notes--compact .notes-content{padding:8px}.incident-notes--expanded .notes-header{padding:20px 24px}.incident-notes--expanded .notes-content{padding:16px}.notes-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.notes-header .header-info{display:flex;flex-direction:column;gap:4px}.notes-header .header-info .header-title{font-size:16px;font-weight:600;color:#333;margin:0}.notes-header .header-info .notes-count{font-size:12px;color:#666;font-weight:500}.notes-header .header-actions{display:flex;align-items:center;gap:12px}.notes-header .header-actions .view-tabs{display:flex;gap:4px}.notes-header .header-actions .view-tabs .tab-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid #dee2e6;border-radius:6px;background:#fff;color:#666;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.notes-header .header-actions .view-tabs .tab-btn:hover{background:#f8f9fa;border-color:#adb5bd}.notes-header .header-actions .view-tabs .tab-btn--active{background:#00d4ff;color:#fff;border-color:#00d4ff}.notes-header .header-actions .view-tabs .tab-btn--active:hover{background:#00b8e6;border-color:#00b8e6}.notes-content{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:12px}.notes-list{flex:1;overflow-y:auto;padding:8px 0}.notes-list::-webkit-scrollbar{width:6px}.notes-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.notes-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.notes-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.note-item{display:flex;flex-direction:column;margin-bottom:16px;padding:16px;border:1px solid #e9ecef;border-radius:8px;background:#fff;transition:all .2s ease}.note-item:hover{border-color:#00d4ff;box-shadow:0 2px 8px #00d4ff1a}.note-item--private{background:#fff3cd;border-color:#ffeaa7}.note-item--private:hover{border-color:#fdcb6e}.note-item .note-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.note-item .note-header .note-meta{display:flex;align-items:center;gap:12px;font-size:12px}.note-item .note-header .note-meta .note-type{display:flex;align-items:center;gap:4px;font-weight:600;text-transform:capitalize}.note-item .note-header .note-meta .note-author{color:#666;font-weight:500}.note-item .note-header .note-meta .note-time{color:#999}.note-item .note-header .note-meta .note-privacy{color:#856404;font-weight:500}.note-item .note-header .note-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.note-item .note-header:hover .note-actions{opacity:1}.note-item .note-content{margin-bottom:8px}.note-item .note-content .note-text{line-height:1.6;color:#333}.note-item .note-content .note-text p{margin:0 0 8px}.note-item .note-content .note-text p:last-child{margin-bottom:0}.note-item .note-content .note-text strong{font-weight:600}.note-item .note-content .note-text em{font-style:italic}.note-item .note-content .note-text ul,.note-item .note-content .note-text ol{margin:8px 0;padding-left:20px}.note-item .note-content .note-text li{margin-bottom:4px}.note-item .note-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.note-item .note-tags .note-tag{font-size:11px;color:#00d4ff;background:#00d4ff1a;padding:2px 6px;border-radius:4px;font-weight:500}.note-item .note-attachments{margin-bottom:8px}.note-item .note-attachments .attachments-label{font-size:12px;color:#666;font-weight:500}.note-item .note-history .history-label{font-size:11px;color:#999;font-style:italic}.note-editor-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.note-editor-modal .modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.note-editor-modal .modal-content{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:700px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.note-editor-modal .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.note-editor-modal .modal-content .modal-header h4{margin:0;font-size:18px;font-weight:600;color:#333}.note-editor-modal .modal-content .modal-body{flex:1;overflow-y:auto;padding:20px 24px}.note-editor-modal .modal-content .modal-body .note-form-controls{display:flex;gap:16px;margin-bottom:16px}.note-editor-modal .modal-content .modal-body .note-form-controls .form-group{flex:1}.note-editor-modal .modal-content .modal-body .note-form-controls .form-group label{display:block;font-size:12px;font-weight:600;color:#666;margin-bottom:4px}.note-editor-modal .modal-content .modal-body .note-form-controls .form-group .form-select{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.note-editor-modal .modal-content .modal-body .note-form-controls .form-group .form-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.note-editor-modal .modal-content .modal-body .note-form-controls .form-group .checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;cursor:pointer}.note-editor-modal .modal-content .modal-body .note-form-controls .form-group .checkbox-label input[type=checkbox]{margin:0}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:6px;margin-top:12px}.error-message .error-icon{font-size:16px}.error-message .error-text{font-size:14px;font-weight:500}.btn--danger{color:#dc3545}.btn--danger:hover:not(:disabled){background:#dc35451a}@media (max-width: 768px){.incident-notes--sidebar,.incident-notes--modal{width:100%;max-width:none;height:100vh;border-radius:0}.notes-header{padding:12px 16px;flex-direction:column;gap:12px;align-items:stretch}.notes-header .header-actions{justify-content:space-between}.notes-header .header-actions .view-tabs{flex:1;justify-content:space-around}.notes-content{padding:8px}.note-item{padding:12px}.note-item .note-header{flex-direction:column;gap:8px;align-items:flex-start}.note-item .note-header .note-actions{opacity:1;align-self:flex-end}.note-editor-modal{padding:10px}.note-editor-modal .modal-content{max-height:95vh}.note-editor-modal .modal-content .modal-header,.note-editor-modal .modal-content .modal-body{padding:16px}.note-editor-modal .modal-content .note-form-controls{flex-direction:column;gap:12px}}@media (prefers-contrast: high){.incident-notes,.note-item{border:2px solid #000}.btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.note-item,.btn,.tab-btn{transition:none}.loading-spinner{animation:none}}.alert-workspace{display:flex;flex-direction:column;height:100%;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.alert-workspace--dashboard{padding:1rem;gap:1rem}.alert-workspace--fullscreen{height:100vh;padding:2rem;gap:2rem}.alert-workspace--controller{display:grid;grid-template-columns:1fr 300px;gap:1.5rem}.alert-workspace--controller .workspace-main{min-height:0}.alert-workspace--supervisor .workspace-header-main{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:12px;padding:1.5rem}.alert-workspace--admin .workspace-header-main{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;border-radius:12px;padding:1.5rem}.alert-workspace--split .workspace-main{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;min-height:600px}@media (max-width: 1200px){.alert-workspace--split .workspace-main{grid-template-columns:1.2fr .8fr}}@media (max-width: 768px){.alert-workspace--split .workspace-main{grid-template-columns:1fr;gap:1rem}}.alert-workspace--tabbed .workspace-main,.alert-workspace--stacked .workspace-main{display:flex;flex-direction:column;gap:1rem}.alert-workspace--sidebar{display:grid;grid-template-columns:1fr 400px;gap:1.5rem}.workspace-header-main{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid rgba(0,86,143,.08)}.workspace-header-main .workspace-title h2{margin:0 0 .5rem;color:#00568f;font-size:1.5rem;font-weight:600}.workspace-header-main .workspace-title p{margin:0;color:#6b7280;font-size:.875rem}.workspace-header-main .workspace-controls{display:flex;align-items:center;gap:.75rem}.workspace-split{display:contents}.workspace-split .workspace-left,.workspace-split .workspace-right{display:flex;flex-direction:column}.workspace-split .workspace-left{min-height:0}.workspace-split .workspace-right{position:relative}.workspace-header{display:flex;justify-content:space-between;align-items:center;width:100%}.workspace-header h3{margin:0;color:#00568f;font-size:1.125rem}.workspace-header .workspace-stats{display:flex;gap:1rem;align-items:center}.workspace-header .workspace-stats .stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:60px}.workspace-header .workspace-stats .stat-item .stat-number{font-size:1.25rem;font-weight:700;color:#00568f;line-height:1}.workspace-header .workspace-stats .stat-item .stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.workspace-header .workspace-stats .stat-item.urgent .stat-number{color:#ef4444}.workspace-header .workspace-stats .stat-item.assigned .stat-number{color:#3b82f6}.alert-header{display:flex;justify-content:space-between;align-items:center;width:100%}.alert-header h3{margin:0;color:#1f2937;font-size:1.125rem}.alert-header .alert-actions{display:flex;gap:.5rem}.workspace-placeholder{display:flex;align-items:center;justify-content:center;min-height:400px}.workspace-placeholder .placeholder-content{text-align:center;max-width:300px}.workspace-placeholder .placeholder-content .placeholder-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.workspace-placeholder .placeholder-content h3{margin:0 0 .5rem;color:#6b7280;font-size:1.25rem}.workspace-placeholder .placeholder-content p{margin:0 0 1.5rem;color:#9ca3af;line-height:1.5}.workspace-placeholder .placeholder-content .empty-state{margin-top:1.5rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.workspace-placeholder .placeholder-content .empty-state p{margin-bottom:1rem;color:#6b7280;font-style:italic}.workspace-tabbed{display:flex;flex-direction:column;height:100%}.workspace-tabbed .workspace-tabs{display:flex;gap:.25rem;margin-bottom:1rem;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.workspace-tabbed .workspace-tabs .tab{padding:.75rem 1rem;background:transparent;border:none;border-radius:8px 8px 0 0;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.workspace-tabbed .workspace-tabs .tab:hover{background:#f3f4f6;color:#374151}.workspace-tabbed .workspace-tabs .tab.active{background:#fff;color:#00568f;border-bottom:2px solid #00568f;box-shadow:0 -2px 8px #0000000d}.workspace-tabbed .workspace-content{flex:1;min-height:0;overflow:auto}.workspace-stacked{display:flex;flex-direction:column;gap:1rem}.workspace-stacked .workspace-summary .summary-stats .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 640px){.workspace-stacked .workspace-summary .summary-stats .stat-grid{grid-template-columns:repeat(2,1fr)}}.workspace-stacked .workspace-summary .summary-stats .stat-grid .stat-card{text-align:center;padding:1rem;border-radius:8px;border:1px solid #e5e7eb}.workspace-stacked .workspace-summary .summary-stats .stat-grid .stat-card .stat-number{display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.workspace-stacked .workspace-summary .summary-stats .stat-grid .stat-card .stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.workspace-stacked .workspace-summary .summary-stats .stat-grid .stat-card.new{border-color:#ef4444}.workspace-stacked .workspace-summary .summary-stats .stat-grid .stat-card.new .stat-number{color:#ef4444}.workspace-stacked .workspace-summary .summary-stats .stat-grid .stat-card.in-progress{border-color:#3b82f6}.workspace-stacked .workspace-summary .summary-stats .stat-grid .stat-card.in-progress .stat-number{color:#3b82f6}.workspace-stacked .workspace-summary .summary-stats .stat-grid .stat-card.urgent{border-color:#ef4444;background:#fef2f2}.workspace-stacked .workspace-summary .summary-stats .stat-grid .stat-card.urgent .stat-number{color:#dc2626}.workspace-stacked .workspace-summary .summary-stats .stat-grid .stat-card.assigned{border-color:#00568f}.workspace-stacked .workspace-summary .summary-stats .stat-grid .stat-card.assigned .stat-number{color:#00568f}.workspace-sidebar .emergency-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}@media (max-width: 1024px){.alert-workspace--controller{grid-template-columns:1fr}.alert-workspace--controller .workspace-sidebar{order:-1;margin-bottom:1rem}.alert-workspace--split .workspace-main{grid-template-columns:1fr}}@media (max-width: 768px){.alert-workspace{padding:1rem;gap:1rem}.alert-workspace .workspace-header-main{flex-direction:column;gap:1rem;text-align:center}.alert-workspace .workspace-header-main .workspace-controls{width:100%;justify-content:center}.alert-workspace .workspace-stats{flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion: reduce){.workspace-tabs .tab,.stat-card{transition:none}}@media (prefers-contrast: high){.alert-workspace,.workspace-tabs .tab.active{border:2px solid #000}}.message-thread{display:flex;flex-direction:column;height:100%;overflow:hidden}.message-thread--compact .message-item{margin-bottom:8px}.message-thread--compact .message-bubble{padding:8px 12px}.message-thread--expanded .message-item{margin-bottom:16px}.message-thread--expanded .message-bubble{padding:12px 16px}.thread-search{position:relative;margin-bottom:12px}.thread-search .search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff}.thread-search .search-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.thread-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#666;font-size:14px}.messages-container{flex:1;overflow-y:auto;padding:8px 0;scroll-behavior:smooth}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.message-item{display:flex;flex-direction:column;margin-bottom:12px}.message-item--own{align-items:flex-end}.message-item--own .message-bubble{background:#00d4ff;color:#fff;border-bottom-right-radius:4px}.message-item--own .message-meta{text-align:right}.message-item--other{align-items:flex-start}.message-item--other .message-bubble{background:#f8f9fa;color:#333;border-bottom-left-radius:4px}.message-item--system{align-items:center}.message-item--system .message-bubble{background:#e9ecef;color:#666;border-radius:16px;font-style:italic;max-width:80%}.message-item--emergency .message-bubble{border-left:4px solid #dc3545}.message-item--high .message-bubble{border-left:4px solid #fd7e14}.message-item--grouped{margin-top:-8px}.message-item--grouped .message-meta{display:none}.message-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:12px;color:#666}.message-meta .message-sender{font-weight:600}.message-meta .message-role{color:#999;text-transform:capitalize}.message-meta .message-time{color:#999}.message-bubble{position:relative;max-width:70%;padding:10px 14px;border-radius:16px;word-wrap:break-word;display:flex;flex-direction:column;gap:8px}.message-content{display:flex;flex-direction:column;gap:6px}.message-priority{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;text-transform:uppercase}.message-priority .priority-icon{font-size:12px}.message-text{line-height:1.4;white-space:pre-wrap}.template-indicator{display:flex;align-items:center;gap:4px;font-size:11px;opacity:.8}.template-indicator .template-icon{font-size:12px}.message-attachments{display:flex;flex-direction:column;gap:4px;margin-top:4px}.message-attachments .attachment-item{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#0000001a;border-radius:4px;font-size:12px}.message-attachments .attachment-item .attachment-icon{font-size:14px}.message-attachments .attachment-item .attachment-size{color:#ffffffb3;margin-left:auto}.system-message{display:flex;align-items:center;gap:8px;justify-content:center}.system-message .system-icon{font-size:16px}.system-message .system-text{font-size:14px}.message-status{display:flex;align-items:center;gap:4px;margin-top:4px;align-self:flex-end}.message-status .status-icon{font-size:12px;opacity:.8}.message-status .retry-button{background:none;border:none;font-size:12px;cursor:pointer;opacity:.8;padding:2px;border-radius:2px;transition:opacity .2s ease}.message-status .retry-button:hover{opacity:1;background:#fff3}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;color:#666;padding:40px 20px}.thread-footer{display:flex;justify-content:center;padding:8px 0;border-top:1px solid #e9ecef;margin-top:8px}.thread-footer .message-count{font-size:12px;color:#666;font-weight:500}@media (max-width: 768px){.message-bubble{max-width:85%}.message-meta{font-size:11px}.message-text{font-size:14px}}@media (prefers-contrast: high){.message-bubble{border:2px solid currentColor}.thread-search .search-input{border:2px solid #000}}@media (prefers-reduced-motion: reduce){.messages-container{scroll-behavior:auto}.retry-button{transition:none}}.message-composer{display:flex;flex-direction:column;background:#fff;border-top:1px solid #e9ecef}.message-composer--compact .composer-controls,.message-composer--compact .composer-form{padding:8px 12px}.message-composer--expanded .composer-controls,.message-composer--expanded .composer-form{padding:16px 20px}.composer-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.composer-controls .priority-selector{display:flex;align-items:center;gap:8px}.composer-controls .priority-selector .priority-label{font-size:12px;font-weight:600;color:#666}.composer-controls .priority-selector .priority-select{padding:4px 8px;border:1px solid #dee2e6;border-radius:4px;font-size:12px;background:#fff;cursor:pointer}.composer-controls .priority-selector .priority-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.composer-controls .priority-selector .priority-select:disabled{opacity:.6;cursor:not-allowed}.composer-controls .composer-actions{display:flex;gap:8px}.composer-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:#fff;color:#666;cursor:pointer;transition:all .2s ease;font-size:16px}.composer-btn:hover:not(:disabled){background:#e9ecef;color:#333}.composer-btn:disabled{opacity:.6;cursor:not-allowed}.emoji-picker{padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.emoji-picker .emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:4px;max-width:320px}.emoji-picker .emoji-grid .emoji-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;background:#fff;cursor:pointer;transition:background .2s ease;font-size:16px}.emoji-picker .emoji-grid .emoji-button:hover{background:#e9ecef}.attachments-preview{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.attachments-preview .attachment-preview{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:12px}.attachments-preview .attachment-preview .attachment-name{font-weight:500;color:#333;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachments-preview .attachment-preview .attachment-size{color:#666}.attachments-preview .attachment-preview .remove-attachment{background:none;border:none;color:#dc3545;cursor:pointer;font-size:12px;padding:2px;border-radius:2px;transition:background .2s ease}.attachments-preview .attachment-preview .remove-attachment:hover{background:#dc35451a}.composer-form{padding:12px 16px}.composer-form .input-container{display:flex;align-items:flex-end;gap:8px;position:relative}.composer-form .message-input{flex:1;min-height:40px;max-height:120px;padding:10px 12px;border:1px solid #dee2e6;border-radius:20px;font-size:14px;font-family:inherit;line-height:1.4;resize:none;overflow-y:auto;background:#fff;transition:border-color .2s ease}.composer-form .message-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.composer-form .message-input:disabled{background:#f8f9fa;color:#666;cursor:not-allowed}.composer-form .message-input--error{border-color:#dc3545}.composer-form .message-input--error:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc354533}.composer-form .message-input::placeholder{color:#999}.composer-form .send-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:#e9ecef;color:#666;cursor:pointer;transition:all .2s ease;flex-shrink:0}.composer-form .send-button:disabled{opacity:.6;cursor:not-allowed}.composer-form .send-button--active{background:#00d4ff;color:#fff}.composer-form .send-button--active:hover:not(:disabled){background:#00b8e6;transform:scale(1.05)}.composer-form .send-button .send-icon{font-size:16px}.composer-form .composer-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px}.composer-form .composer-footer .character-count{color:#666;font-weight:500}.composer-form .composer-footer .character-count--error{color:#dc3545}.composer-form .composer-footer .error-message{color:#dc3545;font-weight:500}.hidden-file-input{display:none}@media (max-width: 768px){.composer-controls{padding:8px 12px;flex-direction:column;gap:8px;align-items:stretch}.composer-controls .priority-selector,.composer-controls .composer-actions{justify-content:center}.composer-form{padding:8px 12px}.composer-form .input-container{flex-direction:column;align-items:stretch;gap:8px}.composer-form .send-button{align-self:flex-end}.emoji-picker .emoji-grid{grid-template-columns:repeat(8,1fr)}.attachments-preview .attachment-preview .attachment-name{max-width:80px}}@media (prefers-contrast: high){.message-input,.priority-select{border:2px solid #000}.composer-btn,.send-button{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.composer-btn,.send-button,.emoji-button,.remove-attachment{transition:none}.send-button--active:hover:not(:disabled){transform:none}}.quick-templates{display:flex;flex-direction:column;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:500px;overflow:hidden}.templates-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.templates-header .templates-title{font-size:16px;font-weight:600;color:#333;margin:0}.templates-header .close-button{background:none;border:none;font-size:18px;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.templates-header .close-button:hover{background:#e9ecef;color:#333}.templates-controls{display:flex;flex-direction:column;gap:12px;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.templates-controls .search-container{position:relative}.templates-controls .search-container .search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff}.templates-controls .search-container .search-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.templates-controls .search-container .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#666;font-size:14px}.templates-controls .category-filter{display:flex;gap:8px;flex-wrap:wrap}.templates-controls .category-filter .category-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #dee2e6;border-radius:16px;background:#fff;color:#666;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.templates-controls .category-filter .category-btn:hover{background:#f8f9fa;border-color:#adb5bd}.templates-controls .category-filter .category-btn--active{background:#00d4ff;color:#fff;border-color:#00d4ff}.templates-controls .category-filter .category-btn--active:hover{background:#00b8e6;border-color:#00b8e6}.templates-controls .category-filter .category-btn .category-icon{font-size:14px}.templates-content{flex:1;overflow-y:auto;padding:16px 20px}.templates-content::-webkit-scrollbar{width:6px}.templates-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.templates-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.templates-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.templates-grid{display:flex;flex-direction:column;gap:12px}.templates-grid .template-card{display:flex;flex-direction:column;padding:16px;border:1px solid #e9ecef;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease}.templates-grid .template-card:hover{border-color:#00d4ff;box-shadow:0 2px 8px #00d4ff1a;transform:translateY(-1px)}.templates-grid .template-card .template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.templates-grid .template-card .template-header .template-info{flex:1}.templates-grid .template-card .template-header .template-info .template-name{font-size:14px;font-weight:600;color:#333;margin:0 0 4px}.templates-grid .template-card .template-header .template-info .template-meta{display:flex;align-items:center;gap:12px;font-size:11px}.templates-grid .template-card .template-header .template-info .template-meta .template-category{display:flex;align-items:center;gap:4px;color:#666;text-transform:capitalize}.templates-grid .template-card .template-header .template-info .template-meta .template-priority{display:flex;align-items:center;gap:4px;font-weight:600;text-transform:uppercase}.templates-grid .template-card .template-content{margin-bottom:12px}.templates-grid .template-card .template-content .template-text{font-size:13px;line-height:1.4;color:#666;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.templates-grid .template-card .template-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.templates-grid .template-card .template-footer .template-roles{display:flex;align-items:center;gap:4px;font-size:11px;color:#999}.templates-grid .template-card .template-footer .template-roles .roles-label{font-weight:600}.templates-grid .template-card .template-footer .template-roles .roles-list{text-transform:capitalize}.templates-grid .template-card .template-footer .use-template-btn{padding:4px 8px;border:1px solid #00D4FF;border-radius:4px;background:#fff;color:#00d4ff;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.templates-grid .template-card .template-footer .use-template-btn:hover{background:#00d4ff;color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#666;padding:40px 20px}.empty-state .empty-title{font-size:18px;font-weight:600;margin-bottom:8px;color:#333}.empty-state .empty-description{font-size:14px;line-height:1.5;max-width:300px}.templates-footer{display:flex;justify-content:center;padding:12px 20px;background:#f8f9fa;border-top:1px solid #e9ecef}.templates-footer .templates-stats{display:flex;gap:16px;font-size:12px;color:#666}.templates-footer .templates-stats .stat-item{font-weight:500}@media (max-width: 768px){.quick-templates{max-height:70vh}.templates-header,.templates-controls,.templates-content,.templates-footer{padding-left:16px;padding-right:16px}.category-filter .category-btn{font-size:11px;padding:4px 8px}.category-filter .category-btn .category-label{display:none}.template-card{padding:12px}.template-card .template-footer{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-contrast: high){.template-card{border:2px solid #000}.search-input,.category-btn,.use-template-btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.template-card,.category-btn,.use-template-btn,.close-button{transition:none}.template-card:hover{transform:none}}.typing-indicator{display:flex;align-items:flex-start;padding:8px 0;margin-bottom:8px;animation:fadeIn .3s ease-in-out}.typing-indicator .typing-content{display:flex;align-items:flex-start;gap:8px;max-width:70%}.typing-indicator .typing-avatar{flex-shrink:0;margin-top:2px}.typing-indicator .typing-avatar .avatar-placeholder{width:24px;height:24px;border-radius:50%;background:#e9ecef;display:flex;align-items:center;justify-content:center;font-size:12px;color:#666}.typing-indicator .typing-message{display:flex;flex-direction:column;gap:4px;background:#f8f9fa;border-radius:16px 16px 16px 4px;padding:8px 12px;min-width:60px}.typing-indicator .typing-message .typing-text{font-size:12px;color:#666;font-style:italic;margin:0}.typing-indicator .typing-message .typing-animation{display:flex;align-items:center;height:16px}.typing-indicator .typing-message .typing-animation .typing-dots{display:flex;gap:2px;align-items:center}.typing-indicator .typing-message .typing-animation .typing-dots .dot{width:4px;height:4px;border-radius:50%;background:#999;animation:typingDot 1.4s infinite ease-in-out}.typing-indicator .typing-message .typing-animation .typing-dots .dot.dot-1{animation-delay:0s}.typing-indicator .typing-message .typing-animation .typing-dots .dot.dot-2{animation-delay:.2s}.typing-indicator .typing-message .typing-animation .typing-dots .dot.dot-3{animation-delay:.4s}@keyframes typingDot{0%,60%,to{transform:scale(1);opacity:.5}30%{transform:scale(1.2);opacity:1}}@media (max-width: 768px){.typing-indicator .typing-content{max-width:85%}.typing-indicator .typing-avatar .avatar-placeholder{width:20px;height:20px;font-size:10px}.typing-indicator .typing-message{padding:6px 10px}.typing-indicator .typing-message .typing-text{font-size:11px}}@media (prefers-contrast: high){.typing-message{border:2px solid #000}.typing-dots .dot{background:#000}}@media (prefers-reduced-motion: reduce){.typing-indicator{animation:none}.typing-dots .dot{animation:none;opacity:1}}.communication-interface{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:8px;overflow:hidden}.communication-interface--sidebar{width:400px;max-height:600px;border:1px solid #e9ecef;box-shadow:0 4px 12px #0000001a}.communication-interface--modal{width:100%;max-width:700px;max-height:80vh;box-shadow:0 20px 60px #0000004d}.communication-interface--fullscreen{width:100%;height:100vh;border-radius:0}.communication-interface--embedded{width:100%;height:100%;border:1px solid #e9ecef}.communication-interface--compact .communication-header{padding:12px 16px}.communication-interface--compact .communication-content{padding:8px}.communication-interface--expanded .communication-header{padding:20px 24px}.communication-interface--expanded .communication-content{padding:16px}.communication-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.communication-header .header-info{display:flex;flex-direction:column;gap:4px}.communication-header .header-info .header-title{font-size:16px;font-weight:600;color:#333;margin:0}.communication-header .header-info .connection-status{display:flex;align-items:center;gap:6px}.communication-header .header-info .connection-status .status-indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.communication-header .header-info .connection-status .status-indicator--connected{background:#28a745}.communication-header .header-info .connection-status .status-indicator--connecting{background:#ffc107}.communication-header .header-info .connection-status .status-indicator--disconnected{background:#dc3545}.communication-header .header-info .connection-status .status-text{font-size:12px;color:#666;font-weight:500}.communication-header .header-actions{display:flex;align-items:center;gap:8px}.communication-header .header-actions .unread-badge{background:#dc3545;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.communication-content{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:12px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#666}.loading-state .loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #00D4FF;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.communication-composer{border-top:1px solid #e9ecef;background:#fff}.connection-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:10}.connection-overlay .connection-message{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;border:1px solid #e9ecef}.connection-overlay .connection-message .connection-icon{font-size:24px;opacity:.7}.connection-overlay .connection-message .connection-text .connection-title{font-weight:600;color:#333;margin-bottom:2px}.connection-overlay .connection-message .connection-text .connection-subtitle{font-size:14px;color:#666}.communication-modal{position:relative}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width: 768px){.communication-interface--sidebar,.communication-interface--modal{width:100%;max-width:none;height:100vh;border-radius:0}.communication-header{padding:12px 16px}.communication-header .header-title{font-size:14px}.communication-header .header-actions{gap:6px}.communication-content{padding:8px}}@media (prefers-contrast: high){.communication-interface{border:2px solid #000}.communication-header{border-bottom:2px solid #000}.communication-composer{border-top:2px solid #000}.btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.status-indicator,.loading-spinner{animation:none}.btn,.connection-message{transition:none}}.btn:focus,.search-input:focus,.message-input:focus{outline:2px solid #00D4FF;outline-offset:2px}.controller-workspace{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow:hidden}.controller-workspace--dashboard{height:auto;min-height:80vh;padding:1rem}.controller-workspace--fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:#fff}.controller-workspace--mobile{padding:.5rem}.controller-workspace--mobile .workspace-grid{grid-template-columns:1fr!important;gap:.75rem}.controller-workspace--supervisor .workspace-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.workspace-header .header-left .workspace-status{display:flex;gap:1rem;align-items:center}.workspace-header .header-left .workspace-status .connection-indicator{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.workspace-header .header-left .workspace-status .connection-indicator.connected{background:#d1fae5;color:#065f46}.workspace-header .header-left .workspace-status .connection-indicator.connecting{background:#fef3c7;color:#92400e}.workspace-header .header-left .workspace-status .connection-indicator.disconnected{background:#fee2e2;color:#991b1b}.workspace-header .header-left .workspace-status .connection-indicator.error{background:#fecaca;color:#dc2626}.workspace-header .header-left .workspace-status .shift-indicator{padding:.25rem .75rem;background:#e0f2fe;color:#0c4a6e;border-radius:12px;font-size:.75rem;font-weight:500}.workspace-header .header-right .emergency-controls{display:flex;gap:.5rem}.performance-banner{padding:0 2rem;margin-bottom:1rem}.performance-banner .performance-summary-compact{display:flex;justify-content:space-around;align-items:center;padding:.75rem}.performance-banner .performance-summary-compact .metric{text-align:center;min-width:80px}.performance-banner .performance-summary-compact .metric .number{display:block;font-size:1.25rem;font-weight:700;color:#00568f;line-height:1}.performance-banner .performance-summary-compact .metric .number.good{color:#10b981}.performance-banner .performance-summary-compact .metric .number.warning{color:#f59e0b}.performance-banner .performance-summary-compact .metric .number.danger{color:#ef4444}.performance-banner .performance-summary-compact .metric .label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.workspace-content{flex:1;padding:0 2rem 2rem;overflow:hidden;min-height:0}.workspace-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr .6fr;grid-template-areas:"primary map" "communication notes";gap:1.5rem;height:100%}.workspace-grid .panel-primary{grid-area:primary;min-height:0}.workspace-grid .panel-map{grid-area:map;min-height:0}.workspace-grid .panel-communication{grid-area:communication;min-height:0}.workspace-grid .panel-notes{grid-area:notes;min-height:0}@media (max-width: 1400px){.workspace-grid{grid-template-columns:1fr 1fr}}@media (max-width: 1024px){.workspace-grid{grid-template-columns:1fr;grid-template-areas:"primary" "map" "communication" "notes"}}.panel-header{display:flex;justify-content:space-between;align-items:center;width:100%}.panel-header h3{margin:0;font-size:1rem;color:#1f2937}.panel-header .panel-stats{display:flex;gap:.75rem}.panel-header .panel-stats .stat{padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600}.panel-header .panel-stats .stat.urgent{background:#fee2e2;color:#991b1b}.panel-header .panel-stats .stat.assigned{background:#dbeafe;color:#1e40af}.panel-header .map-status,.panel-header .comm-status{display:flex;align-items:center;gap:.5rem}.panel-header .map-status .connection-status,.panel-header .comm-status .connection-status{font-size:.75rem;font-weight:500}.panel-header .map-status .connection-status.connected,.panel-header .comm-status .connection-status.connected{color:#065f46}.panel-header .map-status .connection-status.disconnected,.panel-header .comm-status .connection-status.disconnected{color:#991b1b}.panel-header .map-status .unread-count,.panel-header .comm-status .unread-count{padding:.125rem .5rem;background:#ef4444;color:#fff;border-radius:10px;font-size:.625rem;font-weight:600}.map-container,.communication-container,.notes-container{height:100%;overflow:auto}.map-container .map-placeholder,.map-container .comm-placeholder,.map-container .notes-placeholder,.communication-container .map-placeholder,.communication-container .comm-placeholder,.communication-container .notes-placeholder,.notes-container .map-placeholder,.notes-container .comm-placeholder,.notes-container .notes-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#6b7280;text-align:center}.map-container .map-placeholder p,.map-container .comm-placeholder p,.map-container .notes-placeholder p,.communication-container .map-placeholder p,.communication-container .comm-placeholder p,.communication-container .notes-placeholder p,.notes-container .map-placeholder p,.notes-container .comm-placeholder p,.notes-container .notes-placeholder p{margin:.25rem 0}.map-container .comm-placeholder .comm-placeholder,.communication-container .comm-placeholder .comm-placeholder,.notes-container .comm-placeholder .comm-placeholder{display:flex;gap:.5rem;margin-top:1rem}.alert-communication h4{margin:0 0 1rem;color:#1f2937;font-size:1rem}.alert-communication p{margin:0 0 .5rem;color:#6b7280;font-size:.875rem}.alert-communication .comm-placeholder{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.workspace-tabs-layout{display:flex;flex-direction:column;height:100%}.workspace-tabs-layout .workspace-tab-nav{display:flex;gap:.25rem;padding:1rem 2rem 0;border-bottom:1px solid #e5e7eb}.workspace-tabs-layout .workspace-tab-nav .tab-btn{padding:.75rem 1rem;background:transparent;border:none;border-radius:8px 8px 0 0;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.workspace-tabs-layout .workspace-tab-nav .tab-btn:hover{background:#f3f4f6;color:#374151}.workspace-tabs-layout .workspace-tab-nav .tab-btn.active{background:#fff;color:#00568f;box-shadow:0 -2px 8px #0000000d;border-bottom:2px solid #00568f}.workspace-tabs-layout .workspace-tab-content{flex:1;padding:2rem;overflow:auto;background:#fff}.workspace-split-layout{display:grid;grid-template-columns:1fr 400px;gap:1.5rem;height:100%}.workspace-split-layout .workspace-primary,.workspace-split-layout .workspace-secondary{min-height:0;overflow:auto}@media (max-width: 1024px){.workspace-split-layout{grid-template-columns:1fr}.workspace-split-layout .workspace-secondary{order:-1}}.secondary-content .quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1.5rem}.secondary-content .alert-context h4{margin:0 0 1rem;color:#1f2937;font-size:1rem}.secondary-content .alert-context .context-info{display:flex;flex-direction:column;gap:.75rem}.secondary-content .alert-context .context-info .context-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.secondary-content .alert-context .context-info .context-item .label{font-weight:500;color:#6b7280;font-size:.875rem}.secondary-content .alert-context .context-info .context-item .value{font-weight:600;color:#1f2937;font-size:.875rem}.secondary-content .alert-context .context-info .context-item .value.priority-critical{color:#dc2626}.secondary-content .alert-context .context-info .context-item .value.priority-high{color:#ea580c}.secondary-content .alert-context .context-info .context-item .value.priority-medium{color:#f59e0b}.secondary-content .alert-context .context-info .context-item .value.priority-low{color:#10b981}.secondary-content .alert-context .context-info .context-item .value.status-new{color:#ef4444}.secondary-content .alert-context .context-info .context-item .value.status-acknowledged{color:#f59e0b}.secondary-content .alert-context .context-info .context-item .value.status-in_progress{color:#3b82f6}.secondary-content .alert-context .context-info .context-item .value.status-resolved{color:#10b981}.performance-summary .performance-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.performance-summary .performance-metrics .metric-item{text-align:center;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.performance-summary .performance-metrics .metric-item .metric-number{display:block;font-size:1.5rem;font-weight:700;color:#00568f;line-height:1}.performance-summary .performance-metrics .metric-item .metric-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.performance-summary .shift-info h4{margin:0 0 .75rem;color:#1f2937;font-size:1rem}.performance-summary .shift-info .shift-details p{margin:0 0 .5rem;color:#6b7280;font-size:.875rem}.performance-summary .shift-info .shift-details button{margin-top:.75rem}.contextual-actions{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:100;max-width:90vw}.contextual-actions .action-bar{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem}.contextual-actions .action-bar .action-context{display:flex;flex-direction:column;gap:.25rem;min-width:0}.contextual-actions .action-bar .action-context .context-label{font-size:.75rem;color:#6b7280;font-weight:500}.contextual-actions .action-bar .action-context .context-alert{font-size:.875rem;color:#1f2937;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contextual-actions .action-bar .action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 768px){.contextual-actions{bottom:1rem;left:1rem;right:1rem;transform:none;max-width:none}.contextual-actions .action-bar{flex-direction:column;gap:.75rem;padding:1rem}.contextual-actions .action-bar .action-context{text-align:center}.contextual-actions .action-bar .action-buttons{justify-content:center}}.communication-tab-content h3,.map-tab-content h3{margin:0 0 1rem;color:#1f2937;font-size:1.25rem}.communication-tab-content h4,.map-tab-content h4{margin:0 0 .75rem;color:#374151;font-size:1rem}.communication-tab-content p,.map-tab-content p{margin:0 0 .5rem;color:#6b7280;line-height:1.5}@media (max-width: 1200px){.workspace-grid{grid-template-columns:1fr 1fr;grid-template-areas:"primary primary" "map communication" "notes notes"}}@media (max-width: 768px){.controller-workspace .workspace-header{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.controller-workspace .workspace-header .header-right{width:100%;justify-content:center;flex-wrap:wrap}.controller-workspace .performance-banner{padding:0 1rem}.controller-workspace .performance-banner .performance-summary-compact .metric{min-width:60px}.controller-workspace .performance-banner .performance-summary-compact .metric .number{font-size:1rem}.controller-workspace .performance-banner .performance-summary-compact .metric .label{font-size:.625rem}.controller-workspace .workspace-grid{grid-template-columns:1fr;grid-template-areas:"primary" "map" "communication" "notes";gap:1rem}}@media (prefers-reduced-motion: reduce){.controller-workspace *{transition:none!important;animation:none!important}}@media (prefers-contrast: high){.controller-workspace .workspace-header{border:2px solid #000}.controller-workspace .panel-header h3{color:#000}.controller-workspace .connection-indicator{border:1px solid #000}}@media print{.controller-workspace .workspace-header .header-right,.controller-workspace .contextual-actions,.controller-workspace .emergency-controls{display:none}.controller-workspace .workspace-grid{grid-template-columns:1fr;gap:1rem}}.emergency-response-dashboard{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#1f2937,#374151);color:#fff;overflow:hidden}.emergency-response-dashboard.emergency-dashboard--command{background:linear-gradient(135deg,#991b1b,#dc2626)}.emergency-response-dashboard.emergency-dashboard--supervisor{background:linear-gradient(135deg,#1e40af,#3b82f6)}.emergency-response-dashboard.emergency-dashboard--coordinator{background:linear-gradient(135deg,#7c2d12,#ea580c)}.emergency-response-dashboard.emergency-dashboard--overview{background:linear-gradient(135deg,#1f2937,#4b5563)}.emergency-response-dashboard.emergency-display--tactical .command-interface{grid-template-columns:1fr 1.5fr 1fr}.emergency-response-dashboard.emergency-display--strategic .situation-overview{grid-template-columns:1fr}.emergency-response-dashboard.emergency-display--operational .command-interface{grid-template-columns:1.5fr 1fr;grid-template-areas:"left center"}.emergency-response-dashboard.emergency-display--operational .command-interface .command-right{display:none}.emergency-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2)}.emergency-header.emergency-level--critical{background:#dc262633;border-bottom-color:#dc26264d;animation:emergencyFlash 3s infinite}.emergency-header.emergency-level--high{background:#ea580c33;border-bottom-color:#ea580c4d}.emergency-header.emergency-level--elevated{background:#f59e0b33;border-bottom-color:#f59e0b4d}.emergency-header .command-info h1{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.emergency-header .command-info .situation-status{display:flex;gap:1rem;align-items:center}.emergency-header .command-info .situation-status .emergency-level-badge{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.emergency-header .command-info .situation-status .emergency-level-badge.level--critical{background:#dc2626;color:#fff;box-shadow:0 0 20px #dc262680}.emergency-header .command-info .situation-status .emergency-level-badge.level--high{background:#ea580c;color:#fff}.emergency-header .command-info .situation-status .emergency-level-badge.level--elevated{background:#f59e0b;color:#fff}.emergency-header .command-info .situation-status .emergency-level-badge.level--normal{background:#10b981;color:#fff}.emergency-header .command-info .situation-status .jurisdiction-badge,.emergency-header .command-info .situation-status .connection-badge{padding:.25rem .75rem;background:#fff3;border-radius:12px;font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.emergency-header .command-info .situation-status .connection-badge.connected{background:#10b98133;color:#d1fae5}.emergency-header .command-info .situation-status .connection-badge.disconnected{background:#ef444433;color:#fecaca}.emergency-header .emergency-metrics{display:flex;gap:1.5rem}.emergency-header .emergency-metrics .metric{text-align:center;min-width:80px}.emergency-header .emergency-metrics .metric .number{display:block;font-size:2rem;font-weight:700;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.emergency-header .emergency-metrics .metric .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem;opacity:.9}.emergency-header .emergency-metrics .metric.critical .number{color:#fca5a5}.emergency-header .emergency-metrics .metric.high .number{color:#fed7aa}.emergency-header .emergency-metrics .metric.total .number{color:#bfdbfe}.emergency-header .emergency-metrics .metric.resources .number{color:#a7f3d0}.emergency-header .emergency-controls{display:flex;gap:.75rem;flex-wrap:wrap}.situation-overview{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem 2rem}.situation-overview .situation-summary h3{margin:0 0 1rem;color:#1f2937;font-size:1.125rem}.situation-overview .situation-summary .assessment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.situation-overview .situation-summary .assessment-grid .assessment-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.situation-overview .situation-summary .assessment-grid .assessment-item .icon{font-size:1.25rem;flex-shrink:0}.situation-overview .situation-summary .assessment-grid .assessment-item .label{font-size:.875rem;color:#6b7280;flex:1}.situation-overview .situation-summary .assessment-grid .assessment-item .value{font-weight:600;color:#1f2937;font-size:.875rem}.situation-overview .tactical-overview h3{margin:0 0 1rem;color:#1f2937;font-size:1.125rem}.situation-overview .tactical-overview .tactical-items{display:flex;flex-direction:column;gap:.75rem}.situation-overview .tactical-overview .tactical-items .tactical-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.situation-overview .tactical-overview .tactical-items .tactical-item .status-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.situation-overview .tactical-overview .tactical-items .tactical-item .status-indicator.good{background:#10b981}.situation-overview .tactical-overview .tactical-items .tactical-item .status-indicator.warning{background:#f59e0b;animation:statusPulse 2s infinite}.situation-overview .tactical-overview .tactical-items .tactical-item .status-indicator.active{background:#3b82f6}.situation-overview .tactical-overview .tactical-items .tactical-item .status-indicator.error{background:#ef4444;animation:statusPulse 1s infinite}.situation-overview .tactical-overview .tactical-items .tactical-item span:not(.status-indicator){font-size:.875rem;color:#374151}.command-interface{display:grid;grid-template-columns:1fr 1.2fr 1fr;grid-template-areas:"left center right";gap:1.5rem;padding:0 2rem 2rem;flex:1;min-height:0}.command-interface .command-left{grid-area:left;min-height:0}.command-interface .command-center{grid-area:center;min-height:0}.command-interface .command-right{grid-area:right;min-height:0}.command-header{display:flex;justify-content:space-between;align-items:center;width:100%}.command-header h3{margin:0;color:#1f2937;font-size:1rem}.command-header .incident-controls{display:flex;gap:.5rem}.map-header{display:flex;justify-content:space-between;align-items:center;width:100%}.map-header h3{margin:0;color:#1f2937;font-size:1rem}.map-header .map-controls{display:flex;gap:.5rem}.situational-map{position:relative;height:100%;min-height:400px}.situational-map .map-display{height:100%;border-radius:8px;overflow:hidden;background:#f3f4f6}.situational-map .map-display .emergency-map-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.situational-map .map-display .emergency-map-placeholder h4{margin:0 0 .5rem;color:#1f2937;font-size:1.25rem}.situational-map .map-display .emergency-map-placeholder p{margin:0 0 1.5rem;color:#6b7280}.situational-map .map-display .emergency-map-placeholder .map-legend{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.situational-map .map-display .emergency-map-placeholder .map-legend .legend-item{padding:.25rem .75rem;background:#ffffffe6;border-radius:12px;font-size:.75rem;font-weight:500}.situational-map .map-display .emergency-map-placeholder .map-legend .legend-item.critical{color:#dc2626}.situational-map .map-display .emergency-map-placeholder .map-legend .legend-item.high{color:#ea580c}.situational-map .map-display .emergency-map-placeholder .map-legend .legend-item.responders{color:#3b82f6}.situational-map .map-display .emergency-map-placeholder .map-legend .legend-item.services{color:#10b981}.situational-map .map-overlay{position:absolute;top:1rem;right:1rem;max-width:200px}.situational-map .map-overlay .overlay-stats h4{margin:0 0 .75rem;color:#1f2937;font-size:.875rem}.situational-map .map-overlay .overlay-stats .stat-row{margin-bottom:.5rem;font-size:.75rem;color:#6b7280}.situational-map .map-overlay .overlay-stats .stat-row span{font-weight:500}.coordination-panels{display:flex;flex-direction:column;gap:1rem;height:100%}.coordination-panels .emergency-comm .comm-channels{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.coordination-panels .emergency-comm .recent-comms h5{margin:0 0 .75rem;color:#374151;font-size:.875rem}.coordination-panels .emergency-comm .recent-comms .comm-item{display:flex;gap:.75rem;padding:.5rem;border-bottom:1px solid #f3f4f6;font-size:.75rem}.coordination-panels .emergency-comm .recent-comms .comm-item .time{color:#6b7280;font-weight:500;flex-shrink:0}.coordination-panels .emergency-comm .recent-comms .comm-item .content{color:#374151;line-height:1.4}.coordination-panels .resource-status .resource-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.coordination-panels .resource-status .resource-summary .resource-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.75rem;background:#f8fafc;border-radius:6px;border:1px solid #e5e7eb}.coordination-panels .resource-status .resource-summary .resource-item .icon{font-size:1.25rem;margin-bottom:.25rem}.coordination-panels .resource-status .resource-summary .resource-item .count{font-size:1.125rem;font-weight:700;color:#00568f}.coordination-panels .resource-status .resource-summary .resource-item .label{font-size:.625rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.coordination-panels .performance-dashboard{display:flex;flex-direction:column;gap:.75rem}.coordination-panels .performance-dashboard .performance-metric{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f0fdf4;border-radius:6px;border:1px solid #d1fae5}.coordination-panels .performance-dashboard .performance-metric .metric-value{font-size:1.125rem;font-weight:700;color:#065f46}.coordination-panels .performance-dashboard .performance-metric .metric-label{font-size:.75rem;color:#16a34a;font-weight:500}.emergency-protocol-banner{position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.emergency-protocol-banner.level--critical{animation:criticalBanner 2s infinite}.emergency-protocol-banner.level--high{background:#ea580cf2}.emergency-protocol-banner.level--elevated{background:#f59e0bf2}.emergency-protocol-banner .protocol-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.emergency-protocol-banner .protocol-content .protocol-info h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.emergency-protocol-banner .protocol-content .protocol-info p{margin:0;font-size:.875rem;color:#ffffffe6}.emergency-protocol-banner .protocol-content .protocol-actions{display:flex;gap:.75rem}@media (max-width: 1400px){.command-interface{grid-template-columns:1fr 1fr;grid-template-areas:"left center" "right right"}}@media (max-width: 1024px){.emergency-response-dashboard .emergency-header{flex-direction:column;gap:1rem;text-align:center}.emergency-response-dashboard .emergency-header .emergency-metrics{order:-1}.emergency-response-dashboard .emergency-header .emergency-controls{order:1;justify-content:center}.emergency-response-dashboard .situation-overview{grid-template-columns:1fr;padding:1rem}.emergency-response-dashboard .command-interface{grid-template-columns:1fr;grid-template-areas:"center" "left" "right";padding:0 1rem 1rem}}@media (max-width: 768px){.emergency-response-dashboard .emergency-header{padding:1rem}.emergency-response-dashboard .emergency-header .command-info h1{font-size:1.5rem}.emergency-response-dashboard .emergency-header .emergency-metrics .metric{min-width:60px}.emergency-response-dashboard .emergency-header .emergency-metrics .metric .number{font-size:1.5rem}.emergency-response-dashboard .emergency-header .emergency-metrics .metric .label{font-size:.625rem}.emergency-response-dashboard .emergency-header .emergency-controls{gap:.5rem}.emergency-response-dashboard .emergency-header .emergency-controls button{font-size:.75rem;padding:.5rem .75rem}.emergency-response-dashboard .coordination-panels .resource-summary{grid-template-columns:1fr}.emergency-response-dashboard .emergency-protocol-banner .protocol-content{flex-direction:column;gap:1rem;padding:1rem;text-align:center}}@keyframes emergencyFlash{0%,to{background:#dc262633}50%{background:#dc262666}}@keyframes criticalBanner{0%,to{background:#dc2626f2}50%{background:#b91c1cfa}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media print{.emergency-response-dashboard{height:auto;background:#fff;color:#000}.emergency-response-dashboard .emergency-header{background:#fff;color:#000;border-bottom:2px solid #000}.emergency-response-dashboard .emergency-controls,.emergency-response-dashboard .map-controls,.emergency-response-dashboard .incident-controls{display:none}.emergency-response-dashboard .command-interface{grid-template-columns:1fr;gap:1rem}.emergency-response-dashboard .emergency-protocol-banner{position:static;background:#fee2e2;color:#991b1b}}@media (prefers-reduced-motion: reduce){.emergency-response-dashboard *{animation:none!important;transition:none!important}}@media (prefers-contrast: high){.emergency-response-dashboard .emergency-header{border:2px solid #fff}.emergency-response-dashboard .situation-overview .assessment-item,.emergency-response-dashboard .tactical-item,.emergency-response-dashboard .resource-item,.emergency-response-dashboard .performance-metric{border:2px solid #000}}.customer-form .form-section{margin-bottom:1.5rem}.customer-form .form-section h3{margin-bottom:1rem;color:var(--text-primary)}.customer-form .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.customer-form .form-grid .span-2{grid-column:span 2}.customer-form .form-group{display:flex;flex-direction:column}.customer-form .form-group label{margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.customer-form .form-group input,.customer-form .form-group select{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem}.customer-form .form-group input:focus,.customer-form .form-group select:focus{outline:none;border-color:var(--accent-color)}.customer-form .form-group input.error,.customer-form .form-group select.error{border-color:var(--danger-color)}.customer-form .error-text{color:var(--danger-color);font-size:.875rem;margin-top:.25rem}.customer-form .tier-info{margin-top:1rem;padding:1rem;background-color:var(--background-light);border-radius:4px}.customer-form .tier-info h4{margin-bottom:.5rem}.customer-form .tier-info .tier-limits{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem}.customer-form .emergency-contacts-list .contact-form{margin-bottom:1rem}.customer-form .emergency-contacts-list .contact-form .contact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.customer-form .emergency-contacts-list .contact-form .contact-header h4{margin:0}.customer-form .emergency-contacts-list .contact-form .contact-header .contact-controls{display:flex;gap:1rem;align-items:center}.customer-form .emergency-contacts-list .contact-form .contact-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.customer-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.customer-search .search-controls{display:flex;gap:.5rem;margin-bottom:1rem}.customer-search .filters-panel{margin-top:1rem}.customer-search .filters-panel .filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.customer-search .filters-panel .filter-group .filter-label{display:block;font-weight:600;margin-bottom:.5rem}.customer-search .filters-panel .filter-group .checkbox-group{display:flex;flex-direction:column;gap:.5rem}.customer-search .filters-panel .filter-group .date-range{display:flex;gap:1rem}.customer-search .filters-panel .filter-group .date-range .date-input{flex:1}.customer-search .filters-panel .filter-group .date-range .date-input label{display:block;font-size:.875rem;margin-bottom:.25rem}.customer-search .filters-panel .filter-group .date-range .date-input input{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px}.customer-search .filters-panel .active-filters{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.customer-search .filters-panel .active-filters .filters-label{font-weight:600;margin-right:.5rem}.customer-search .filters-panel .active-filters .filter-tags{display:flex;flex-wrap:wrap;gap:.5rem}.customer-search .filters-panel .active-filters .filter-tags .filter-tag{background-color:var(--accent-color);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;display:flex;align-items:center;gap:.25rem}.customer-search .filters-panel .active-filters .filter-tags .filter-tag .remove-tag{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;line-height:1}.profile-audit-trail .audit-header{margin-bottom:1.5rem}.profile-audit-trail .audit-header h3{margin:0 0 .5rem;color:var(--text-primary)}.profile-audit-trail .audit-header p{color:var(--text-secondary);margin:0;font-size:.875rem}.profile-audit-trail .empty-state{text-align:center;padding:2rem;color:var(--text-secondary)}.profile-audit-trail .audit-timeline{display:flex;flex-direction:column;gap:1rem}.profile-audit-trail .audit-entry .entry-header{display:flex;align-items:center;gap:1rem}.profile-audit-trail .audit-entry .entry-header .entry-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.profile-audit-trail .audit-entry .entry-header .entry-info{flex:1}.profile-audit-trail .audit-entry .entry-header .entry-info .entry-action{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.profile-audit-trail .audit-entry .entry-header .entry-info .entry-meta{display:flex;gap:1rem;font-size:.875rem;color:var(--text-secondary)}.profile-audit-trail .audit-entry .entry-details{margin-top:1rem;padding:1rem;background-color:var(--background-light);border-radius:6px}.profile-audit-trail .audit-entry .entry-details .entry-reason{margin-bottom:1rem;font-size:.875rem}.profile-audit-trail .audit-entry .entry-details .entry-changes .change-details .change-item{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.875rem}.profile-audit-trail .audit-entry .entry-details .entry-changes .change-details .change-item .change-field{font-weight:600;min-width:120px}.profile-audit-trail .audit-entry .entry-details .entry-changes .change-details .change-item .change-value{color:var(--text-secondary)}.profile-audit-trail .audit-actions{margin-top:1.5rem;display:flex;justify-content:flex-end}.customer-export .export-header{margin-bottom:1.5rem}.customer-export .export-header h3{margin:0 0 .5rem;color:var(--text-primary)}.customer-export .export-header p{color:var(--text-secondary);margin:0}.customer-export .export-section{margin-bottom:1.5rem}.customer-export .export-section h4{margin:0 0 1rem;color:var(--text-primary)}.customer-export .format-options,.customer-export .field-options{display:flex;flex-direction:column;gap:.75rem}.customer-export .format-option,.customer-export .field-option{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.customer-export .format-option:hover,.customer-export .field-option:hover{border-color:var(--accent-color);background-color:var(--background-light)}.customer-export .format-option input[type=radio],.customer-export .format-option input[type=checkbox],.customer-export .field-option input[type=radio],.customer-export .field-option input[type=checkbox]{margin-top:.125rem}.customer-export .format-option .format-info,.customer-export .format-option .field-info,.customer-export .field-option .format-info,.customer-export .field-option .field-info{flex:1}.customer-export .format-option .format-info .format-name,.customer-export .format-option .format-info .field-name,.customer-export .format-option .field-info .format-name,.customer-export .format-option .field-info .field-name,.customer-export .field-option .format-info .format-name,.customer-export .field-option .format-info .field-name,.customer-export .field-option .field-info .format-name,.customer-export .field-option .field-info .field-name{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.customer-export .format-option .format-info .format-description,.customer-export .format-option .format-info .field-description,.customer-export .format-option .field-info .format-description,.customer-export .format-option .field-info .field-description,.customer-export .field-option .format-info .format-description,.customer-export .field-option .format-info .field-description,.customer-export .field-option .field-info .format-description,.customer-export .field-option .field-info .field-description{display:block;font-size:.875rem;color:var(--text-secondary)}.customer-export .export-summary{display:flex;flex-direction:column;gap:.75rem}.customer-export .export-summary .summary-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.customer-export .export-summary .summary-item .summary-label{font-weight:500;color:var(--text-secondary)}.customer-export .export-summary .summary-item .summary-value{font-weight:600;color:var(--text-primary)}.customer-export .export-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.customer-profile{width:100%;min-height:100vh;background-color:var(--background-light)}.customer-profile--dashboard{min-height:auto;max-height:800px;overflow-y:auto}.customer-profile--page{padding:2rem}.customer-profile--modal{max-height:600px;overflow-y:auto}.customer-profile--sidebar{max-width:400px;border-right:1px solid var(--border-color)}.customer-profile__header{margin-bottom:2rem}.customer-profile__header .header-title{margin-bottom:1.5rem}.customer-profile__header .header-title h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.customer-profile__header .header-title p{color:var(--text-secondary);margin:0;font-size:1rem}.customer-profile__header .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.customer-profile__header .stats-grid .stat-card .stat-content{text-align:center;padding:1rem}.customer-profile__header .stats-grid .stat-card .stat-content .stat-number{display:block;font-size:2rem;font-weight:700;color:var(--accent-color);margin-bottom:.5rem}.customer-profile__header .stats-grid .stat-card .stat-content .stat-label{display:block;color:var(--text-secondary);font-size:.875rem;font-weight:500}.customer-profile__header .customer-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.customer-profile__header .customer-controls .search-container{flex:1;min-width:300px;position:relative}.customer-profile__header .customer-controls .search-container .search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background-color:#fff}.customer-profile__header .customer-controls .search-container .search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #00d4ff1a}.customer-profile__header .customer-controls .action-buttons{display:flex;gap:.5rem}.customer-profile__content .loading-state{text-align:center;padding:3rem;color:var(--text-secondary)}.customer-profile__content .loading-state span{font-size:1.125rem}.customer-profile__content .customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.customer-card{transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.customer-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.customer-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.customer-card__header .customer-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),var(--accent-color-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.125rem}.customer-card__header .customer-badges{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.customer-card__content{margin-bottom:1rem}.customer-card__content .customer-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.customer-card__content .customer-email,.customer-card__content .customer-phone,.customer-card__content .customer-address{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0}.customer-card__footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--border-light);padding-top:.75rem}.tier-badge,.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.tier-badge.basic{background-color:#f3f4f6;color:#6b7280}.tier-badge.premium{background-color:#dbeafe;color:#3b82f6}.tier-badge.enterprise{background-color:#f3e8ff;color:#7c3aed}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.suspended{background-color:#fef3c7;color:#92400e}.status-badge.terminated{background-color:#fee2e2;color:#991b1b}.status-badge.pending{background-color:#f3f4f6;color:#6b7280}.customer-info{display:flex;align-items:center;gap:.75rem}.customer-info .customer-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),var(--accent-color-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.customer-info .customer-details{display:flex;flex-direction:column}.customer-info .customer-details .customer-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.customer-info .customer-details .customer-email{font-size:.875rem;color:var(--text-secondary)}.action-buttons{display:flex;gap:.5rem}.delete-confirmation{text-align:center;padding:1rem}.delete-confirmation p{margin-bottom:1rem}.delete-confirmation p.warning-text{color:var(--danger-color);font-weight:500}.delete-confirmation .modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}@media (max-width: 768px){.customer-profile--page{padding:1rem}.customer-profile__header .stats-grid{grid-template-columns:repeat(2,1fr)}.customer-profile__header .customer-controls{flex-direction:column;align-items:stretch}.customer-profile__header .customer-controls .search-container{min-width:auto}.customer-profile__header .customer-controls .action-buttons{justify-content:center}.customer-profile__content .customers-grid{grid-template-columns:1fr}}@media (max-width: 480px){.customer-profile__header .stats-grid{grid-template-columns:1fr}.customer-card__header .customer-badges{flex-direction:row;gap:.5rem}.customer-card__footer{flex-direction:column;align-items:flex-start;gap:.25rem}}@media (prefers-color-scheme: dark){.customer-profile{background-color:var(--background-dark)}.customer-profile .search-input{background-color:var(--surface-dark);border-color:var(--border-dark);color:var(--text-primary-dark)}}.customer-profile [role=button]:focus,.customer-profile button:focus{outline:2px solid var(--accent-color);outline-offset:2px}.customer-profile .customer-card:focus{outline:2px solid var(--accent-color);outline-offset:2px}.loading-state{display:flex;justify-content:center;align-items:center;min-height:200px}.loading-state:before{content:"";width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}.tier-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.025em;transition:all .2s ease}.tier-badge--small{font-size:.675rem;padding:.125rem .5rem}.tier-badge--small .tier-badge__icon,.tier-badge--medium{font-size:.75rem}.tier-badge--medium .tier-badge__icon{font-size:1rem}.tier-badge--large{font-size:.875rem;padding:.5rem 1rem}.tier-badge--large .tier-badge__icon{font-size:1.25rem}.tier-badge--basic{color:#6b7280;background-color:#f9fafb;border:1px solid #e5e7eb}.tier-badge--premium{color:#3b82f6;background-color:#eff6ff;border:1px solid #bfdbfe}.tier-badge--enterprise{color:#7c3aed;background-color:#f3e8ff;border:1px solid #c4b5fd}.tier-badge .tier-badge__icon,.tier-badge .tier-badge__label{line-height:1}.upgrade-prompt--modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001}.upgrade-prompt--inline{margin:1rem 0}.upgrade-prompt--banner{position:fixed;top:0;left:0;right:0;z-index:999}.upgrade-prompt .upgrade-content{max-width:500px}.upgrade-prompt .upgrade-content .upgrade-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.upgrade-prompt .upgrade-content .upgrade-header .upgrade-icon{font-size:2rem;line-height:1}.upgrade-prompt .upgrade-content .upgrade-header .upgrade-title{flex:1}.upgrade-prompt .upgrade-content .upgrade-header .upgrade-title h3{margin:0 0 .5rem;color:var(--text-primary)}.upgrade-prompt .upgrade-content .upgrade-header .upgrade-title p{margin:0;color:var(--text-secondary)}.upgrade-prompt .upgrade-content .tier-comparison{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.upgrade-prompt .upgrade-content .tier-comparison .current-tier,.upgrade-prompt .upgrade-content .tier-comparison .required-tier{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upgrade-prompt .upgrade-content .tier-comparison .current-tier .tier-label,.upgrade-prompt .upgrade-content .tier-comparison .required-tier .tier-label{font-size:.875rem;color:var(--text-secondary)}.upgrade-prompt .upgrade-content .tier-comparison .current-tier .tier-price,.upgrade-prompt .upgrade-content .tier-comparison .required-tier .tier-price{font-size:.875rem;font-weight:600;color:var(--accent-color)}.upgrade-prompt .upgrade-content .tier-comparison .upgrade-arrow{font-size:1.5rem;color:var(--accent-color)}.upgrade-prompt .upgrade-content .benefits-comparison{margin-bottom:1.5rem}.upgrade-prompt .upgrade-content .benefits-comparison .benefits-section h4{margin:0 0 1rem;color:var(--text-primary)}.upgrade-prompt .upgrade-content .benefits-comparison .benefits-section .benefits-list{list-style:none;padding:0;margin:0}.upgrade-prompt .upgrade-content .benefits-comparison .benefits-section .benefits-list .benefit-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.upgrade-prompt .upgrade-content .benefits-comparison .benefits-section .benefits-list .benefit-item .benefit-icon{color:var(--success-color);font-weight:600}.upgrade-prompt .upgrade-content .benefits-comparison .benefits-section .benefits-list .benefit-item .benefit-text{flex:1;color:var(--text-primary)}.upgrade-prompt .upgrade-content .benefits-comparison .benefits-section .benefits-list .benefit-item .benefit-new{background:var(--accent-color);color:#fff;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.upgrade-prompt .upgrade-content .upgrade-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.upgrade-prompt .upgrade-content .upgrade-footer{text-align:center}.upgrade-prompt .upgrade-content .upgrade-footer .upgrade-note{margin:0;font-size:.875rem;color:var(--text-muted)}.admin-override--expired{opacity:.7;border-color:var(--border-light)}.admin-override .override-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.admin-override .override-header .override-info{flex:1}.admin-override .override-header .override-info .override-feature{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.admin-override .override-header .override-info .override-feature .feature-icon{font-size:1.25rem}.admin-override .override-header .override-info .override-feature .feature-name{font-weight:600;color:var(--text-primary)}.admin-override .override-header .override-info .override-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:var(--text-secondary)}.admin-override .override-header .override-status .status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.admin-override .override-header .override-status .status-badge--active{background-color:#d1fae5;color:#065f46}.admin-override .override-header .override-status .status-badge--expired{background-color:#fee2e2;color:#991b1b}.admin-override .override-header .override-status .status-badge--revoked{background-color:#f3f4f6;color:#6b7280}.admin-override .override-details{margin-bottom:1rem;padding:1rem;background-color:var(--background-light);border-radius:6px}.admin-override .override-details .detail-item{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.875rem}.admin-override .override-details .detail-item:last-child{margin-bottom:0}.admin-override .override-details .detail-item .detail-label{font-weight:600;min-width:100px;color:var(--text-secondary)}.admin-override .override-details .detail-item .detail-value{color:var(--text-primary)}.admin-override .override-actions{display:flex;gap:.5rem;justify-content:flex-end}.tier-enforcement--page{padding:2rem}.tier-enforcement--dashboard{padding:1rem}.tier-enforcement--modal{padding:0}.tier-enforcement__header{margin-bottom:2rem}.tier-enforcement__header h1{margin:0 0 .5rem;color:var(--text-primary)}.tier-enforcement__header p{color:var(--text-secondary);margin:0}.tier-enforcement .tier-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.tier-enforcement .tier-stats .stat-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:#fff;border:1px solid var(--border-color);border-radius:8px}.tier-enforcement .tier-stats .stat-card .stat-number{font-size:2rem;font-weight:700;color:var(--accent-color)}.tier-enforcement .tier-stats .stat-card .stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.tier-enforcement .tier-limits-overview{margin-bottom:2rem}.tier-enforcement .tier-limits-overview h2{margin-bottom:1rem;color:var(--text-primary)}.tier-enforcement .tier-limits-overview .limits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.tier-enforcement .tier-limits-overview .limits-grid .limits-card{padding:1.5rem;background:#fff;border:1px solid var(--border-color);border-radius:8px}.tier-enforcement .tier-limits-overview .limits-grid .limits-card .limits-list{margin-top:1rem}.tier-enforcement .tier-limits-overview .limits-grid .limits-card .limits-list .limit-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-light);font-size:.875rem}.tier-enforcement .tier-limits-overview .limits-grid .limits-card .limits-list .limit-item:last-child{border-bottom:none}.tier-gate-blocked .blocked-content{text-align:center;padding:2rem;background:var(--background-light);border-radius:8px;border:1px solid var(--border-color)}.tier-gate-blocked .blocked-content h3{margin:0 0 1rem;color:var(--text-primary)}.tier-gate-blocked .blocked-content p{margin:0 0 1rem;color:var(--text-secondary)}.premium-features--page{padding:2rem}.premium-features--dashboard{padding:1rem}.premium-features--modal{padding:0}.premium-features--sidebar{max-width:400px}.premium-features .premium-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.premium-features .premium-header .premium-title{display:flex;align-items:center;gap:1rem}.premium-features .premium-header .premium-title .premium-icon{font-size:2rem}.premium-features .premium-header .premium-title .title-content h1{margin:0 0 .5rem;color:var(--text-primary)}.premium-features .premium-header .premium-title .title-content p{margin:0;color:var(--text-secondary)}.premium-features .premium-header .premium-badges{display:flex;gap:.5rem}.premium-features .premium-header .premium-badges .premium-badge,.premium-features .premium-header .premium-badges .priority-badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.premium-features .premium-header .premium-badges .premium-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.premium-features .premium-header .premium-badges .priority-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.premium-features .premium-nav{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.premium-features .premium-nav .nav-tab{padding:1rem 1.5rem;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;color:var(--text-secondary);font-weight:500}.premium-features .premium-nav .nav-tab:hover{color:var(--text-primary);background-color:var(--background-light)}.premium-features .premium-nav .nav-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.premium-features .premium-content .premium-overview .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.premium-features .premium-content .premium-overview .features-grid .feature-card .feature-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.premium-features .premium-content .premium-overview .features-grid .feature-card .feature-header .feature-icon{font-size:1.5rem;line-height:1}.premium-features .premium-content .premium-overview .features-grid .feature-card .feature-header .feature-info{flex:1}.premium-features .premium-content .premium-overview .features-grid .feature-card .feature-header .feature-info h3{margin:0 0 .5rem;color:var(--text-primary)}.premium-features .premium-content .premium-overview .features-grid .feature-card .feature-header .feature-info p{margin:0;color:var(--text-secondary);font-size:.875rem}.premium-features .premium-content .premium-overview .features-grid .feature-card .feature-header .feature-status .status-enabled{color:var(--success-color);font-weight:600;font-size:.875rem}.premium-features .premium-content .premium-overview .features-grid .feature-card .feature-header .feature-status .status-disabled{color:var(--text-muted);font-weight:600;font-size:.875rem}.premium-features .premium-content .premium-overview .features-grid .feature-card .feature-header .feature-status .status-info{color:var(--accent-color);font-weight:600;font-size:.875rem}.premium-features .premium-content .premium-overview .features-grid .feature-card .feature-controls{margin-top:1rem}.premium-features .premium-content .premium-overview .features-grid .feature-card .feature-benefits ul{list-style:none;padding:0;margin:0}.premium-features .premium-content .premium-overview .features-grid .feature-card .feature-benefits ul li{padding:.25rem 0;color:var(--text-secondary);font-size:.875rem}.premium-features .premium-content .premium-overview .features-grid .feature-card .feature-details .notification-channels{display:flex;gap:.5rem;flex-wrap:wrap}.premium-features .premium-content .premium-overview .features-grid .feature-card .feature-details .notification-channels .channel-badge{background:var(--accent-color);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.premium-features .premium-content .premium-overview .premium-summary .benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.premium-features .premium-content .premium-overview .premium-summary .benefits-grid .benefit-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--background-light);border-radius:6px}.premium-features .premium-content .premium-overview .premium-summary .benefits-grid .benefit-item .benefit-icon{font-size:1.25rem}.premium-features .premium-content .premium-overview .premium-summary .benefits-grid .benefit-item .benefit-text{color:var(--text-primary);font-weight:500}.premium-features-error{text-align:center;padding:2rem}.billing-management--page{padding:2rem}.billing-management--dashboard{padding:1rem}.billing-management--modal{padding:0}.billing-management .billing-header{margin-bottom:2rem}.billing-management .billing-header .header-title{margin-bottom:1.5rem}.billing-management .billing-header .header-title h1{margin:0 0 .5rem;color:var(--text-primary)}.billing-management .billing-header .header-title p{margin:0;color:var(--text-secondary)}.billing-management .billing-header .billing-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.billing-management .billing-header .billing-stats .stat-card .stat-content{text-align:center;padding:1rem}.billing-management .billing-header .billing-stats .stat-card .stat-content .stat-number{display:block;font-size:2rem;font-weight:700;color:var(--accent-color);margin-bottom:.5rem}.billing-management .billing-header .billing-stats .stat-card .stat-content .stat-label{display:block;color:var(--text-secondary);font-size:.875rem;font-weight:500}.billing-management .billing-nav{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.billing-management .billing-nav .nav-tab{padding:1rem 1.5rem;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;color:var(--text-secondary);font-weight:500}.billing-management .billing-nav .nav-tab:hover{color:var(--text-primary);background-color:var(--background-light)}.billing-management .billing-nav .nav-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.billing-management .billing-content .billing-overview .overview-section{margin-bottom:2rem}.billing-management .billing-content .billing-overview .overview-section h3{margin-bottom:1rem;color:var(--text-primary)}.billing-management .billing-content .billing-overview .plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.billing-management .billing-content .billing-overview .plans-grid .plan-card{transition:transform .2s ease}.billing-management .billing-content .billing-overview .plans-grid .plan-card:hover{transform:translateY(-2px)}.billing-management .billing-content .billing-overview .plans-grid .plan-card--basic{border-left:4px solid #6b7280}.billing-management .billing-content .billing-overview .plans-grid .plan-card--premium{border-left:4px solid #3b82f6}.billing-management .billing-content .billing-overview .plans-grid .plan-card--enterprise{border-left:4px solid #7c3aed}.billing-management .billing-content .billing-overview .plans-grid .plan-card .plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.billing-management .billing-content .billing-overview .plans-grid .plan-card .plan-header h4{margin:0;color:var(--text-primary)}.billing-management .billing-content .billing-overview .plans-grid .plan-card .plan-header .plan-price{font-size:1.25rem;font-weight:700;color:var(--accent-color)}.billing-management .billing-content .billing-overview .plans-grid .plan-card .plan-header .plan-price .plan-interval{font-size:.875rem;color:var(--text-secondary)}.billing-management .billing-content .billing-overview .plans-grid .plan-card .plan-features{margin-bottom:1rem}.billing-management .billing-content .billing-overview .plans-grid .plan-card .plan-features .feature-item{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.875rem}.billing-management .billing-content .billing-overview .plans-grid .plan-card .plan-features .feature-item .feature-icon{color:var(--success-color)}.billing-management .billing-content .billing-overview .plans-grid .plan-card .plan-limits{font-size:.875rem;color:var(--text-secondary)}.billing-management .billing-content .billing-overview .plans-grid .plan-card .plan-limits .limit-item{margin-bottom:.25rem}.billing-management .billing-content .billing-overview .recent-activity .activity-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-light)}.billing-management .billing-content .billing-overview .recent-activity .activity-item:last-child{border-bottom:none}.billing-management .billing-content .billing-overview .recent-activity .activity-item .activity-info .activity-description{font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.billing-management .billing-content .billing-overview .recent-activity .activity-item .activity-info .activity-date{font-size:.875rem;color:var(--text-secondary)}.billing-management .billing-content .billing-overview .recent-activity .activity-item .status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff}.billing-management .billing-content .subscriptions-management .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.billing-management .billing-content .subscriptions-management .section-header h3{margin:0;color:var(--text-primary)}.cancel-subscription .cancel-warning{margin-bottom:1.5rem}.cancel-subscription .cancel-warning h4{margin:0 0 1rem;color:var(--danger-color)}.cancel-subscription .cancel-warning p{margin-bottom:1rem;color:var(--text-primary)}.cancel-subscription .cancel-warning .subscription-details{background-color:var(--background-light);padding:1rem;border-radius:6px}.cancel-subscription .cancel-warning .subscription-details .detail-item{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem}.cancel-subscription .cancel-warning .subscription-details .detail-item:last-child{margin-bottom:0}.cancel-subscription .cancel-options{margin-bottom:1.5rem}.cancel-subscription .cancel-options label{display:block;margin-bottom:.5rem;font-weight:500}.cancel-subscription .cancel-options select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px}.cancel-subscription .cancel-actions{display:flex;gap:1rem;justify-content:flex-end}.white-label-config--page{padding:2rem}.white-label-config--dashboard{padding:1rem}.white-label-config--modal{padding:0}.white-label-config .config-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.white-label-config .config-header .header-title h1{margin:0 0 .5rem;color:var(--text-primary)}.white-label-config .config-header .header-title p{margin:0;color:var(--text-secondary)}.white-label-config .config-header .header-controls{display:flex;gap:1rem;align-items:center}.white-label-config .config-header .header-controls .business-selector{display:flex;align-items:center;gap:.5rem}.white-label-config .config-header .header-controls .business-selector label{font-weight:500;color:var(--text-secondary)}.white-label-config .config-header .header-controls .business-selector select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;min-width:200px}.white-label-config .current-branding{margin-bottom:1.5rem}.white-label-config .current-branding .branding-preview{display:flex;align-items:center;gap:2rem}.white-label-config .current-branding .branding-preview .logo-preview{display:flex;align-items:center;gap:1rem}.white-label-config .current-branding .branding-preview .logo-preview .logo-image{max-height:40px;max-width:120px}.white-label-config .current-branding .branding-preview .logo-preview .brand-name{font-size:1.25rem;font-weight:600}.white-label-config .current-branding .branding-preview .theme-preview{padding:1rem 2rem;border-radius:6px;color:#fff;font-weight:500}.white-label-config .config-nav{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.white-label-config .config-nav .nav-tab{padding:1rem 1.5rem;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;color:var(--text-secondary);font-weight:500}.white-label-config .config-nav .nav-tab:hover{color:var(--text-primary);background-color:var(--background-light)}.white-label-config .config-nav .nav-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.white-label-config .branding-tab .branding-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.white-label-config .branding-tab .branding-grid .logo-config h4,.white-label-config .branding-tab .branding-grid .color-config h4,.white-label-config .branding-tab .branding-grid .text-config h4{margin-bottom:1rem;color:var(--text-primary)}.white-label-config .branding-tab .branding-grid .logo-config .upload-group,.white-label-config .branding-tab .branding-grid .color-config .upload-group,.white-label-config .branding-tab .branding-grid .text-config .upload-group{margin-bottom:1rem}.white-label-config .branding-tab .branding-grid .logo-config .upload-group label,.white-label-config .branding-tab .branding-grid .color-config .upload-group label,.white-label-config .branding-tab .branding-grid .text-config .upload-group label{display:block;margin-bottom:.5rem;font-weight:500}.white-label-config .branding-tab .branding-grid .logo-config .upload-group .upload-area,.white-label-config .branding-tab .branding-grid .color-config .upload-group .upload-area,.white-label-config .branding-tab .branding-grid .text-config .upload-group .upload-area{border:2px dashed var(--border-color);border-radius:6px;padding:1rem;text-align:center}.white-label-config .branding-tab .branding-grid .logo-config .upload-group .upload-area:hover,.white-label-config .branding-tab .branding-grid .color-config .upload-group .upload-area:hover,.white-label-config .branding-tab .branding-grid .text-config .upload-group .upload-area:hover{border-color:var(--accent-color);background-color:var(--background-light)}.white-label-config .branding-tab .branding-grid .logo-config .upload-group .upload-area span,.white-label-config .branding-tab .branding-grid .color-config .upload-group .upload-area span,.white-label-config .branding-tab .branding-grid .text-config .upload-group .upload-area span{font-size:.875rem;color:var(--text-secondary)}.white-label-config .branding-tab .branding-grid .logo-config .color-input-group,.white-label-config .branding-tab .branding-grid .color-config .color-input-group,.white-label-config .branding-tab .branding-grid .text-config .color-input-group{display:flex;gap:.5rem}.white-label-config .branding-tab .branding-grid .logo-config .color-input-group input[type=color],.white-label-config .branding-tab .branding-grid .color-config .color-input-group input[type=color],.white-label-config .branding-tab .branding-grid .text-config .color-input-group input[type=color]{width:60px;height:40px;border:none;border-radius:4px;cursor:pointer}.white-label-config .branding-tab .branding-grid .logo-config .color-input-group input[type=text],.white-label-config .branding-tab .branding-grid .color-config .color-input-group input[type=text],.white-label-config .branding-tab .branding-grid .text-config .color-input-group input[type=text]{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:4px}.white-label-config .branding-tab .branding-grid .logo-config .color-presets,.white-label-config .branding-tab .branding-grid .color-config .color-presets,.white-label-config .branding-tab .branding-grid .text-config .color-presets{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.white-label-config .branding-tab .branding-grid .logo-config .color-presets .presets-label,.white-label-config .branding-tab .branding-grid .color-config .color-presets .presets-label,.white-label-config .branding-tab .branding-grid .text-config .color-presets .presets-label{font-size:.875rem;color:var(--text-secondary)}.white-label-config .branding-tab .branding-grid .logo-config .color-presets .color-preset,.white-label-config .branding-tab .branding-grid .color-config .color-presets .color-preset,.white-label-config .branding-tab .branding-grid .text-config .color-presets .color-preset{width:30px;height:30px;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;transition:transform .2s ease}.white-label-config .branding-tab .branding-grid .logo-config .color-presets .color-preset:hover,.white-label-config .branding-tab .branding-grid .color-config .color-presets .color-preset:hover,.white-label-config .branding-tab .branding-grid .text-config .color-presets .color-preset:hover{transform:scale(1.1);border-color:var(--accent-color)}.white-label-config .branding-tab .branding-grid .logo-config .form-group,.white-label-config .branding-tab .branding-grid .color-config .form-group,.white-label-config .branding-tab .branding-grid .text-config .form-group{margin-bottom:1rem}.white-label-config .branding-tab .branding-grid .logo-config .form-group label,.white-label-config .branding-tab .branding-grid .color-config .form-group label,.white-label-config .branding-tab .branding-grid .text-config .form-group label{display:block;margin-bottom:.5rem;font-weight:500}.white-label-config .branding-tab .branding-grid .logo-config .form-group input,.white-label-config .branding-tab .branding-grid .color-config .form-group input,.white-label-config .branding-tab .branding-grid .text-config .form-group input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px}.customer-workspace{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow:hidden}.customer-workspace--admin .workspace-header{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff}.customer-workspace--support .workspace-header{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.customer-workspace--billing .workspace-header{background:linear-gradient(135deg,#059669,#047857);color:#fff}.customer-workspace--analytics .workspace-header{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.workspace-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000d}.workspace-header .header-left h1{margin:0 0 .5rem;color:#00568f;font-size:1.75rem;font-weight:600}.workspace-header .header-left .workspace-info{display:flex;gap:1rem;align-items:center}.workspace-header .header-left .workspace-info .customer-count{padding:.25rem .75rem;background:#e0f2fe;color:#0c4a6e;border-radius:12px;font-size:.75rem;font-weight:500}.workspace-header .header-left .workspace-info .selected-customer{padding:.25rem .75rem;background:#dbeafe;color:#1e40af;border-radius:12px;font-size:.75rem;font-weight:500}.workspace-header .header-right{display:flex;gap:1rem;align-items:center}.workspace-header .header-right .layout-controls{display:flex;gap:.5rem;padding:.25rem;background:#f8fafc;border-radius:8px}.workspace-header .header-right .customer-actions{display:flex;gap:.5rem}.customer-list-section{padding:1rem 2rem}.customer-list-section .customer-browser .browser-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.customer-list-section .customer-browser .browser-header h3{margin:0;color:#1f2937;font-size:1.125rem}.customer-list-section .customer-browser .browser-header .browser-controls{display:flex;gap:1rem;align-items:center}.customer-list-section .customer-browser .browser-header .browser-controls .search-input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;min-width:200px}.customer-list-section .customer-browser .browser-header .browser-controls .search-input:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a}.customer-list-section .customer-browser .browser-header .browser-controls .tier-filter{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;min-width:120px}.customer-list-section .customer-browser .browser-header .browser-controls .tier-filter:focus{outline:none;border-color:#00568f}.customer-list-section .customer-browser .customer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;max-height:300px;overflow-y:auto}.customer-list-section .customer-browser .customer-grid .customer-card{padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease}.customer-list-section .customer-browser .customer-grid .customer-card:hover{border-color:#00568f;box-shadow:0 4px 12px #00568f1a;transform:translateY(-2px)}.customer-list-section .customer-browser .customer-grid .customer-card.selected{border-color:#00568f;background:#f0f9ff;box-shadow:0 4px 12px #00568f33}.customer-list-section .customer-browser .customer-grid .customer-card .customer-card-header{display:flex;gap:.75rem;margin-bottom:.75rem}.customer-list-section .customer-browser .customer-grid .customer-card .customer-card-header .customer-avatar{width:40px;height:40px;border-radius:50%;background:#00568f;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.customer-list-section .customer-browser .customer-grid .customer-card .customer-card-header .customer-info{flex:1}.customer-list-section .customer-browser .customer-grid .customer-card .customer-card-header .customer-info h4{margin:0 0 .25rem;color:#1f2937;font-size:.875rem;font-weight:600}.customer-list-section .customer-browser .customer-grid .customer-card .customer-card-header .customer-info .tier-badge{padding:.125rem .5rem;border-radius:10px;font-size:.625rem;font-weight:600;text-transform:uppercase}.customer-list-section .customer-browser .customer-grid .customer-card .customer-card-header .customer-info .tier-badge.tier-basic{background:#f3f4f6;color:#374151}.customer-list-section .customer-browser .customer-grid .customer-card .customer-card-header .customer-info .tier-badge.tier-premium{background:#fef3c7;color:#92400e}.customer-list-section .customer-browser .customer-grid .customer-card .customer-card-header .customer-info .tier-badge.tier-enterprise{background:#e0e7ff;color:#3730a3}.customer-list-section .customer-browser .customer-grid .customer-card .customer-card-body{display:flex;justify-content:space-between;font-size:.75rem}.customer-list-section .customer-browser .customer-grid .customer-card .customer-card-body .customer-stat{display:flex;gap:.25rem}.customer-list-section .customer-browser .customer-grid .customer-card .customer-card-body .customer-stat .stat-label{color:#6b7280}.customer-list-section .customer-browser .customer-grid .customer-card .customer-card-body .customer-stat .stat-value{font-weight:600;color:#1f2937}.customer-list-section .customer-browser .customer-grid .customer-card .customer-card-body .customer-stat .stat-value.status-active{color:#10b981}.customer-list-section .customer-browser .customer-grid .customer-card .customer-card-body .customer-stat .stat-value.status-suspended{color:#f59e0b}.customer-list-section .customer-browser .customer-grid .customer-card .customer-card-body .customer-stat .stat-value.status-terminated{color:#ef4444}.workspace-main-content{flex:1;padding:0 2rem 2rem;overflow:hidden;min-height:0}.customer-selection{height:100%;display:flex;align-items:center;justify-content:center}.customer-selection .selection-placeholder{max-width:400px;text-align:center}.customer-selection .selection-placeholder .placeholder-content .placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.customer-selection .selection-placeholder .placeholder-content h3{margin:0 0 .5rem;color:#6b7280;font-size:1.5rem}.customer-selection .selection-placeholder .placeholder-content p{margin:0 0 2rem;color:#9ca3af;line-height:1.6}.customer-selection .selection-placeholder .placeholder-content .quick-stats{display:flex;justify-content:space-around;gap:1rem}.customer-selection .selection-placeholder .placeholder-content .quick-stats .stat-item{text-align:center}.customer-selection .selection-placeholder .placeholder-content .quick-stats .stat-item .stat-number{display:block;font-size:1.5rem;font-weight:700;color:#00568f}.customer-selection .selection-placeholder .placeholder-content .quick-stats .stat-item .stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.workspace-split-view{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;height:100%}.workspace-split-view .customer-profile-panel,.workspace-split-view .customer-details-panel{min-height:0;overflow:auto}@media (max-width: 1024px){.workspace-split-view{grid-template-columns:1fr}}.customer-header{display:flex;justify-content:space-between;align-items:center;width:100%}.customer-header h3{margin:0;color:#1f2937;font-size:1.125rem}.customer-header .customer-actions{display:flex;gap:.5rem}.customer-insights h3{margin:0 0 1.5rem;color:#1f2937;font-size:1.125rem}.customer-insights .insights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.customer-insights .insights-grid .insight-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.customer-insights .insights-grid .insight-item .insight-icon{font-size:1.5rem;flex-shrink:0}.customer-insights .insights-grid .insight-item .insight-content{display:flex;flex-direction:column}.customer-insights .insights-grid .insight-item .insight-content .insight-value{font-size:1.25rem;font-weight:700;color:#00568f;line-height:1}.customer-insights .insights-grid .insight-item .insight-content .insight-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.customer-insights .recommendations h4{margin:0 0 1rem;color:#1f2937;font-size:1rem}.customer-insights .recommendations .recommendation{padding:1rem;border-radius:8px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.customer-insights .recommendations .recommendation.upgrade{background:#fef3c7;border:1px solid #fbbf24}.customer-insights .recommendations .recommendation.support{background:#dbeafe;border:1px solid #60a5fa}.customer-insights .recommendations .recommendation .rec-content{flex:1}.customer-insights .recommendations .recommendation .rec-content p{margin:0 0 .5rem;color:#374151;font-size:.875rem;font-weight:500}.customer-insights .recommendations .recommendation .rec-content ul{margin:0;padding-left:1rem;color:#6b7280;font-size:.75rem}.customer-insights .recommendations .recommendation .rec-content ul li{margin-bottom:.25rem}.workspace-tabbed-view{display:flex;flex-direction:column;height:100%}.workspace-tabbed-view .workspace-tabs{display:flex;gap:.25rem;margin-bottom:1rem;border-bottom:1px solid #e5e7eb}.workspace-tabbed-view .workspace-tabs .tab{padding:.75rem 1rem;background:transparent;border:none;border-radius:8px 8px 0 0;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s ease}.workspace-tabbed-view .workspace-tabs .tab:hover{background:#f3f4f6;color:#374151}.workspace-tabbed-view .workspace-tabs .tab.active{background:#fff;color:#00568f;box-shadow:0 -2px 8px #0000000d;border-bottom:2px solid #00568f}.workspace-tabbed-view .workspace-tabs .tab:disabled{opacity:.5;cursor:not-allowed}.workspace-tabbed-view .tab-content{flex:1;overflow:auto;background:#fff;border-radius:0 0 8px 8px;padding:1.5rem}.customer-alerts h3{margin:0 0 1.5rem;color:#1f2937;font-size:1.125rem}.customer-alerts .alert-analytics .alert-stats{display:flex;justify-content:space-around;margin-bottom:2rem}.customer-alerts .alert-analytics .alert-stats .stat{text-align:center}.customer-alerts .alert-analytics .alert-stats .stat .number{display:block;font-size:1.5rem;font-weight:700;color:#00568f;line-height:1}.customer-alerts .alert-analytics .alert-stats .stat .label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.customer-alerts .alert-analytics .alert-breakdown h4{margin:0 0 1rem;color:#1f2937;font-size:1rem}.customer-alerts .alert-analytics .alert-breakdown .breakdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.customer-alerts .alert-analytics .alert-breakdown .breakdown-grid .breakdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;border:1px solid}.customer-alerts .alert-analytics .alert-breakdown .breakdown-grid .breakdown-item .icon{font-size:1.25rem;flex-shrink:0}.customer-alerts .alert-analytics .alert-breakdown .breakdown-grid .breakdown-item .count{font-size:1.125rem;font-weight:700;min-width:2rem;text-align:center}.customer-alerts .alert-analytics .alert-breakdown .breakdown-grid .breakdown-item .label{font-size:.875rem;font-weight:500}.customer-alerts .alert-analytics .alert-breakdown .breakdown-grid .breakdown-item.medical{background:#fef2f2;border-color:#fecaca;color:#991b1b}.customer-alerts .alert-analytics .alert-breakdown .breakdown-grid .breakdown-item.fire{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.customer-alerts .alert-analytics .alert-breakdown .breakdown-grid .breakdown-item.security{background:#f0f9ff;border-color:#bfdbfe;color:#1e40af}.customer-alerts .alert-analytics .alert-breakdown .breakdown-grid .breakdown-item.road{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.upgrade-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upgrade-modal-overlay .upgrade-modal{max-width:600px;max-height:90vh;overflow-y:auto;margin:2rem}.upgrade-modal-overlay .upgrade-modal .upgrade-content{padding:2rem}.upgrade-modal-overlay .upgrade-modal .upgrade-content h3{margin:0 0 1rem;color:#1f2937;font-size:1.5rem}.upgrade-modal-overlay .upgrade-modal .upgrade-content p{margin:0 0 .5rem;color:#6b7280}.upgrade-modal-overlay .upgrade-modal .upgrade-content .tier-options{margin:2rem 0;display:flex;flex-direction:column;gap:1.5rem}.upgrade-modal-overlay .upgrade-modal .upgrade-content .tier-options .tier-option{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;border:2px solid #e5e7eb;border-radius:12px;background:#f8fafc}.upgrade-modal-overlay .upgrade-modal .upgrade-content .tier-options .tier-option .tier-info{flex:1}.upgrade-modal-overlay .upgrade-modal .upgrade-content .tier-options .tier-option .tier-info h4{margin:0 0 .75rem;color:#1f2937;font-size:1.125rem}.upgrade-modal-overlay .upgrade-modal .upgrade-content .tier-options .tier-option .tier-info ul{margin:0;padding-left:1rem;color:#6b7280;font-size:.875rem}.upgrade-modal-overlay .upgrade-modal .upgrade-content .tier-options .tier-option .tier-info ul li{margin-bottom:.25rem}.upgrade-modal-overlay .upgrade-modal .upgrade-content .modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem}@media (max-width: 1200px){.customer-workspace .workspace-split-view,.customer-workspace .insights-grid{grid-template-columns:1fr}}@media (max-width: 768px){.customer-workspace .workspace-header{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.customer-workspace .workspace-header .header-right{width:100%;justify-content:center;flex-wrap:wrap}.customer-workspace .customer-list-section{padding:1rem}.customer-workspace .customer-list-section .browser-controls{flex-direction:column;gap:.75rem;align-items:stretch}.customer-workspace .customer-list-section .browser-controls .search-input,.customer-workspace .customer-list-section .browser-controls .tier-filter{min-width:auto;width:100%}.customer-workspace .customer-list-section .customer-grid{grid-template-columns:1fr;max-height:250px}.customer-workspace .workspace-main-content{padding:0 1rem 1rem}.customer-workspace .breakdown-grid{grid-template-columns:1fr}.customer-workspace .upgrade-modal{margin:1rem}.customer-workspace .upgrade-modal .tier-options .tier-option{flex-direction:column;text-align:center}}.alerts-tab-content h3,.analytics-tab-content h3{margin:0 0 1rem;color:#1f2937;font-size:1.25rem}.alerts-tab-content p,.analytics-tab-content p{color:#6b7280;line-height:1.6}@media (prefers-reduced-motion: reduce){.customer-workspace *{transition:none!important;animation:none!important}}@media (prefers-contrast: high){.customer-workspace .workspace-header,.customer-workspace .customer-card{border:2px solid #000}.customer-workspace .customer-card.selected{border-color:#00568f;background:#fff}.customer-workspace .tier-badge{border:1px solid #000}}@media print{.customer-workspace{height:auto;background:#fff}.customer-workspace .workspace-header .header-right,.customer-workspace .layout-controls,.customer-workspace .customer-actions{display:none}.customer-workspace .customer-grid{grid-template-columns:repeat(2,1fr);max-height:none}.customer-workspace .workspace-split-view{grid-template-columns:1fr}}.workspace-router{display:flex;flex-direction:column;height:100vh;overflow:hidden}.workspace-router .workspace-recommendations{padding:1rem 2rem 0;z-index:50}.workspace-router .workspace-recommendations .recommendations-content .rec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.workspace-router .workspace-recommendations .recommendations-content .rec-header .rec-icon{font-size:1.25rem}.workspace-router .workspace-recommendations .recommendations-content .rec-header .rec-title{font-weight:600;color:#1f2937;flex:1;margin-left:.5rem}.workspace-router .workspace-recommendations .recommendations-content .recommendations-list{display:flex;flex-direction:column;gap:.75rem}.workspace-router .workspace-recommendations .recommendations-content .recommendations-list .recommendation-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:8px;border:1px solid #e5e7eb}.workspace-router .workspace-recommendations .recommendations-content .recommendations-list .recommendation-item.urgency-critical{background:#fef2f2;border-color:#fecaca}.workspace-router .workspace-recommendations .recommendations-content .recommendations-list .recommendation-item.urgency-high{background:#fff7ed;border-color:#fed7aa}.workspace-router .workspace-recommendations .recommendations-content .recommendations-list .recommendation-item.urgency-medium{background:#fffbeb;border-color:#fde68a}.workspace-router .workspace-recommendations .recommendations-content .recommendations-list .recommendation-item.urgency-low{background:#f0fdf4;border-color:#bbf7d0}.workspace-router .workspace-recommendations .recommendations-content .recommendations-list .recommendation-item .rec-info{flex:1}.workspace-router .workspace-recommendations .recommendations-content .recommendations-list .recommendation-item .rec-info .rec-workspace{display:block;font-weight:600;color:#1f2937;font-size:.875rem;margin-bottom:.25rem}.workspace-router .workspace-recommendations .recommendations-content .recommendations-list .recommendation-item .rec-info .rec-reason{font-size:.75rem;color:#6b7280;line-height:1.4}.workspace-router .emergency-override-banner{padding:1rem 2rem;z-index:100}.workspace-router .emergency-override-banner .emergency-banner-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem}.workspace-router .emergency-override-banner .emergency-banner-content .emergency-info h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.workspace-router .emergency-override-banner .emergency-banner-content .emergency-info p{margin:0;font-size:.875rem;color:#ffffffe6}.workspace-router .emergency-override-banner .emergency-banner-content .emergency-actions{display:flex;gap:.75rem}.workspace-router .workspace-display{flex:1;min-height:0;overflow:hidden}.workspace-router .workspace-switch-bar{padding:0 2rem 1rem;z-index:40}.workspace-router .workspace-switch-bar .switch-bar-content{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem}.workspace-router .workspace-switch-bar .switch-bar-content .current-workspace{display:flex;align-items:center;gap:.5rem}.workspace-router .workspace-switch-bar .switch-bar-content .current-workspace .workspace-label{font-size:.75rem;color:#6b7280;font-weight:500}.workspace-router .workspace-switch-bar .switch-bar-content .current-workspace .workspace-name{font-size:.875rem;color:#1f2937;font-weight:600}.workspace-router .workspace-switch-bar .switch-bar-content .workspace-quick-switch{display:flex;gap:.5rem;align-items:center}@media (max-width: 768px){.workspace-router .workspace-switch-bar .switch-bar-content .workspace-quick-switch{display:none}}.workspace-router .workspace-switch-bar .switch-bar-content .switch-controls{display:flex;gap:.5rem}@media (max-width: 1024px){.workspace-router .workspace-recommendations{padding:.75rem 1rem 0}.workspace-router .workspace-recommendations .recommendations-list .recommendation-item{flex-direction:column;gap:.75rem;text-align:center}.workspace-router .workspace-recommendations .recommendations-list .recommendation-item .rec-info{text-align:center}.workspace-router .emergency-override-banner{padding:.75rem 1rem}.workspace-router .emergency-override-banner .emergency-banner-content{flex-direction:column;gap:1rem;text-align:center}.workspace-router .workspace-switch-bar{padding:0 1rem .75rem}.workspace-router .workspace-switch-bar .switch-bar-content{flex-direction:column;gap:.75rem;text-align:center}.workspace-router .workspace-switch-bar .switch-bar-content .workspace-quick-switch{display:flex;flex-wrap:wrap;justify-content:center}}@media (max-width: 768px){.workspace-router .workspace-recommendations .rec-header{flex-direction:column;gap:.75rem;text-align:center}.workspace-router .emergency-override-banner .emergency-actions{flex-direction:column;gap:.5rem;width:100%}.workspace-router .emergency-override-banner .emergency-actions button{width:100%}}@media (prefers-reduced-motion: reduce){.workspace-router *{transition:none!important;animation:none!important}}@media (prefers-contrast: high){.workspace-router .workspace-recommendations .card,.workspace-router .emergency-override-banner .card,.workspace-router .workspace-switch-bar .card{border:2px solid #000}.workspace-router .recommendation-item{border:2px solid #000!important}}@media print{.workspace-router .workspace-recommendations,.workspace-router .emergency-override-banner,.workspace-router .workspace-switch-bar{display:none}.workspace-router .workspace-display{height:auto}}.performance-monitoring{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.performance-monitoring--dashboard{padding:1rem;min-height:auto}.performance-monitoring--embedded{padding:1rem;background:transparent;min-height:auto}.performance-monitoring .performance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.performance-monitoring .performance-header .header-info h2{margin:0 0 .5rem;color:#00568f;font-size:1.75rem}.performance-monitoring .performance-header .header-info .performance-status{display:flex;gap:1rem;align-items:center}.performance-monitoring .performance-header .header-info .performance-status .status-indicator{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.performance-monitoring .performance-header .header-info .performance-status .status-indicator.collecting{background:#fef3c7;color:#92400e}.performance-monitoring .performance-header .header-info .performance-status .status-indicator.idle{background:#d1fae5;color:#065f46}.performance-monitoring .performance-header .header-info .performance-status .last-update{font-size:.75rem;color:#6b7280}.performance-monitoring .performance-header .header-controls{display:flex;gap:.75rem;align-items:center}.performance-monitoring .performance-header .header-controls .time-range-select{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.performance-monitoring .performance-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 1024px){.performance-monitoring .performance-kpis{grid-template-columns:1fr}}.performance-monitoring .performance-kpis .kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.performance-monitoring .performance-kpis .kpi-grid .kpi-item{text-align:center;padding:1rem}.performance-monitoring .performance-kpis .kpi-grid .kpi-item .kpi-value{display:block;font-size:1.75rem;font-weight:700;color:#00568f;margin-bottom:.25rem}.performance-monitoring .performance-kpis .kpi-grid .kpi-item .kpi-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.performance-monitoring .performance-kpis .kpi-grid .kpi-item .kpi-trend,.performance-monitoring .performance-kpis .kpi-grid .kpi-item .kpi-status{margin-left:.5rem;font-size:1rem}.performance-monitoring .performance-kpis .system-health-grid{display:flex;flex-direction:column;gap:.75rem}.performance-monitoring .performance-kpis .system-health-grid .health-metric .metric-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.performance-monitoring .performance-kpis .system-health-grid .health-metric .metric-header .metric-label{font-size:.875rem;color:#374151;font-weight:500}.performance-monitoring .performance-kpis .system-health-grid .health-metric .metric-header .metric-value{font-size:.875rem;color:#1f2937;font-weight:600}.performance-monitoring .performance-kpis .system-health-grid .health-metric .metric-bar{height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.performance-monitoring .performance-kpis .system-health-grid .health-metric .metric-bar .metric-fill{height:100%;border-radius:4px;transition:width .3s ease}.performance-monitoring .performance-kpis .system-health-grid .health-metric .metric-bar .metric-fill.uptime,.performance-monitoring .performance-kpis .system-health-grid .health-metric .metric-bar .metric-fill.cpu.good{background:#10b981}.performance-monitoring .performance-kpis .system-health-grid .health-metric .metric-bar .metric-fill.cpu.warning{background:#f59e0b}.performance-monitoring .performance-kpis .system-health-grid .health-metric .metric-bar .metric-fill.memory.good{background:#3b82f6}.performance-monitoring .performance-kpis .system-health-grid .health-metric .metric-bar .metric-fill.memory.warning{background:#f59e0b}.performance-monitoring .performance-kpis .system-health-grid .health-metric .metric-bar .metric-fill.errors.good{background:#10b981}.performance-monitoring .performance-kpis .system-health-grid .health-metric .metric-bar .metric-fill.errors.warning{background:#ef4444}.performance-monitoring .performance-kpis .activity-stats{display:flex;flex-direction:column;gap:1rem}.performance-monitoring .performance-kpis .activity-stats .activity-metric{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:6px}.performance-monitoring .performance-kpis .activity-stats .activity-metric .activity-icon{font-size:1.25rem;flex-shrink:0}.performance-monitoring .performance-kpis .activity-stats .activity-metric .activity-content{display:flex;flex-direction:column}.performance-monitoring .performance-kpis .activity-stats .activity-metric .activity-content .activity-value{font-size:1.125rem;font-weight:700;color:#1f2937}.performance-monitoring .performance-kpis .activity-stats .activity-metric .activity-content .activity-label{font-size:.75rem;color:#6b7280}.performance-monitoring .performance-insights{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 1024px){.performance-monitoring .performance-insights{grid-template-columns:1fr}}.performance-monitoring .performance-insights .insights-grid{display:flex;flex-direction:column;gap:1rem}.performance-monitoring .performance-insights .insights-grid .insight-item{display:flex;gap:1rem;padding:1rem;border-radius:8px;border:1px solid #e5e7eb}.performance-monitoring .performance-insights .insights-grid .insight-item.insight-positive{background:#f0fdf4;border-color:#bbf7d0}.performance-monitoring .performance-insights .insights-grid .insight-item.insight-info{background:#f0f9ff;border-color:#bfdbfe}.performance-monitoring .performance-insights .insights-grid .insight-item .insight-icon{font-size:1.5rem;flex-shrink:0}.performance-monitoring .performance-insights .insights-grid .insight-item .insight-content h4{margin:0 0 .5rem;color:#1f2937;font-size:1rem}.performance-monitoring .performance-insights .insights-grid .insight-item .insight-content p{margin:0;color:#6b7280;font-size:.875rem}.performance-monitoring .performance-insights .performance-alerts .alerts-list{display:flex;flex-direction:column;gap:.75rem}.performance-monitoring .performance-insights .performance-alerts .alerts-list .alert-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:6px;border:1px solid #e5e7eb}.performance-monitoring .performance-insights .performance-alerts .alerts-list .alert-item.severity-critical{background:#fef2f2;border-color:#fecaca}.performance-monitoring .performance-insights .performance-alerts .alerts-list .alert-item.severity-warning{background:#fffbeb;border-color:#fde68a}.performance-monitoring .performance-insights .performance-alerts .alerts-list .alert-item .alert-content{flex:1}.performance-monitoring .performance-insights .performance-alerts .alerts-list .alert-item .alert-content .alert-time{font-size:.75rem;color:#6b7280;font-weight:500}.performance-monitoring .performance-insights .performance-alerts .alerts-list .alert-item .alert-content .alert-message{display:block;margin-top:.25rem;font-size:.875rem;color:#374151}.performance-monitoring .detailed-metrics .metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 768px){.performance-monitoring .detailed-metrics .metrics-grid{grid-template-columns:1fr}}.performance-monitoring .detailed-metrics .metrics-grid .response-analysis{display:flex;flex-direction:column;gap:.75rem}.performance-monitoring .detailed-metrics .metrics-grid .response-analysis .analysis-item{display:flex;justify-content:space-between;padding:.75rem;background:#f8fafc;border-radius:6px}.performance-monitoring .detailed-metrics .metrics-grid .response-analysis .analysis-item .label{color:#6b7280;font-weight:500}.performance-monitoring .detailed-metrics .metrics-grid .response-analysis .analysis-item .value{color:#1f2937;font-weight:600}.performance-monitoring .detailed-metrics .metrics-grid .response-analysis .analysis-item .value.trend-improving{color:#10b981}.performance-monitoring .detailed-metrics .metrics-grid .response-analysis .analysis-item .value.trend-degrading{color:#ef4444}.performance-monitoring .detailed-metrics .metrics-grid .sla-breakdown{display:flex;flex-direction:column;gap:.75rem}.performance-monitoring .detailed-metrics .metrics-grid .sla-breakdown .sla-item{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.5rem;padding:.75rem;background:#f8fafc;border-radius:6px;font-size:.875rem}.performance-monitoring .detailed-metrics .metrics-grid .sla-breakdown .sla-item .sla-priority{font-weight:600}.performance-monitoring .detailed-metrics .metrics-grid .sla-breakdown .sla-item .sla-priority.critical{color:#dc2626}.performance-monitoring .detailed-metrics .metrics-grid .sla-breakdown .sla-item .sla-priority.high{color:#ea580c}.performance-monitoring .detailed-metrics .metrics-grid .sla-breakdown .sla-item .sla-priority.medium{color:#f59e0b}.performance-monitoring .detailed-metrics .metrics-grid .sla-breakdown .sla-item .sla-priority.low{color:#10b981}.performance-monitoring .detailed-metrics .metrics-grid .sla-breakdown .sla-item .sla-compliance{font-weight:600}.performance-monitoring .detailed-metrics .metrics-grid .sla-breakdown .sla-item .sla-compliance.good{color:#10b981}.performance-monitoring .detailed-metrics .metrics-grid .sla-breakdown .sla-item .sla-compliance.warning{color:#f59e0b}.performance-monitoring .detailed-metrics .metrics-grid .sla-breakdown .sla-item .sla-compliance.poor{color:#ef4444}.security-dashboard{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#1f2937,#374151);color:#fff;min-height:100vh}.security-dashboard .security-header{display:flex;justify-content:space-between;align-items:center}.security-dashboard .security-header .header-info h2{margin:0 0 .5rem;color:#fff;font-size:1.75rem}.security-dashboard .security-header .header-info .security-status{display:flex;gap:1rem}.security-dashboard .security-header .header-info .security-status .monitoring-indicator{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.security-dashboard .security-header .header-info .security-status .monitoring-indicator.active{background:#10b981;color:#fff}.security-dashboard .security-header .header-info .security-status .monitoring-indicator.inactive{background:#6b7280;color:#fff}.security-dashboard .security-header .header-info .security-status .encryption-status{padding:.25rem .75rem;background:#059669;color:#fff;border-radius:12px;font-size:.75rem;font-weight:500}.security-dashboard .security-overview{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.security-dashboard .security-overview .security-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.security-dashboard .security-overview .security-metrics .metric-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff1a;border-radius:8px}.security-dashboard .security-overview .security-metrics .metric-item .metric-icon{font-size:1.5rem}.security-dashboard .security-overview .security-metrics .metric-item .metric-content .metric-value{display:block;font-size:1.5rem;font-weight:700;color:#fff}.security-dashboard .security-overview .security-metrics .metric-item .metric-content .metric-label{font-size:.75rem;color:#fffc}.security-dashboard .security-overview .encryption-overview .encryption-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.security-dashboard .security-overview .encryption-overview .encryption-item .encryption-label{color:#ffffffe6;font-weight:500}.security-dashboard .security-overview .encryption-overview .encryption-item .encryption-status.good{color:#10b981;font-weight:600}.security-dashboard .security-threats .threats-list{display:flex;flex-direction:column;gap:1rem}.security-dashboard .security-threats .threats-list .threat-item{padding:1.5rem;background:#fffffff2;color:#1f2937;border-radius:8px;border-left:4px solid}.security-dashboard .security-threats .threats-list .threat-item.severity-critical{border-left-color:#dc2626}.security-dashboard .security-threats .threats-list .threat-item.severity-high{border-left-color:#ea580c}.security-dashboard .security-threats .threats-list .threat-item.severity-medium{border-left-color:#f59e0b}.security-dashboard .security-threats .threats-list .threat-item .threat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.security-dashboard .security-threats .threats-list .threat-item .threat-header h4{margin:0;color:#1f2937;font-size:1rem}.security-dashboard .security-threats .threats-list .threat-item .threat-header .threat-meta{display:flex;gap:.5rem}.security-dashboard .security-threats .threats-list .threat-item .threat-header .threat-meta .severity-badge,.security-dashboard .security-threats .threats-list .threat-item .threat-header .threat-meta .status-badge{padding:.125rem .5rem;border-radius:10px;font-size:.625rem;font-weight:600}.security-dashboard .security-threats .threats-list .threat-item .threat-header .threat-meta .severity-badge.severity-critical{background:#fecaca;color:#991b1b}.security-dashboard .security-threats .threats-list .threat-item .threat-header .threat-meta .severity-badge.severity-high{background:#fed7aa;color:#9a3412}.security-dashboard .security-threats .threats-list .threat-item .threat-header .threat-meta .risk-score{font-size:.75rem;color:#6b7280}.security-dashboard .security-threats .threats-list .threat-item .threat-details,.security-dashboard .security-threats .threats-list .threat-item .threat-details .threat-info{margin-bottom:1rem}.security-dashboard .security-threats .threats-list .threat-item .threat-details .threat-info p{margin:0 0 .5rem;font-size:.875rem;color:#374151}.security-dashboard .security-threats .threats-list .threat-item .threat-details .threat-recommendations h5{margin:0 0 .5rem;color:#1f2937;font-size:.875rem}.security-dashboard .security-threats .threats-list .threat-item .threat-details .threat-recommendations ul{margin:0;padding-left:1rem;color:#6b7280;font-size:.75rem}.security-dashboard .security-threats .threats-list .threat-item .threat-actions{display:flex;gap:.5rem}.security-dashboard .security-events .events-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.security-dashboard .security-events .events-list .event-item{padding:1rem;background:#fffffff2;color:#1f2937;border-radius:6px;cursor:pointer;transition:all .2s ease}.security-dashboard .security-events .events-list .event-item:hover{background:#fff;box-shadow:0 2px 8px #0000001a}.security-dashboard .security-events .events-list .event-item .event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.security-dashboard .security-events .events-list .event-item .event-header .event-type{display:flex;align-items:center;gap:.5rem}.security-dashboard .security-events .events-list .event-item .event-header .event-type .type-icon{font-size:1rem}.security-dashboard .security-events .events-list .event-item .event-header .event-type .type-label{font-weight:500;font-size:.875rem;color:#374151}.security-dashboard .security-events .events-list .event-item .event-header .event-meta{display:flex;gap:.75rem;align-items:center}.security-dashboard .security-events .events-list .event-item .event-header .event-meta .event-time{font-size:.75rem;color:#6b7280}.security-dashboard .security-events .events-list .event-item .event-header .event-meta .risk-score{padding:.125rem .375rem;border-radius:6px;font-size:.625rem;font-weight:600}.security-dashboard .security-events .events-list .event-item .event-header .event-meta .risk-score.risk-high{background:#fecaca;color:#991b1b}.security-dashboard .security-events .events-list .event-item .event-header .event-meta .risk-score.risk-medium{background:#fde68a;color:#92400e}.security-dashboard .security-events .events-list .event-item .event-header .event-meta .risk-score.risk-low{background:#d1fae5;color:#065f46}.security-dashboard .security-events .events-list .event-item .event-details{display:flex;gap:1rem;font-size:.75rem;color:#6b7280}.security-dashboard .audit-trail .audit-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.security-dashboard .audit-trail .audit-list .audit-entry{padding:1rem;background:#fffffff2;color:#1f2937;border-radius:6px}.security-dashboard .audit-trail .audit-list .audit-entry .audit-header{display:flex;gap:.75rem;margin-bottom:.5rem}.security-dashboard .audit-trail .audit-list .audit-entry .audit-header .entity-type,.security-dashboard .audit-trail .audit-list .audit-entry .audit-header .action-type{padding:.125rem .5rem;border-radius:6px;font-size:.625rem;font-weight:600;background:#f3f4f6;color:#374151}.security-dashboard .audit-trail .audit-list .audit-entry .audit-header .audit-time{font-size:.75rem;color:#6b7280;margin-left:auto}.security-dashboard .audit-trail .audit-list .audit-entry .audit-details{display:flex;flex-wrap:wrap;gap:1rem;font-size:.75rem;color:#6b7280}.security-dashboard .audit-trail .audit-list .audit-entry .audit-details .compliance{font-weight:500}.security-dashboard .audit-trail .audit-list .audit-entry .audit-details .compliance.compliant{color:#10b981}.security-dashboard .audit-trail .audit-list .audit-entry .audit-details .compliance.violation{color:#ef4444}.ai-insights{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);min-height:100vh}.ai-insights .ai-header{display:flex;justify-content:space-between;align-items:center}.ai-insights .ai-header .header-info h2{margin:0 0 .5rem;color:#1e40af;font-size:1.75rem}.ai-insights .ai-header .header-info .ai-status{display:flex;gap:1rem}.ai-insights .ai-header .header-info .ai-status .ai-indicator{padding:.25rem .75rem;background:#dbeafe;color:#1e40af;border-radius:12px;font-size:.75rem;font-weight:500}.ai-insights .patterns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1rem}.ai-insights .patterns-grid .pattern-item{padding:1.5rem;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s ease}.ai-insights .patterns-grid .pattern-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.ai-insights .patterns-grid .pattern-item.impact-high{border-left:4px solid #ef4444}.ai-insights .patterns-grid .pattern-item.impact-medium{border-left:4px solid #f59e0b}.ai-insights .patterns-grid .pattern-item.impact-low{border-left:4px solid #10b981}.ai-insights .patterns-grid .pattern-item .pattern-header{margin-bottom:1rem}.ai-insights .patterns-grid .pattern-item .pattern-header h4{margin:0 0 .5rem;color:#1f2937;font-size:1rem}.ai-insights .patterns-grid .pattern-item .pattern-header .pattern-meta{display:flex;gap:.75rem}.ai-insights .patterns-grid .pattern-item .pattern-header .pattern-meta .confidence{padding:.125rem .5rem;border-radius:10px;font-size:.625rem;font-weight:600}.ai-insights .patterns-grid .pattern-item .pattern-header .pattern-meta .confidence.confidence-high{background:#d1fae5;color:#065f46}.ai-insights .patterns-grid .pattern-item .pattern-header .pattern-meta .confidence.confidence-medium{background:#fef3c7;color:#92400e}.ai-insights .patterns-grid .pattern-item .pattern-header .pattern-meta .confidence.confidence-low{background:#fee2e2;color:#991b1b}.ai-insights .patterns-grid .pattern-item .pattern-header .pattern-meta .impact{padding:.125rem .5rem;border-radius:10px;font-size:.625rem;font-weight:600}.ai-insights .patterns-grid .pattern-item .pattern-header .pattern-meta .impact.impact-critical{background:#fecaca;color:#991b1b}.ai-insights .patterns-grid .pattern-item .pattern-header .pattern-meta .impact.impact-high{background:#fed7aa;color:#9a3412}.ai-insights .patterns-grid .pattern-item .pattern-header .pattern-meta .impact.impact-medium{background:#fde68a;color:#92400e}.ai-insights .patterns-grid .pattern-item .pattern-header .pattern-meta .impact.impact-low{background:#bbf7d0;color:#166534}.ai-insights .patterns-grid .pattern-item .pattern-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.ai-insights .patterns-grid .pattern-item .pattern-stats{display:flex;gap:1rem;font-size:.75rem;color:#9ca3af}.ai-insights .predictions-list{display:flex;flex-direction:column;gap:1rem}.ai-insights .predictions-list .prediction-item{padding:1.5rem;border-radius:8px;border:1px solid #e5e7eb;background:#fff}.ai-insights .predictions-list .prediction-item.severity-critical{border-left:4px solid #dc2626;background:#fef2f2}.ai-insights .predictions-list .prediction-item.severity-high{border-left:4px solid #ea580c;background:#fff7ed}.ai-insights .predictions-list .prediction-item.severity-medium{border-left:4px solid #f59e0b;background:#fffbeb}.ai-insights .predictions-list .prediction-item .prediction-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.ai-insights .predictions-list .prediction-item .prediction-header h4{margin:0;color:#1f2937;font-size:1rem}.ai-insights .predictions-list .prediction-item .prediction-header .prediction-meta{display:flex;flex-direction:column;gap:.25rem;text-align:right}.ai-insights .predictions-list .prediction-item .prediction-header .prediction-meta .probability,.ai-insights .predictions-list .prediction-item .prediction-header .prediction-meta .time-window{font-size:.75rem;color:#6b7280;font-weight:500}.ai-insights .predictions-list .prediction-item .preventive-actions{margin:1rem 0}.ai-insights .predictions-list .prediction-item .preventive-actions h5{margin:0 0 .5rem;color:#374151;font-size:.875rem}.ai-insights .predictions-list .prediction-item .preventive-actions ul{margin:0;padding-left:1rem;color:#6b7280;font-size:.75rem}.ai-insights .predictions-list .prediction-item .preventive-actions ul li{margin-bottom:.25rem}.ai-insights .predictions-list .prediction-item .prediction-actions{display:flex;gap:.5rem;margin-top:1rem}.ai-insights .recommendations-list .recommendation-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:6px;border:1px solid #d1fae5;background:#f0fdf4;margin-bottom:.75rem}.ai-insights .recommendations-list .recommendation-item .recommendation-content{display:flex;align-items:center;gap:.75rem;flex:1}.ai-insights .recommendations-list .recommendation-item .recommendation-content .recommendation-icon{font-size:1.25rem}.ai-insights .recommendations-list .recommendation-item .recommendation-content .recommendation-text{color:#374151;font-size:.875rem;font-weight:500}.ai-insights .recommendations-list .recommendation-item .recommendation-actions{display:flex;gap:.5rem}.ai-insights .analysis-progress .progress-content{text-align:center}.ai-insights .analysis-progress .progress-content h3{margin:0 0 1rem;color:#1f2937}.ai-insights .analysis-progress .progress-content .progress-bar{width:100%;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden;margin-bottom:1rem}.ai-insights .analysis-progress .progress-content .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .3s ease}.ai-insights .analysis-progress .progress-content p{margin:0;color:#6b7280;font-size:.875rem}.profile-actions{display:flex;gap:1rem;align-items:center;justify-content:flex-start;flex-wrap:wrap}.profile-actions button{flex:0 0 auto}.modern-users-container{width:100vw;flex:1;margin:0;padding:1rem 2rem;display:flex;flex-direction:column;box-sizing:border-box;background:linear-gradient(135deg,#f0f4f8,#e9f2ff);overflow-x:hidden;position:relative}.users-main{max-width:100vw;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.users-header{margin:1.5rem 0 0 1rem}.users-header h1{font-size:3rem;color:#00568f;font-weight:200;letter-spacing:.005em;margin:0}.users-content{display:flex;flex-direction:column;gap:2rem;width:100%;margin:1rem 0}.schedule-section{background:linear-gradient(145deg,#fff,#f0f4f8);border:none;border-radius:16px;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;position:relative;overflow:hidden;padding:2rem;margin-bottom:2rem}.schedule-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);border-radius:16px;opacity:.8;pointer-events:none}.schedule-section .schedule-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e1ff0c;position:relative}.schedule-section .schedule-header:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:#00568f}.schedule-section .schedule-header .search-icon{color:var(--text-muted)}.schedule-section .schedule-header .search-icon svg{width:20px;height:20px}.schedule-section .schedule-header h2{font-size:1.8rem;font-weight:300;color:#00568f;margin:0}.schedule-section .schedule-header .schedule-date{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:1rem;font-weight:400}.schedule-section .schedule-header .schedule-date svg{width:16px;height:16px}.schedule-section .schedule-timeline{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.schedule-section .schedule-timeline .schedule-item{background:linear-gradient(145deg,#fff,#f0f4f8);border:none;border-radius:16px;padding:1.25rem;cursor:pointer;transition:.3s ease;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:all .3s ease}.schedule-section .schedule-timeline .schedule-item:hover{transform:translateY(-1px);box-shadow:10px 10px 20px #a3b1c64d,-6px -6px 16px #ffffffe6}.schedule-section .schedule-timeline .schedule-item:active{transform:translateY(1px);box-shadow:2px 2px 6px #a3b1c64d,-1px -1px 4px #ffffffb3,inset 4px 4px 8px #a3b1c626,inset -2px -2px 6px #fffc}.schedule-section .schedule-timeline .schedule-item:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #a3b1c640,-8px -8px 20px #ffffffe6}.schedule-section .schedule-timeline .schedule-item .schedule-avatars{display:flex;align-items:center}.schedule-section .schedule-timeline .schedule-item .schedule-avatars .schedule-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;border:2px solid white;margin-left:-8px;box-shadow:0 2px 8px #00568f26}.schedule-section .schedule-timeline .schedule-item .schedule-avatars .schedule-avatar:first-child{margin-left:0}.schedule-section .schedule-timeline .schedule-item .schedule-avatars .schedule-avatar img{width:100%;height:100%;object-fit:cover}.schedule-section .schedule-timeline .schedule-item .schedule-avatars .avatar-count{background:linear-gradient(145deg,#fff,#f0f4f8);color:#00568f;font-size:.75rem;font-weight:600;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:.25rem;box-shadow:4px 4px 8px #a3b1c633,-2px -2px 6px #fffc}.schedule-section .schedule-timeline .schedule-item .schedule-info{display:flex;flex-direction:column;align-items:center;gap:.5rem}.schedule-section .schedule-timeline .schedule-item .schedule-info .schedule-duration{font-size:.875rem;color:var(--text-secondary);font-weight:400}.schedule-section .schedule-timeline .schedule-item .schedule-info .schedule-indicator{width:4px;height:24px;background:linear-gradient(135deg,#00568f,#00d4ff);border-radius:2px;box-shadow:0 2px 8px #00568f4d}.schedule-section .schedule-timeline .settings-icon{margin-left:auto;color:var(--text-muted);cursor:pointer;padding:.75rem;border-radius:12px;background:linear-gradient(145deg,#fff,#f0f4f8);box-shadow:4px 4px 8px #a3b1c633,-2px -2px 6px #fffc;transition:all .3s ease}.schedule-section .schedule-timeline .settings-icon:hover{color:#00568f;transform:translateY(-2px);box-shadow:6px 6px 12px #a3b1c640,-3px -3px 8px #ffffffe6}.schedule-section .schedule-timeline .settings-icon svg{width:20px;height:20px}.dashboard-content-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,minmax(200px,auto));gap:1.25rem;width:100%;grid-template-areas:"welcome welcome profile" "interviews applications payments" "jobs news news"}@media (max-width: 1200px){.dashboard-content-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,minmax(180px,auto));gap:1rem;grid-template-areas:"welcome profile" "interviews applications" "payments jobs" "news news"}}@media (max-width: 768px){.dashboard-content-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:.75rem;grid-template-areas:"welcome" "profile" "interviews" "applications" "payments" "jobs" "news"}}.dashboard-content-grid .welcome-section{grid-area:welcome}.dashboard-content-grid .profile-completion-section{grid-area:profile}.dashboard-content-grid .interviews-section{grid-area:interviews}.dashboard-content-grid .applications-section{grid-area:applications}.dashboard-content-grid .payments-section{grid-area:payments}.dashboard-content-grid .jobs-section{grid-area:jobs}.dashboard-content-grid .news-section{grid-area:news}.dashboard-section{background:linear-gradient(145deg,#fff,#f0f4f8);border:none;border-radius:16px;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;position:relative;overflow:hidden;padding:1.5rem;margin-bottom:0;transition:all .3s ease}.dashboard-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);border-radius:16px;opacity:.8;pointer-events:none}.dashboard-section:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #a3b1c640,-8px -8px 20px #ffffffe6}.dashboard-section h3{color:#00568f;font-size:1.5rem;font-weight:300;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e1ff0c;position:relative}.dashboard-section h3:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:#00568f}.dashboard-section.welcome-section h1{font-size:2rem;font-weight:400;color:#00568f;margin:.5rem 0;line-height:1.2}.dashboard-section.welcome-section h1 strong{font-weight:600;background:linear-gradient(135deg,#00568f,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-section.welcome-section .welcome-date{color:var(--text-secondary);font-size:.875rem;margin:0 0 1.5rem;font-weight:400}.dashboard-section.welcome-section .action-buttons{display:flex;gap:.75rem}.dashboard-section.welcome-section .action-buttons .btn-primary{background:linear-gradient(145deg,#fff,#f0f4f8);padding:1.25rem;transition:.3s ease;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;background:#00568f;color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;border:none;box-shadow:0 4px 12px #00568f4d}.dashboard-section.welcome-section .action-buttons .btn-primary:hover{transform:translateY(-1px);box-shadow:10px 10px 20px #a3b1c64d,-6px -6px 16px #ffffffe6}.dashboard-section.welcome-section .action-buttons .btn-primary:active{transform:translateY(1px);box-shadow:2px 2px 6px #a3b1c64d,-1px -1px 4px #ffffffb3,inset 4px 4px 8px #a3b1c626,inset -2px -2px 6px #fffc}.dashboard-section.welcome-section .action-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00568f4d;background:#004578}.dashboard-section.welcome-section .action-buttons .btn-primary svg{width:14px;height:14px}.dashboard-section.welcome-section .action-buttons .btn-secondary{background:linear-gradient(145deg,#fff,#f0f4f8);border:none;padding:1.25rem;transition:.3s ease;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;color:#00568f;padding:.75rem 1.5rem;border-radius:50px;font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid rgba(0,86,143,.2)}.dashboard-section.welcome-section .action-buttons .btn-secondary:hover{transform:translateY(-1px);box-shadow:10px 10px 20px #a3b1c64d,-6px -6px 16px #ffffffe6}.dashboard-section.welcome-section .action-buttons .btn-secondary:active{transform:translateY(1px);box-shadow:2px 2px 6px #a3b1c64d,-1px -1px 4px #ffffffb3,inset 4px 4px 8px #a3b1c626,inset -2px -2px 6px #fffc}.dashboard-section.welcome-section .action-buttons .btn-secondary:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #a3b1c640,-4px -4px 12px #ffffffe6}.dashboard-section.profile-completion-section .profile-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.dashboard-section.profile-completion-section .profile-header .profile-avatar{width:40px;height:40px;border-radius:10px;overflow:hidden;border:2px solid white;box-shadow:0 4px 12px #00568f26}.dashboard-section.profile-completion-section .profile-header .profile-avatar img{width:100%;height:100%;object-fit:cover}.dashboard-section.profile-completion-section .profile-header .profile-info h4{font-size:1rem;font-weight:600;color:#00568f;margin:0 0 .25rem}.dashboard-section.profile-completion-section .profile-header .profile-info p{font-size:.875rem;color:var(--text-secondary);margin:0;font-weight:400}.dashboard-section.profile-completion-section .completion-visual{display:flex;justify-content:center;margin-bottom:1.5rem}.dashboard-section.profile-completion-section .completion-visual .progress-circle{position:relative}.dashboard-section.profile-completion-section .completion-visual .progress-circle .progress-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.dashboard-section.profile-completion-section .completion-visual .progress-circle .progress-content .progress-text{font-size:1.25rem;font-weight:700;color:#00568f}.dashboard-section.profile-completion-section .profile-sections .section-item{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.dashboard-section.profile-completion-section .profile-sections .section-item.completed .check-icon{background:linear-gradient(135deg,#39ff14,#23e000);border-radius:6px;padding:3px;color:#fff;box-shadow:0 2px 8px #39ff144d}.dashboard-section.profile-completion-section .profile-sections .section-item span{font-size:.875rem;font-weight:500;color:#00568f}.dashboard-section.profile-completion-section .profile-sections .section-tabs{display:flex;gap:1rem}.dashboard-section.profile-completion-section .profile-sections .section-tabs .tab{font-size:.875rem;color:var(--text-secondary);cursor:pointer;padding:.5rem 0;transition:all .3s ease;font-weight:400}.dashboard-section.profile-completion-section .profile-sections .section-tabs .tab.active{color:#00568f;font-weight:600;border-bottom:2px solid #00568f}.dashboard-section.profile-completion-section .profile-sections .section-tabs .tab:hover{color:#00568f}.dashboard-section.interviews-section .interviews-list{display:flex;flex-direction:column;gap:.75rem}.dashboard-section.interviews-section .interviews-list .interview-item{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:12px;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(0,86,143,.08);box-shadow:4px 4px 8px #a3b1c626,-2px -2px 6px #fffc;transition:all .3s ease}.dashboard-section.interviews-section .interviews-list .interview-item:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #ffffffe6}.dashboard-section.interviews-section .interviews-list .interview-item .interview-icon{width:28px;height:28px;background:linear-gradient(135deg,#39ff14,#23e000);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #39ff144d}.dashboard-section.interviews-section .interviews-list .interview-item .interview-icon svg{width:14px;height:14px}.dashboard-section.interviews-section .interviews-list .interview-item .interview-details{flex:1}.dashboard-section.interviews-section .interviews-list .interview-item .interview-details .interview-type{font-size:.875rem;font-weight:600;color:#00568f;margin-bottom:.25rem}.dashboard-section.interviews-section .interviews-list .interview-item .interview-details .interview-participants{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.dashboard-section.interviews-section .interviews-list .interview-item .interview-details .interview-participants svg{width:12px;height:12px}.dashboard-section.interviews-section .interviews-list .interview-item .interview-details .company-name{font-size:.75rem;color:var(--text-muted)}.dashboard-section.applications-section .applications-visual .stat-large,.dashboard-section.applications-section .applications-visual .payment-large,.dashboard-section.applications-section .payments-visual .stat-large,.dashboard-section.applications-section .payments-visual .payment-large,.dashboard-section.payments-section .applications-visual .stat-large,.dashboard-section.payments-section .applications-visual .payment-large,.dashboard-section.payments-section .payments-visual .stat-large,.dashboard-section.payments-section .payments-visual .payment-large{text-align:center;margin-bottom:1.25rem;padding:1.5rem;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:16px;border:1px solid rgba(0,86,143,.08);box-shadow:inset 4px 4px 8px #a3b1c61a,inset -2px -2px 6px #fffc}.dashboard-section.applications-section .applications-visual .stat-large .stat-number,.dashboard-section.applications-section .applications-visual .stat-large .payment-amount,.dashboard-section.applications-section .applications-visual .payment-large .stat-number,.dashboard-section.applications-section .applications-visual .payment-large .payment-amount,.dashboard-section.applications-section .payments-visual .stat-large .stat-number,.dashboard-section.applications-section .payments-visual .stat-large .payment-amount,.dashboard-section.applications-section .payments-visual .payment-large .stat-number,.dashboard-section.applications-section .payments-visual .payment-large .payment-amount,.dashboard-section.payments-section .applications-visual .stat-large .stat-number,.dashboard-section.payments-section .applications-visual .stat-large .payment-amount,.dashboard-section.payments-section .applications-visual .payment-large .stat-number,.dashboard-section.payments-section .applications-visual .payment-large .payment-amount,.dashboard-section.payments-section .payments-visual .stat-large .stat-number,.dashboard-section.payments-section .payments-visual .stat-large .payment-amount,.dashboard-section.payments-section .payments-visual .payment-large .stat-number,.dashboard-section.payments-section .payments-visual .payment-large .payment-amount{font-size:2.5rem;font-weight:300;color:#00568f;margin-bottom:.25rem;background:linear-gradient(135deg,#00568f,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-section.applications-section .applications-visual .stat-large .stat-label,.dashboard-section.applications-section .applications-visual .stat-large .payment-label,.dashboard-section.applications-section .applications-visual .payment-large .stat-label,.dashboard-section.applications-section .applications-visual .payment-large .payment-label,.dashboard-section.applications-section .payments-visual .stat-large .stat-label,.dashboard-section.applications-section .payments-visual .stat-large .payment-label,.dashboard-section.applications-section .payments-visual .payment-large .stat-label,.dashboard-section.applications-section .payments-visual .payment-large .payment-label,.dashboard-section.payments-section .applications-visual .stat-large .stat-label,.dashboard-section.payments-section .applications-visual .stat-large .payment-label,.dashboard-section.payments-section .applications-visual .payment-large .stat-label,.dashboard-section.payments-section .applications-visual .payment-large .payment-label,.dashboard-section.payments-section .payments-visual .stat-large .stat-label,.dashboard-section.payments-section .payments-visual .stat-large .payment-label,.dashboard-section.payments-section .payments-visual .payment-large .stat-label,.dashboard-section.payments-section .payments-visual .payment-large .payment-label{font-size:.875rem;color:var(--text-secondary);font-weight:400}.dashboard-section.applications-section .applications-visual .stat-breakdown,.dashboard-section.applications-section .applications-visual .payment-breakdown,.dashboard-section.applications-section .payments-visual .stat-breakdown,.dashboard-section.applications-section .payments-visual .payment-breakdown,.dashboard-section.payments-section .applications-visual .stat-breakdown,.dashboard-section.payments-section .applications-visual .payment-breakdown,.dashboard-section.payments-section .payments-visual .stat-breakdown,.dashboard-section.payments-section .payments-visual .payment-breakdown{display:flex;flex-direction:column;gap:.75rem}.dashboard-section.applications-section .applications-visual .stat-breakdown .stat-row,.dashboard-section.applications-section .applications-visual .stat-breakdown .payment-row,.dashboard-section.applications-section .applications-visual .payment-breakdown .stat-row,.dashboard-section.applications-section .applications-visual .payment-breakdown .payment-row,.dashboard-section.applications-section .payments-visual .stat-breakdown .stat-row,.dashboard-section.applications-section .payments-visual .stat-breakdown .payment-row,.dashboard-section.applications-section .payments-visual .payment-breakdown .stat-row,.dashboard-section.applications-section .payments-visual .payment-breakdown .payment-row,.dashboard-section.payments-section .applications-visual .stat-breakdown .stat-row,.dashboard-section.payments-section .applications-visual .stat-breakdown .payment-row,.dashboard-section.payments-section .applications-visual .payment-breakdown .stat-row,.dashboard-section.payments-section .applications-visual .payment-breakdown .payment-row,.dashboard-section.payments-section .payments-visual .stat-breakdown .stat-row,.dashboard-section.payments-section .payments-visual .stat-breakdown .payment-row,.dashboard-section.payments-section .payments-visual .payment-breakdown .stat-row,.dashboard-section.payments-section .payments-visual .payment-breakdown .payment-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:8px;border:1px solid rgba(0,86,143,.08);font-size:.875rem}.dashboard-section.applications-section .applications-visual .stat-breakdown .stat-row .stat-value,.dashboard-section.applications-section .applications-visual .stat-breakdown .stat-row .payment-value,.dashboard-section.applications-section .applications-visual .stat-breakdown .payment-row .stat-value,.dashboard-section.applications-section .applications-visual .stat-breakdown .payment-row .payment-value,.dashboard-section.applications-section .applications-visual .payment-breakdown .stat-row .stat-value,.dashboard-section.applications-section .applications-visual .payment-breakdown .stat-row .payment-value,.dashboard-section.applications-section .applications-visual .payment-breakdown .payment-row .stat-value,.dashboard-section.applications-section .applications-visual .payment-breakdown .payment-row .payment-value,.dashboard-section.applications-section .payments-visual .stat-breakdown .stat-row .stat-value,.dashboard-section.applications-section .payments-visual .stat-breakdown .stat-row .payment-value,.dashboard-section.applications-section .payments-visual .stat-breakdown .payment-row .stat-value,.dashboard-section.applications-section .payments-visual .stat-breakdown .payment-row .payment-value,.dashboard-section.applications-section .payments-visual .payment-breakdown .stat-row .stat-value,.dashboard-section.applications-section .payments-visual .payment-breakdown .stat-row .payment-value,.dashboard-section.applications-section .payments-visual .payment-breakdown .payment-row .stat-value,.dashboard-section.applications-section .payments-visual .payment-breakdown .payment-row .payment-value,.dashboard-section.payments-section .applications-visual .stat-breakdown .stat-row .stat-value,.dashboard-section.payments-section .applications-visual .stat-breakdown .stat-row .payment-value,.dashboard-section.payments-section .applications-visual .stat-breakdown .payment-row .stat-value,.dashboard-section.payments-section .applications-visual .stat-breakdown .payment-row .payment-value,.dashboard-section.payments-section .applications-visual .payment-breakdown .stat-row .stat-value,.dashboard-section.payments-section .applications-visual .payment-breakdown .stat-row .payment-value,.dashboard-section.payments-section .applications-visual .payment-breakdown .payment-row .stat-value,.dashboard-section.payments-section .applications-visual .payment-breakdown .payment-row .payment-value,.dashboard-section.payments-section .payments-visual .stat-breakdown .stat-row .stat-value,.dashboard-section.payments-section .payments-visual .stat-breakdown .stat-row .payment-value,.dashboard-section.payments-section .payments-visual .stat-breakdown .payment-row .stat-value,.dashboard-section.payments-section .payments-visual .stat-breakdown .payment-row .payment-value,.dashboard-section.payments-section .payments-visual .payment-breakdown .stat-row .stat-value,.dashboard-section.payments-section .payments-visual .payment-breakdown .stat-row .payment-value,.dashboard-section.payments-section .payments-visual .payment-breakdown .payment-row .stat-value,.dashboard-section.payments-section .payments-visual .payment-breakdown .payment-row .payment-value{font-weight:600;color:#00568f}.dashboard-section.applications-section .applications-visual .stat-breakdown .stat-row .stat-label,.dashboard-section.applications-section .applications-visual .stat-breakdown .stat-row .payment-desc,.dashboard-section.applications-section .applications-visual .stat-breakdown .payment-row .stat-label,.dashboard-section.applications-section .applications-visual .stat-breakdown .payment-row .payment-desc,.dashboard-section.applications-section .applications-visual .payment-breakdown .stat-row .stat-label,.dashboard-section.applications-section .applications-visual .payment-breakdown .stat-row .payment-desc,.dashboard-section.applications-section .applications-visual .payment-breakdown .payment-row .stat-label,.dashboard-section.applications-section .applications-visual .payment-breakdown .payment-row .payment-desc,.dashboard-section.applications-section .payments-visual .stat-breakdown .stat-row .stat-label,.dashboard-section.applications-section .payments-visual .stat-breakdown .stat-row .payment-desc,.dashboard-section.applications-section .payments-visual .stat-breakdown .payment-row .stat-label,.dashboard-section.applications-section .payments-visual .stat-breakdown .payment-row .payment-desc,.dashboard-section.applications-section .payments-visual .payment-breakdown .stat-row .stat-label,.dashboard-section.applications-section .payments-visual .payment-breakdown .stat-row .payment-desc,.dashboard-section.applications-section .payments-visual .payment-breakdown .payment-row .stat-label,.dashboard-section.applications-section .payments-visual .payment-breakdown .payment-row .payment-desc,.dashboard-section.payments-section .applications-visual .stat-breakdown .stat-row .stat-label,.dashboard-section.payments-section .applications-visual .stat-breakdown .stat-row .payment-desc,.dashboard-section.payments-section .applications-visual .stat-breakdown .payment-row .stat-label,.dashboard-section.payments-section .applications-visual .stat-breakdown .payment-row .payment-desc,.dashboard-section.payments-section .applications-visual .payment-breakdown .stat-row .stat-label,.dashboard-section.payments-section .applications-visual .payment-breakdown .stat-row .payment-desc,.dashboard-section.payments-section .applications-visual .payment-breakdown .payment-row .stat-label,.dashboard-section.payments-section .applications-visual .payment-breakdown .payment-row .payment-desc,.dashboard-section.payments-section .payments-visual .stat-breakdown .stat-row .stat-label,.dashboard-section.payments-section .payments-visual .stat-breakdown .stat-row .payment-desc,.dashboard-section.payments-section .payments-visual .stat-breakdown .payment-row .stat-label,.dashboard-section.payments-section .payments-visual .stat-breakdown .payment-row .payment-desc,.dashboard-section.payments-section .payments-visual .payment-breakdown .stat-row .stat-label,.dashboard-section.payments-section .payments-visual .payment-breakdown .stat-row .payment-desc,.dashboard-section.payments-section .payments-visual .payment-breakdown .payment-row .stat-label,.dashboard-section.payments-section .payments-visual .payment-breakdown .payment-row .payment-desc{color:var(--text-secondary);font-weight:400}.dashboard-section.jobs-section .jobs-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.dashboard-section.jobs-section .jobs-list .job-item{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:12px;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(0,86,143,.08);box-shadow:4px 4px 8px #a3b1c626,-2px -2px 6px #fffc;transition:all .3s ease}.dashboard-section.jobs-section .jobs-list .job-item:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #ffffffe6}.dashboard-section.jobs-section .jobs-list .job-item .job-logo{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 4px 12px #00568f26}.dashboard-section.jobs-section .jobs-list .job-item .job-logo .netflix-logo{background:#e50914;color:#fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:10px;font-weight:700}.dashboard-section.jobs-section .jobs-list .job-item .job-logo span{background:linear-gradient(145deg,#fff,#f0f4f8);width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#00568f}.dashboard-section.jobs-section .jobs-list .job-item .job-details{flex:1}.dashboard-section.jobs-section .jobs-list .job-item .job-details .job-title{font-size:.875rem;font-weight:600;color:#00568f;margin-bottom:.25rem}.dashboard-section.jobs-section .jobs-list .job-item .job-details .job-company{font-size:.75rem;color:var(--text-secondary);font-weight:400}.dashboard-section.jobs-section .jobs-list .job-item .job-type-badge{background:linear-gradient(135deg,#39ff14,#23e000);color:#fff;padding:.375rem .75rem;border-radius:16px;font-size:.75rem;font-weight:600;box-shadow:0 4px 12px #39ff144d}.dashboard-section.jobs-section .location-info{display:flex;gap:.75rem;justify-content:center}.dashboard-section.jobs-section .location-info .location-item{font-size:.875rem;color:var(--text-muted);padding:.375rem .75rem;background:linear-gradient(145deg,#fff,#f0f4f8);border-radius:8px;border:1px solid rgba(0,86,143,.08);font-weight:400}.dashboard-section.news-section .news-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:12px;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(0,86,143,.08);box-shadow:4px 4px 8px #a3b1c626,-2px -2px 6px #fffc}.dashboard-section.news-section .news-item .news-logo{width:48px;height:48px;background:#00568f;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #00568f4d}.dashboard-section.news-section .news-item .news-logo svg{width:24px;height:24px}.dashboard-section.news-section .news-item .news-content{flex:1}.dashboard-section.news-section .news-item .news-content h4{font-size:1rem;font-weight:600;color:#00568f;margin:0 0 .25rem}.dashboard-section.news-section .news-item .news-content p{font-size:.875rem;color:var(--text-secondary);margin:0;font-weight:400}.dashboard-section.news-section .news-item .community-btn{background:#00568f;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:16px;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #00568f4d;transition:all .3s ease}.dashboard-section.news-section .news-item .community-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00568f4d;background:#004578}.insights-banner-neumorphic{background:linear-gradient(145deg,#fff,#f0f4f8);border:none;border-radius:16px;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;position:relative;overflow:hidden;padding:2rem;margin-bottom:2rem;background:linear-gradient(135deg,#00568f0d,#764ba20d)}.insights-banner-neumorphic:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);border-radius:16px;opacity:.8;pointer-events:none}.insights-banner-neumorphic .insights-content-neumorphic{margin-top:1rem}.insights-banner-neumorphic .insights-content-neumorphic .insights-text{text-align:center}.insights-banner-neumorphic .insights-content-neumorphic .insights-text p{font-size:1.2rem;color:#00568f;font-weight:400;margin:0}.insights-banner-neumorphic .insights-content-neumorphic .insights-text p strong{font-weight:600;color:#e1ff0c}.ai-assistant-neumorphic{background:linear-gradient(145deg,#fff,#f0f4f8);border:none;border-radius:16px;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;position:relative;overflow:hidden;padding:1.5rem;background:#fffffff2}.ai-assistant-neumorphic:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);border-radius:16px;opacity:.8;pointer-events:none}.ai-assistant-neumorphic .ai-conversation{margin-bottom:1rem}.ai-assistant-neumorphic .ai-conversation .ai-message{display:flex;gap:.75rem;margin-bottom:1rem}.ai-assistant-neumorphic .ai-conversation .ai-message .message-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.ai-assistant-neumorphic .ai-conversation .ai-message .message-avatar img{width:100%;height:100%;object-fit:cover}.ai-assistant-neumorphic .ai-conversation .ai-message .message-avatar.ai-avatar{background:linear-gradient(135deg,#00568f,#e1ff0c);display:flex;align-items:center;justify-content:center}.ai-assistant-neumorphic .ai-conversation .ai-message .message-avatar.ai-avatar .ai-logo{font-size:14px;color:#fff}.ai-assistant-neumorphic .ai-conversation .ai-message .message-content{flex:1;background:#00568f05;padding:.75rem;border-radius:12px;border:1px solid rgba(0,86,143,.08)}.ai-assistant-neumorphic .ai-conversation .ai-message .message-content .message-header{margin-bottom:.5rem}.ai-assistant-neumorphic .ai-conversation .ai-message .message-content .message-header .sender-name{font-size:.875rem;font-weight:600;color:#00568f}.ai-assistant-neumorphic .ai-conversation .ai-message .message-content .message-header .message-time,.ai-assistant-neumorphic .ai-conversation .ai-message .message-content .message-header .message-subtitle{font-size:.75rem;color:var(--text-secondary);margin-left:.5rem}.ai-assistant-neumorphic .ai-conversation .ai-message .message-content p{font-size:.875rem;color:var(--text-primary);line-height:1.4;margin:0 0 .5rem}.ai-assistant-neumorphic .ai-conversation .ai-message .message-content .message-attachment{background:#fffc;border:1px solid rgba(0,86,143,.1);border-radius:8px;padding:.5rem;display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary)}.ai-assistant-neumorphic .ai-conversation .ai-message .message-content .message-attachment .attachment-icon{font-size:1rem}.ai-assistant-neumorphic .ai-conversation .ai-message .message-content .message-attachment .attachment-time{margin-left:auto}.ai-assistant-neumorphic .ai-conversation .ai-message .message-content .deviation-stats{margin:.75rem 0}.ai-assistant-neumorphic .ai-conversation .ai-message .message-content .deviation-stats .deviation-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.875rem}.ai-assistant-neumorphic .ai-conversation .ai-message .message-content .deviation-stats .deviation-item .month{color:var(--text-primary)}.ai-assistant-neumorphic .ai-conversation .ai-message .message-content .deviation-stats .deviation-item .amount{font-weight:600;color:#00568f}.ai-assistant-neumorphic .ai-conversation .ai-message .message-content .deviation-chart{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.ai-assistant-neumorphic .ai-conversation .ai-message .message-content .deviation-chart .chart-mini{display:flex;align-items:end;gap:1px;height:20px}.ai-assistant-neumorphic .ai-conversation .ai-message .message-content .deviation-chart .chart-mini .chart-bar-mini{width:3px;background:#00568f;border-radius:1px 1px 0 0;min-height:2px}.ai-assistant-neumorphic .ai-conversation .ai-message .message-content .deviation-chart .chart-label{font-size:.75rem;color:var(--text-secondary)}.ai-assistant-neumorphic .ai-conversation .ai-message.ai-response .message-content{background:#764ba20d;border-color:#764ba21a}.ai-assistant-neumorphic .ai-input-area .input-actions{display:flex;gap:.5rem;margin-bottom:.75rem}.ai-assistant-neumorphic .ai-input-area .input-actions .action-btn{width:32px;height:32px;border:none;background:#00568f0d;border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#00568f;transition:all .3s ease}.ai-assistant-neumorphic .ai-input-area .input-actions .action-btn:hover{background:#00568f1a;transform:translateY(-1px)}.ai-assistant-neumorphic .ai-input-area .input-container{display:flex;gap:.5rem;align-items:center}.ai-assistant-neumorphic .ai-input-area .input-container .ai-input{flex:1;border:1px solid rgba(0,86,143,.2);border-radius:8px;padding:.75rem;font-size:.875rem;background:#ffffffe6;transition:all .3s ease}.ai-assistant-neumorphic .ai-input-area .input-container .ai-input:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a}.ai-assistant-neumorphic .ai-input-area .input-container .ai-input::placeholder{color:var(--text-muted)}.ai-assistant-neumorphic .ai-input-area .input-container .send-btn{width:40px;height:40px;background:linear-gradient(135deg,#00568f,#e1ff0c);border:none;border-radius:8px;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.ai-assistant-neumorphic .ai-input-area .input-container .send-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00568f4d}.metric-breakdown-centered{display:grid;grid-template-columns:1fr 1fr;gap:1rem;text-align:center;margin-top:1rem}.metric-breakdown-centered .breakdown-item .breakdown-value{display:block;font-size:1.5rem;font-weight:600;color:#00568f;margin-bottom:.25rem}.metric-breakdown-centered .breakdown-item .breakdown-value.large{font-size:2rem}.metric-breakdown-centered .breakdown-item .breakdown-label{font-size:.875rem;color:var(--text-secondary)}.breakdown-indicator{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:.5rem}.breakdown-indicator.green{background:#10b981}.breakdown-indicator.gray{background:var(--text-muted)}.users-header{display:flex;justify-content:space-between;align-items:center}.users-header .header-right .date-selector{display:flex;gap:.5rem;align-items:center}.users-header .header-right .date-selector .date-btn{padding:.5rem .75rem;border:1px solid rgba(0,86,143,.2);background:#ffffffe6;border-radius:8px;font-size:.75rem;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:all .3s ease}.users-header .header-right .date-selector .date-btn:hover{border-color:#00568f;background:#fff;transform:translateY(-1px)}.users-header .header-right .date-selector .partner-selector{padding:.5rem .75rem;border:1px solid rgba(0,86,143,.2);background:#ffffffe6;border-radius:8px;font-size:.75rem;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.users-header .header-right .date-selector .partner-selector:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a}@media (max-width: 1024px){.users-content{gap:1.5rem}.dashboard-section{padding:1.5rem}.schedule-section .schedule-timeline{gap:1rem;justify-content:center}.schedule-section .schedule-timeline .schedule-item{padding:.75rem 1rem;gap:.75rem}}@media (max-width: 768px){.modern-users-container{padding:0rem 1rem 1rem}.users-header h1{font-size:2.5rem}.dashboard-section h3{font-size:1.5rem}.schedule-section .schedule-header{flex-direction:column;gap:1rem;text-align:center}.schedule-section .schedule-timeline{gap:.75rem;flex-direction:column}.schedule-section .schedule-timeline .settings-icon{margin-left:0;margin-top:1rem}.dashboard-section.welcome-section .action-buttons{flex-direction:column;gap:1rem}.dashboard-section.welcome-section .action-buttons .btn-primary,.dashboard-section.welcome-section .action-buttons .btn-secondary{width:100%;justify-content:center}}.superadmin-dashboard-modern{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e9f2ff)}.superadmin-dashboard-modern .dashboard-main{max-width:100vw;margin:0}.superadmin-dashboard-modern .dashboard-main .dashboard-content{display:flex;flex-direction:column;gap:3rem;width:95vw;margin:0 auto;padding:100px 2rem 2rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .dashboard-header-modern{display:flex;justify-content:space-between;align-items:center;padding:2rem 0 0;margin-bottom:0}.superadmin-dashboard-modern .dashboard-main .dashboard-content .dashboard-header-modern .header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.superadmin-dashboard-modern .dashboard-main .dashboard-content .dashboard-header-modern .header-content .header-text h1{font-size:2.5rem;font-weight:300;color:#2d3748;margin:0 0 .5rem;letter-spacing:-.02em}.superadmin-dashboard-modern .dashboard-main .dashboard-content .dashboard-header-modern .header-content .header-text p{font-size:1.1rem;color:#6b7280;margin:0;font-weight:300}.superadmin-dashboard-modern .dashboard-main .dashboard-content .dashboard-header-modern .header-content .header-stats{display:flex;gap:1.5rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .dashboard-header-modern .header-content .header-stats .stat-pill{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,86,143,.1);border-radius:50px;padding:.75rem 1.5rem;display:flex;flex-direction:column;align-items:center;min-width:120px;transition:.3s ease}.superadmin-dashboard-modern .dashboard-main .dashboard-content .dashboard-header-modern .header-content .header-stats .stat-pill:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 8px 25px #00568f26}.superadmin-dashboard-modern .dashboard-main .dashboard-content .dashboard-header-modern .header-content .header-stats .stat-pill .stat-label{font-size:.75rem;color:#6b7280;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.superadmin-dashboard-modern .dashboard-main .dashboard-content .dashboard-header-modern .header-content .header-stats .stat-pill .stat-value{font-size:1.25rem;font-weight:600;color:#00568f}.superadmin-dashboard-modern .dashboard-main .dashboard-content .dashboard-header-modern .header-content .header-stats .stat-pill.success .stat-value{color:#10b981}.superadmin-dashboard-modern .dashboard-main .dashboard-content .analytics-center{display:flex;justify-content:center;align-items:center;padding:0 0 4rem;position:relative}.superadmin-dashboard-modern .dashboard-main .dashboard-content .analytics-center .center-circle{position:relative;width:520px;height:520px}.superadmin-dashboard-modern .dashboard-main .dashboard-content .analytics-center .center-circle .circle-content{width:200px;height:200px;background:linear-gradient(135deg,#fff,#f0f4f8);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:20px 20px 40px #a3b1c633,-20px -20px 40px #fffc,inset 8px 8px 16px #a3b1c61a,inset -8px -8px 16px #ffffffe6;border:1px solid rgba(0,86,143,.1)}.superadmin-dashboard-modern .dashboard-main .dashboard-content .analytics-center .center-circle .circle-content .main-metric{text-align:center}.superadmin-dashboard-modern .dashboard-main .dashboard-content .analytics-center .center-circle .circle-content .main-metric .metric-icon{font-size:2rem;margin-bottom:.5rem;opacity:.8}.superadmin-dashboard-modern .dashboard-main .dashboard-content .analytics-center .center-circle .circle-content .main-metric .metric-value{font-size:2.5rem;font-weight:600;color:#00568f;margin-bottom:.25rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .analytics-center .center-circle .circle-content .main-metric .metric-label{font-size:.9rem;color:#6b7280;font-weight:400}.superadmin-dashboard-modern .dashboard-main .dashboard-content .analytics-center .center-circle .orbit-cards{position:absolute;width:100%;height:100%}.superadmin-dashboard-modern .dashboard-main .dashboard-content .analytics-center .center-circle .orbit-cards .orbit-card{position:absolute;width:240px;height:80px;background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:flex-start;box-shadow:12px 12px 24px #a3b1c61f,-6px -6px 16px #ffffffe6;border:1px solid rgba(0,86,143,.12);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.superadmin-dashboard-modern .dashboard-main .dashboard-content .analytics-center .center-circle .orbit-cards .orbit-card:hover{transform:translateY(-6px) scale(1.05);box-shadow:20px 20px 40px #a3b1c62e,-10px -10px 24px #fffffff2;background:#fff;border-color:#00568f33}.superadmin-dashboard-modern .dashboard-main .dashboard-content .analytics-center .center-circle .orbit-cards .orbit-card .card-content{width:100%;height:100%;position:relative;display:flex;align-items:flex-start;justify-content:space-between}.superadmin-dashboard-modern .dashboard-main .dashboard-content .analytics-center .center-circle .orbit-cards .orbit-card .card-content .card-title{font-size:1.2rem;color:#033284;margin:0;font-weight:500;line-height:1.2;letter-spacing:.3px;width:100%;align-self:center}.superadmin-dashboard-modern .dashboard-main .dashboard-content .analytics-center .center-circle .orbit-cards .orbit-card .card-content .card-right-content{display:flex;flex-direction:column;align-items:flex-end;width:40%;position:relative}.superadmin-dashboard-modern .dashboard-main .dashboard-content .analytics-center .center-circle .orbit-cards .orbit-card .card-content .card-right-content .card-trend{font-size:.75rem;font-weight:600;letter-spacing:.2px;padding:3px 6px;border-radius:8px;background:#f0f4f8e6;margin-bottom:8px}.superadmin-dashboard-modern .dashboard-main .dashboard-content .analytics-center .center-circle .orbit-cards .orbit-card .card-content .card-right-content .card-trend.up{color:#10b981;background:#10b9811a}.superadmin-dashboard-modern .dashboard-main .dashboard-content .analytics-center .center-circle .orbit-cards .orbit-card .card-content .card-right-content .card-trend.down{color:#ef4444;background:#ef44441a}.superadmin-dashboard-modern .dashboard-main .dashboard-content .analytics-center .center-circle .orbit-cards .orbit-card .card-content .card-right-content .card-value{font-size:1rem;font-weight:400;color:#00568f;margin:0;line-height:1;text-align:right}.superadmin-dashboard-modern .dashboard-main .dashboard-content .analytics-center .center-circle .orbit-cards .orbit-card.position-1{top:-60px;left:50%;transform:translate(-50%)}.superadmin-dashboard-modern .dashboard-main .dashboard-content .analytics-center .center-circle .orbit-cards .orbit-card.position-2{top:50%;right:-140px;transform:translateY(-50%)}.superadmin-dashboard-modern .dashboard-main .dashboard-content .analytics-center .center-circle .orbit-cards .orbit-card.position-3{bottom:-60px;left:50%;transform:translate(-50%)}.superadmin-dashboard-modern .dashboard-main .dashboard-content .analytics-center .center-circle .orbit-cards .orbit-card.position-4{top:50%;left:-140px;transform:translateY(-50%)}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:1.5rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .unlock-card{grid-column:1;grid-row:1}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .customers-card{grid-column:2;grid-row:1}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .revenue-chart-card{grid-column:3;grid-row:1/3}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .visits-card{grid-column:1/3;grid-row:2}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .data-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,86,143,.1);border-radius:20px;padding:1.5rem;transition:.3s ease}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .data-card:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 20px 40px #a3b1c626,0 4px 12px #00568f1a}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .data-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .data-card .card-header h3{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0;display:flex;align-items:center;gap:.5rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .data-card .card-header .card-subtitle{font-size:.8rem;color:#9ca3af;font-weight:400}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .performance-card .chart-area{display:flex;align-items:center;gap:2rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .performance-card .chart-area .percentage-display{display:flex;flex-direction:column;align-items:center}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .performance-card .chart-area .percentage-display .percentage{font-size:3rem;font-weight:300;color:#00568f;line-height:1}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .performance-card .chart-area .percentage-display .percentage-label{font-size:.9rem;color:#6b7280;margin-top:.5rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .performance-card .chart-area .mini-chart{flex:1}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .performance-card .chart-area .mini-chart .chart-bars{display:flex;align-items:flex-end;gap:4px;height:60px}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .performance-card .chart-area .mini-chart .chart-bars .chart-bar{flex:1;background:linear-gradient(to top,#00568f,#3b82f6);border-radius:2px 2px 0 0;min-height:8px;opacity:.8;transition:opacity .3s ease}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .performance-card .chart-area .mini-chart .chart-bars .chart-bar:hover{opacity:1}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .activity-card .activity-metrics{display:flex;flex-direction:column;gap:1rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .activity-card .activity-metrics .activity-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(0,86,143,.1)}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .activity-card .activity-metrics .activity-item:last-child{border-bottom:none}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .activity-card .activity-metrics .activity-item .activity-label{font-size:.9rem;color:#6b7280}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .activity-card .activity-metrics .activity-item .activity-value{font-size:1.1rem;font-weight:600;color:#00568f}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .revenue-card .revenue-display{display:flex;flex-direction:column;align-items:center}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .revenue-card .revenue-display .revenue-amount{display:flex;align-items:baseline;margin-bottom:1rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .revenue-card .revenue-display .revenue-amount .currency{font-size:1.5rem;color:#6b7280;margin-right:.25rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .revenue-card .revenue-display .revenue-amount .amount{font-size:3rem;font-weight:300;color:#f59e0b}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .revenue-card .revenue-display .revenue-trend{display:flex;flex-direction:column;align-items:center}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .revenue-card .revenue-display .revenue-trend .trend-indicator{font-size:1rem;font-weight:600}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .revenue-card .revenue-display .revenue-trend .trend-indicator.up{color:#10b981}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .revenue-card .revenue-display .revenue-trend .trend-label{font-size:.8rem;color:#9ca3af;margin-top:.25rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .health-card .health-services{display:flex;flex-direction:column;gap:.75rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .health-card .health-services .service-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f0f4f880;border-radius:12px}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .health-card .health-services .service-item .service-info{display:flex;flex-direction:column}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .health-card .health-services .service-item .service-info .service-name{font-size:.9rem;font-weight:500;color:#2d3748}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .health-card .health-services .service-item .service-info .service-uptime{font-size:.75rem;color:#9ca3af}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .health-card .health-services .service-item .service-status{display:flex;align-items:center;gap:.5rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .health-card .health-services .service-item .service-status .status-dot{width:8px;height:8px;border-radius:50%}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .health-card .health-services .service-item .service-status .status-text{font-size:.8rem;font-weight:500;text-transform:capitalize}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .health-card .health-services .service-item .service-status.healthy .status-dot{background:#10b981}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .health-card .health-services .service-item .service-status.healthy .status-text{color:#10b981}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .health-card .health-services .service-item .service-status.warning .status-dot{background:#f59e0b}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .health-card .health-services .service-item .service-status.warning .status-text{color:#f59e0b}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .actions-card .quick-actions{display:flex;flex-direction:column;gap:.75rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .actions-card .quick-actions .action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem;border:none;border-radius:12px;background:#f0f4f880;cursor:pointer;transition:.3s ease;text-align:left}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .actions-card .quick-actions .action-btn:hover{background:#f0f4f8cc;transform:translate(4px)}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .actions-card .quick-actions .action-btn .action-icon{font-size:1.2rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .actions-card .quick-actions .action-btn .action-text{font-size:.9rem;font-weight:500;color:#2d3748}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .actions-card .quick-actions .action-btn.primary{background:#00568f1a}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .actions-card .quick-actions .action-btn.primary:hover{background:#00568f26}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .actions-card .quick-actions .action-btn.primary .action-text{color:#00568f}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .assistant-card{background:linear-gradient(135deg,#3b82f60d,#93c5fd0d);border:1px solid rgba(59,130,246,.2)}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .assistant-card .assistant-content .assistant-message{background:#f0f4f880;border-radius:12px;padding:1rem;margin-bottom:1rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .assistant-card .assistant-content .assistant-message p{font-size:.9rem;color:#4b5563;margin:0;line-height:1.5}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .assistant-card .assistant-content .assistant-actions{display:flex;gap:.5rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .assistant-card .assistant-content .assistant-actions .assistant-btn{padding:.5rem 1rem;border-radius:8px;border:none;font-size:.8rem;font-weight:500;cursor:pointer;transition:.3s ease}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .assistant-card .assistant-content .assistant-actions .assistant-btn:not(.outline){background:#3b82f6;color:#fff}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .assistant-card .assistant-content .assistant-actions .assistant-btn:not(.outline):hover{background:#2563eb}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .assistant-card .assistant-content .assistant-actions .assistant-btn.outline{background:transparent;border:1px solid #d1d5db;color:#6b7280}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .assistant-card .assistant-content .assistant-actions .assistant-btn.outline:hover{background:#f0f4f880}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .unlock-card{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid rgba(59,130,246,.2)}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .unlock-card .card-content{display:flex;align-items:center;gap:1.5rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .unlock-card .card-content .unlock-image{width:80px;height:80px;border-radius:16px;overflow:hidden}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .unlock-card .card-content .unlock-image img{width:100%;height:100%;object-fit:cover}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .unlock-card .card-content .unlock-content{flex:1}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .unlock-card .card-content .unlock-content h3{font-size:1.3rem;font-weight:600;color:#1e40af;margin:0 0 .75rem;line-height:1.2}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .unlock-card .card-content .unlock-content .trial-btn{background:#1e40af;color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;margin-bottom:.5rem;transition:.3s ease}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .unlock-card .card-content .unlock-content .trial-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .unlock-card .card-content .unlock-content .metrics-count{font-size:.9rem;color:#6b7280;font-weight:400}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .customers-card .card-header{margin-bottom:1.5rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .customers-card .card-header .header-btn{background:#374151;color:#fff;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s ease}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .customers-card .card-header .header-btn:hover{background:#4b5563;transform:scale(1.1)}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .customers-card .card-header .header-btn i{font-size:.9rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .customers-card .customers-list{display:flex;flex-direction:column;gap:1rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .customers-card .customers-list .customer-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:12px;transition:.3s ease;cursor:pointer}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .customers-card .customers-list .customer-item:hover{background:#f0f4f880}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .customers-card .customers-list .customer-item .customer-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .customers-card .customers-list .customer-item .customer-info{flex:1}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .customers-card .customers-list .customer-item .customer-info .customer-name{font-size:.9rem;font-weight:600;color:#1f2937;margin-bottom:2px}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .customers-card .customers-list .customer-item .customer-info .customer-location{font-size:.8rem;color:#9ca3af}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .customers-card .customers-list .customer-item .customer-stats{display:flex;align-items:center;gap:.5rem}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .customers-card .customers-list .customer-item .customer-stats .purchase-count{font-size:.8rem;color:#6b7280}.superadmin-dashboard-modern .dashboard-main .dashboard-content .data-grid-section .grid-container .customers-card .customers-list .customer-item .customer-stats i{font-size:.9rem;color:#d1d5db}@media (max-width: 1200px){.superadmin-dashboard-modern .dashboard-content .analytics-center .center-circle{width:250px;height:250px}.superadmin-dashboard-modern .dashboard-content .analytics-center .center-circle .circle-content{width:160px;height:160px}.superadmin-dashboard-modern .dashboard-content .analytics-center .center-circle .circle-content .main-metric .metric-value{font-size:2rem}.superadmin-dashboard-modern .dashboard-content .analytics-center .center-circle .orbit-cards .orbit-card{width:100px;height:70px;padding:.75rem}.superadmin-dashboard-modern .dashboard-content .data-grid-section .grid-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 768px){.superadmin-dashboard-modern .dashboard-content{width:95vw;gap:2rem}.superadmin-dashboard-modern .dashboard-content .dashboard-header-modern .header-content{flex-direction:column;gap:1.5rem;text-align:center}.superadmin-dashboard-modern .dashboard-content .dashboard-header-modern .header-content .header-stats{justify-content:center;flex-wrap:wrap}.superadmin-dashboard-modern .dashboard-content .analytics-center{padding:2rem 0}.superadmin-dashboard-modern .dashboard-content .analytics-center .center-circle{width:200px;height:200px}.superadmin-dashboard-modern .dashboard-content .analytics-center .center-circle .circle-content{width:120px;height:120px}.superadmin-dashboard-modern .dashboard-content .analytics-center .center-circle .orbit-cards .orbit-card{width:80px;height:60px;padding:.5rem}.superadmin-dashboard-modern .dashboard-content .analytics-center .center-circle .orbit-cards .orbit-card .card-content .card-title{font-size:.6rem}.superadmin-dashboard-modern .dashboard-content .analytics-center .center-circle .orbit-cards .orbit-card .card-content .card-value{font-size:.9rem}.superadmin-dashboard-modern .dashboard-content .data-grid-section .grid-container{grid-template-columns:1fr}}@media (max-width: 480px){.superadmin-dashboard-modern .dashboard-content .dashboard-header-modern .header-content .header-text h1{font-size:2rem}.superadmin-dashboard-modern .dashboard-content .analytics-center .center-circle{width:180px;height:180px}.superadmin-dashboard-modern .dashboard-content .analytics-center .center-circle .orbit-cards .orbit-card{width:70px;height:50px}}.user-dashboard-container{width:100%;min-height:100vh;background:#fff;padding-top:80px}.user-dashboard-container .dashboard-main{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:100vw;margin:0 auto}.user-dashboard-container .dashboard-section{background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;transition:.3s ease;padding:var(--spacing-xl)}.user-dashboard-container .dashboard-section h3{color:#00568f;font-weight:300;line-height:1.4;margin:0;font-family:inherit;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#4a5568;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid #e1ff0c;position:relative}.user-dashboard-container .dashboard-section h3:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,#00568f,#00d4ff)}.user-dashboard-container .bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(120px,auto);gap:var(--spacing-lg)}.user-dashboard-container .bento-grid .emergency-status{grid-column:1/13;grid-row:1;background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;transition:.3s ease;box-shadow:10px 10px 20px #a3b1c64d,-6px -6px 16px #ffffffe6;cursor:pointer;padding:var(--spacing-xl);background:linear-gradient(135deg,#ef4444,#f37373);color:#fff;text-align:center}.user-dashboard-container .bento-grid .emergency-status:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #a3b1c64d,-8px -8px 20px #ffffffe6}.user-dashboard-container .bento-grid .emergency-status:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00568f26}.user-dashboard-container .bento-grid .emergency-status:active{transform:translateY(-2px)}.user-dashboard-container .bento-grid .emergency-status h2{font-size:2rem;font-weight:700;margin:0 0 var(--spacing-md) 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.user-dashboard-container .bento-grid .emergency-status p{font-size:1.125rem;margin:0;opacity:.9}.user-dashboard-container .bento-grid .emergency-status .sos-button{margin-top:var(--spacing-lg);padding:var(--spacing-lg) 3rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:30px;color:#fff;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .3s ease}.user-dashboard-container .bento-grid .emergency-status .sos-button:hover{background:#ffffff4d;transform:translateY(-2px)}.user-dashboard-container .bento-grid .sos-activity{grid-column:1/5;grid-row:2/4;background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;transition:.3s ease;box-shadow:10px 10px 20px #a3b1c64d,-6px -6px 16px #ffffffe6;padding:var(--spacing-xl)}.user-dashboard-container .bento-grid .sos-activity:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #a3b1c64d,-8px -8px 20px #ffffffe6}.user-dashboard-container .bento-grid .sos-activity .activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.user-dashboard-container .bento-grid .sos-activity .activity-header h3{color:#00568f;font-weight:300;line-height:1.4;font-family:inherit;font-size:1.75rem;font-weight:600;color:#2d3748;margin:0}.user-dashboard-container .bento-grid .sos-activity .activity-header .status-indicator{width:12px;height:12px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b9814d}.user-dashboard-container .bento-grid .sos-activity .activity-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.user-dashboard-container .bento-grid .sos-activity .activity-list .activity-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:#f0f4f8;border-radius:16px}.user-dashboard-container .bento-grid .sos-activity .activity-list .activity-item .activity-info{flex:1}.user-dashboard-container .bento-grid .sos-activity .activity-list .activity-item .activity-info .activity-title{font-weight:600;color:var(--text-primary);margin-bottom:.75rem;font-size:.875rem}.user-dashboard-container .bento-grid .sos-activity .activity-list .activity-item .activity-info .activity-time{font-size:.75rem;color:var(--text-muted)}.user-dashboard-container .bento-grid .sos-activity .activity-list .activity-item .activity-status{padding:.75rem var(--spacing-sm);border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.user-dashboard-container .bento-grid .sos-activity .activity-list .activity-item .activity-status.resolved{background:#10b9811a;color:#10b981}.user-dashboard-container .bento-grid .sos-activity .activity-list .activity-item .activity-status.active{background:#f59e0b1a;color:#f59e0b}.user-dashboard-container .bento-grid .contacts{grid-column:5/10;grid-row:2/4;background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;transition:.3s ease;box-shadow:10px 10px 20px #a3b1c64d,-6px -6px 16px #ffffffe6;padding:var(--spacing-xl)}.user-dashboard-container .bento-grid .contacts:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #a3b1c64d,-8px -8px 20px #ffffffe6}.user-dashboard-container .bento-grid .contacts h3{color:#00568f;font-weight:300;line-height:1.4;margin:0;font-family:inherit;font-size:1.75rem;font-weight:600;color:#2d3748;margin-bottom:var(--spacing-lg)}.user-dashboard-container .bento-grid .contacts .contacts-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.user-dashboard-container .bento-grid .contacts .contacts-list .contact-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-radius:16px;transition:all .2s ease}.user-dashboard-container .bento-grid .contacts .contacts-list .contact-item:hover{background:#f0f4f8}.user-dashboard-container .bento-grid .contacts .contacts-list .contact-item .contact-info{display:flex;align-items:center;gap:var(--spacing-md)}.user-dashboard-container .bento-grid .contacts .contacts-list .contact-item .contact-info .contact-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00568f,#00d4ff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.user-dashboard-container .bento-grid .contacts .contacts-list .contact-item .contact-info .contact-details .contact-name{font-weight:600;color:var(--text-primary);margin-bottom:2px;font-size:.875rem}.user-dashboard-container .bento-grid .contacts .contacts-list .contact-item .contact-info .contact-details .contact-relation{font-size:.75rem;color:var(--text-muted)}.user-dashboard-container .bento-grid .contacts .contacts-list .contact-item .contact-actions{display:flex;gap:var(--spacing-sm)}.user-dashboard-container .bento-grid .contacts .contacts-list .contact-item .contact-actions button{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-light);background:#fff;color:#00568f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.user-dashboard-container .bento-grid .contacts .contacts-list .contact-item .contact-actions button:hover{background:#00568f;color:#fff;transform:translateY(-1px)}.user-dashboard-container .bento-grid .protection-status{grid-column:10/13;grid-row:2/4;background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;transition:.3s ease;box-shadow:10px 10px 20px #a3b1c64d,-6px -6px 16px #ffffffe6;padding:var(--spacing-xl);text-align:center}.user-dashboard-container .bento-grid .protection-status:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #a3b1c64d,-8px -8px 20px #ffffffe6}.user-dashboard-container .bento-grid .protection-status .status-icon{width:60px;height:60px;margin:0 auto var(--spacing-lg);border-radius:50%;background:linear-gradient(135deg,#10b981,#39ff14);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.user-dashboard-container .bento-grid .protection-status h3{color:#00568f;font-weight:300;line-height:1.4;margin:0;font-family:inherit;font-size:1.75rem;font-weight:600;color:#2d3748;color:#10b981;margin-bottom:var(--spacing-sm)}.user-dashboard-container .bento-grid .protection-status p{color:var(--text-secondary);font-size:.875rem;margin:0}.user-dashboard-container .bento-grid .protection-status .coverage-indicator{margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:#10b9811a;border-radius:20px;color:#10b981;font-weight:600;font-size:.875rem}.user-dashboard-container .user-stats-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.user-dashboard-container .user-stats-section .stats-grid .stat-item{background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;transition:.3s ease;box-shadow:10px 10px 20px #a3b1c64d,-6px -6px 16px #ffffffe6;cursor:pointer;padding:var(--spacing-xl);text-align:center}.user-dashboard-container .user-stats-section .stats-grid .stat-item:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #a3b1c64d,-8px -8px 20px #ffffffe6}.user-dashboard-container .user-stats-section .stats-grid .stat-item:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00568f26}.user-dashboard-container .user-stats-section .stats-grid .stat-item:active{transform:translateY(-2px)}.user-dashboard-container .user-stats-section .stats-grid .stat-item .stat-icon{width:48px;height:48px;margin:0 auto var(--spacing-md);border-radius:50%;background:linear-gradient(135deg,#00568f,#00d4ff);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.user-dashboard-container .user-stats-section .stats-grid .stat-item h3{font-size:2rem;font-weight:700;margin:0 0 .75rem;background:linear-gradient(135deg,#00568f,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.user-dashboard-container .user-stats-section .stats-grid .stat-item p{font-size:.875rem;color:var(--text-secondary);margin:0;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.user-dashboard-container .progress-section .progress-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.user-dashboard-container .progress-section .progress-items .progress-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:#f0f4f8;border-radius:16px}.user-dashboard-container .progress-section .progress-items .progress-item .progress-info{flex:1}.user-dashboard-container .progress-section .progress-items .progress-item .progress-info .progress-title{font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.user-dashboard-container .progress-section .progress-items .progress-item .progress-info .progress-description{font-size:.875rem;color:var(--text-secondary)}.user-dashboard-container .progress-section .progress-items .progress-item .progress-indicator{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.user-dashboard-container .progress-section .progress-items .progress-item .progress-indicator.completed{background:#10b981}.user-dashboard-container .progress-section .progress-items .progress-item .progress-indicator.in-progress{background:#f59e0b}.user-dashboard-container .progress-section .progress-items .progress-item .progress-indicator.pending{background:var(--text-muted)}@media (max-width: 1200px){.user-dashboard-container .dashboard-main{padding:var(--spacing-lg)}.bento-grid{grid-template-columns:repeat(8,1fr)}.bento-grid .sos-activity{grid-column:1/5}.bento-grid .contacts{grid-column:5/8}.bento-grid .protection-status{grid-column:8/9;grid-row:2}}@media (max-width: 768px){.user-dashboard-container{padding-top:70px}.user-dashboard-container .dashboard-main{padding:var(--spacing-md);gap:var(--spacing-lg)}.user-dashboard-container .bento-grid{grid-template-columns:1fr}.user-dashboard-container .bento-grid .emergency-status,.user-dashboard-container .bento-grid .sos-activity,.user-dashboard-container .bento-grid .contacts,.user-dashboard-container .bento-grid .protection-status{grid-column:1}.user-dashboard-container .user-stats-section .stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}}@media (max-width: 480px){.user-dashboard-container .dashboard-main{padding:var(--spacing-sm)}}.community-alert-broadcast--page{padding:2rem}.community-alert-broadcast--dashboard{padding:1rem}.community-alert-broadcast--modal{padding:0}.community-alert-broadcast .broadcast-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.community-alert-broadcast .broadcast-header .header-title h1{margin:0 0 .5rem;color:var(--text-primary)}.community-alert-broadcast .broadcast-header .header-title p{margin:0;color:var(--text-secondary)}.community-alert-broadcast .broadcast-header .broadcast-stats{display:flex;gap:1rem}.community-alert-broadcast .broadcast-header .broadcast-stats .stat-card{text-align:center;padding:1rem;min-width:100px}.community-alert-broadcast .broadcast-header .broadcast-stats .stat-card .stat-value{font-size:1.5rem;font-weight:700;color:var(--accent-color);display:block;margin-bottom:.25rem}.community-alert-broadcast .broadcast-header .broadcast-stats .stat-card .stat-label{color:var(--text-secondary);font-size:.875rem}.community-alert-broadcast .broadcast-nav{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.community-alert-broadcast .broadcast-nav .nav-tab{padding:1rem 1.5rem;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;color:var(--text-secondary);font-weight:500}.community-alert-broadcast .broadcast-nav .nav-tab:hover{color:var(--text-primary);background-color:var(--background-light)}.community-alert-broadcast .broadcast-nav .nav-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.community-alert-broadcast .compose-tab .compose-grid{display:grid;grid-template-columns:1fr 300px;gap:1.5rem;margin-bottom:2rem}.community-alert-broadcast .compose-tab .compose-grid .alert-composition .form-group{margin-bottom:1rem}.community-alert-broadcast .compose-tab .compose-grid .alert-composition .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.community-alert-broadcast .compose-tab .compose-grid .alert-composition .form-group input,.community-alert-broadcast .compose-tab .compose-grid .alert-composition .form-group select,.community-alert-broadcast .compose-tab .compose-grid .alert-composition .form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem}.community-alert-broadcast .compose-tab .compose-grid .alert-composition .form-group input:focus,.community-alert-broadcast .compose-tab .compose-grid .alert-composition .form-group select:focus,.community-alert-broadcast .compose-tab .compose-grid .alert-composition .form-group textarea:focus{outline:none;border-color:var(--accent-color)}.community-alert-broadcast .compose-tab .compose-grid .alert-composition .form-group .character-count{font-size:.75rem;color:var(--text-muted);text-align:right;margin-top:.25rem}.community-alert-broadcast .compose-tab .compose-grid .alert-composition .form-actions{display:flex;gap:1rem;justify-content:flex-end}.community-alert-broadcast .compose-tab .compose-grid .quick-templates .template-list .template-button{width:100%;text-align:left;padding:1rem;margin-bottom:.5rem;border:1px solid var(--border-color);border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease}.community-alert-broadcast .compose-tab .compose-grid .quick-templates .template-list .template-button:hover{border-color:var(--accent-color);background-color:var(--background-light)}.community-alert-broadcast .compose-tab .compose-grid .quick-templates .template-list .template-button.selected{border-color:var(--accent-color);background-color:#00d4ff1a}.community-alert-broadcast .compose-tab .compose-grid .quick-templates .template-list .template-button .template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.community-alert-broadcast .compose-tab .compose-grid .quick-templates .template-list .template-button .template-header .template-name{font-weight:600;color:var(--text-primary)}.community-alert-broadcast .compose-tab .compose-grid .quick-templates .template-list .template-button .template-header .severity-badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.community-alert-broadcast .compose-tab .compose-grid .quick-templates .template-list .template-button .template-header .severity-badge.severity-info{background-color:#dbeafe;color:#1e40af}.community-alert-broadcast .compose-tab .compose-grid .quick-templates .template-list .template-button .template-header .severity-badge.severity-warning{background-color:#fef3c7;color:#92400e}.community-alert-broadcast .compose-tab .compose-grid .quick-templates .template-list .template-button .template-header .severity-badge.severity-urgent{background-color:#fed7aa;color:#9a3412}.community-alert-broadcast .compose-tab .compose-grid .quick-templates .template-list .template-button .template-header .severity-badge.severity-critical{background-color:#fee2e2;color:#991b1b}.community-alert-broadcast .compose-tab .compose-grid .quick-templates .template-list .template-button .template-preview{font-size:.875rem;color:var(--text-secondary);margin:0 0 .5rem}.community-alert-broadcast .compose-tab .compose-grid .quick-templates .template-list .template-button .template-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.community-alert-broadcast .active-alerts-list .alert-item{padding:1rem;border-bottom:1px solid var(--border-light)}.community-alert-broadcast .active-alerts-list .alert-item:last-child{border-bottom:none}.community-alert-broadcast .active-alerts-list .alert-item .alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.community-alert-broadcast .active-alerts-list .alert-item .alert-header .alert-title{font-weight:600;color:var(--text-primary)}.community-alert-broadcast .active-alerts-list .alert-item .alert-message{margin:0 0 .5rem;color:var(--text-secondary)}.community-alert-broadcast .active-alerts-list .alert-item .alert-meta{display:flex;gap:1rem;font-size:.875rem;color:var(--text-muted)}.user-reporting--app{max-width:600px;margin:0 auto;padding:1rem}.user-reporting--web{padding:2rem}.user-reporting--modal{padding:0}.user-reporting .reporting-header{text-align:center;margin-bottom:2rem}.user-reporting .reporting-header h1{margin:0 0 .5rem;color:var(--text-primary)}.user-reporting .reporting-header p{margin:0;color:var(--text-secondary)}.user-reporting .privacy-settings{margin-bottom:1.5rem;text-align:center}.user-reporting .privacy-settings .anonymous-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;font-weight:500}.user-reporting .privacy-settings .privacy-note{margin:.5rem 0 0;font-size:.875rem;color:var(--text-secondary)}.user-reporting .reporting-nav{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.user-reporting .reporting-nav .nav-tab{flex:1;padding:1rem;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;color:var(--text-secondary);text-align:center}.user-reporting .reporting-nav .nav-tab:hover{color:var(--text-primary);background-color:var(--background-light)}.user-reporting .reporting-nav .nav-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.user-reporting .reporting-content .report-tab .incident-form .form-group{margin-bottom:1rem}.user-reporting .reporting-content .report-tab .incident-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.user-reporting .reporting-content .report-tab .incident-form .form-group input,.user-reporting .reporting-content .report-tab .incident-form .form-group select,.user-reporting .reporting-content .report-tab .incident-form .form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem}.user-reporting .reporting-content .report-tab .incident-form .form-group input:focus,.user-reporting .reporting-content .report-tab .incident-form .form-group select:focus,.user-reporting .reporting-content .report-tab .incident-form .form-group textarea:focus{outline:none;border-color:var(--accent-color)}.user-reporting .reporting-content .report-tab .incident-form .form-group .character-count{font-size:.75rem;color:var(--text-muted);text-align:right;margin-top:.25rem}.user-reporting .reporting-content .report-tab .incident-form .form-actions{display:flex;gap:1rem;justify-content:flex-end}.submission-confirmation{text-align:center;padding:2rem}.submission-confirmation .success-icon{font-size:3rem;margin-bottom:1rem}.submission-confirmation h3{margin:0 0 1rem;color:var(--text-primary)}.submission-confirmation p{margin-bottom:1rem;color:var(--text-secondary)}.submission-confirmation .report-id{background-color:var(--background-light);padding:.5rem 1rem;border-radius:4px;font-family:monospace;margin:1rem 0}.submission-confirmation .next-steps{font-size:.875rem;color:var(--text-muted);margin-bottom:1.5rem}.transportation-coordination--page{padding:2rem}.transportation-coordination--dashboard{padding:1rem}.transportation-coordination--modal{padding:0}.transportation-coordination .transport-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.transportation-coordination .transport-header .header-title h1{margin:0 0 .5rem;color:var(--text-primary)}.transportation-coordination .transport-header .header-title p{margin:0;color:var(--text-secondary)}.transportation-coordination .transport-header .emergency-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fee2e2;color:#991b1b;border-radius:20px;font-weight:600}.transportation-coordination .transport-header .emergency-indicator .emergency-icon{font-size:1.25rem;animation:pulse 1s infinite}.transportation-coordination .transport-header .transport-stats{display:flex;gap:1rem}.transportation-coordination .transport-header .transport-stats .stat-card{text-align:center;padding:1rem;min-width:100px}.transportation-coordination .transport-header .transport-stats .stat-card .stat-value{font-size:1.5rem;font-weight:700;color:var(--accent-color);display:block;margin-bottom:.25rem}.transportation-coordination .transport-header .transport-stats .stat-card .stat-label{color:var(--text-secondary);font-size:.875rem}.transportation-coordination .quick-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.transportation-coordination .quick-actions .emergency-button{font-size:1.125rem;padding:1rem 2rem}.transportation-coordination .transport-nav{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.transportation-coordination .transport-nav .nav-tab{padding:1rem 1.5rem;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;color:var(--text-secondary);font-weight:500}.transportation-coordination .transport-nav .nav-tab:hover{color:var(--text-primary);background-color:var(--background-light)}.transportation-coordination .transport-nav .nav-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.transportation-coordination .transport-content .overview-tab .overview-section .overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.transportation-coordination .transport-content .overview-tab .overview-section .overview-grid .metric-item{display:flex;justify-content:space-between;padding:.75rem;background:var(--background-light);border-radius:4px}.transportation-coordination .transport-content .overview-tab .overview-section .overview-grid .metric-item .metric-label{color:var(--text-secondary)}.transportation-coordination .transport-content .overview-tab .overview-section .overview-grid .metric-item .metric-value{font-weight:600;color:var(--text-primary)}.transportation-coordination .transport-content .requests-tab .requests-list .request-item{padding:1rem;border-bottom:1px solid var(--border-light)}.transportation-coordination .transport-content .requests-tab .requests-list .request-item:last-child{border-bottom:none}.transportation-coordination .transport-content .requests-tab .requests-list .request-item .request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.transportation-coordination .transport-content .requests-tab .requests-list .request-item .request-header .request-id{font-weight:600;color:var(--text-primary)}.transportation-coordination .transport-content .requests-tab .requests-list .request-item .request-header .status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.transportation-coordination .transport-content .requests-tab .requests-list .request-item .request-header .status-badge.status-requested{background-color:#fef3c7;color:#92400e}.transportation-coordination .transport-content .requests-tab .requests-list .request-item .request-header .status-badge.status-assigned{background-color:#dbeafe;color:#1e40af}.transportation-coordination .transport-content .requests-tab .requests-list .request-item .request-header .status-badge.status-en_route{background-color:#fed7aa;color:#9a3412}.transportation-coordination .transport-content .requests-tab .requests-list .request-item .request-header .status-badge.status-completed{background-color:#d1fae5;color:#065f46}.transportation-coordination .transport-content .requests-tab .requests-list .request-item .request-details{font-size:.875rem;color:var(--text-secondary)}.transportation-coordination .transport-content .requests-tab .requests-list .request-item .request-details div{margin-bottom:.25rem}.enterprise-security-framework--page{padding:2rem}.enterprise-security-framework--dashboard{padding:1rem}.enterprise-security-framework--modal{padding:0}.enterprise-security-framework .security-header{margin-bottom:2rem}.enterprise-security-framework .security-header h1{margin:0 0 .5rem;color:var(--text-primary)}.enterprise-security-framework .security-header p{margin:0;color:var(--text-secondary)}.enterprise-security-framework .security-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.enterprise-security-framework .security-metrics .metric-card{text-align:center;padding:1rem}.enterprise-security-framework .security-metrics .metric-card .metric-value{font-size:1.5rem;font-weight:700;color:var(--accent-color);display:block;margin-bottom:.25rem}.enterprise-security-framework .security-metrics .metric-card .metric-label{color:var(--text-secondary);font-size:.875rem}.enterprise-security-framework .security-nav{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.enterprise-security-framework .security-nav .nav-tab{padding:1rem 1.5rem;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;color:var(--text-secondary);font-weight:500}.enterprise-security-framework .security-nav .nav-tab:hover{color:var(--text-primary);background-color:var(--background-light)}.enterprise-security-framework .security-nav .nav-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.enterprise-security-framework .security-content .overview-tab .overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.enterprise-security-framework .security-content .overview-tab .overview-grid div{padding:.75rem;background:var(--background-light);border-radius:4px}.system-admin-dashboard--page{padding:2rem}.system-admin-dashboard--dashboard{padding:1rem}.system-admin-dashboard--fullscreen{padding:2rem;min-height:100vh}.system-admin-dashboard .admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.system-admin-dashboard .admin-header .header-title h1{margin:0 0 .5rem;color:var(--text-primary)}.system-admin-dashboard .admin-header .header-title p{margin:0;color:var(--text-secondary)}.system-admin-dashboard .admin-header .system-status{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.system-admin-dashboard .admin-header .system-status .status-indicator{padding:.5rem 1rem;border-radius:20px;font-weight:600}.system-admin-dashboard .admin-header .system-status .status-indicator.operational{background-color:#d1fae5;color:#065f46}.system-admin-dashboard .admin-header .system-status .status-indicator.maintenance{background-color:#fef3c7;color:#92400e}.system-admin-dashboard .admin-header .system-status .status-indicator.emergency{background-color:#fee2e2;color:#991b1b;animation:pulse 1s infinite}.system-admin-dashboard .admin-header .system-status .mode-controls{display:flex;gap:.5rem}.system-admin-dashboard .system-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.system-admin-dashboard .system-overview .metric-card{text-align:center;padding:1.5rem}.system-admin-dashboard .system-overview .metric-card .metric-icon{font-size:2rem;display:block;margin-bottom:.5rem}.system-admin-dashboard .system-overview .metric-card .metric-value{font-size:2rem;font-weight:700;color:var(--accent-color);display:block;margin-bottom:.25rem}.system-admin-dashboard .system-overview .metric-card .metric-label{color:var(--text-secondary);font-size:.875rem}.system-admin-dashboard .critical-alerts{margin-bottom:2rem;border-left:4px solid #ef4444}.system-admin-dashboard .critical-alerts .alerts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.system-admin-dashboard .critical-alerts .alerts-header h3{margin:0;color:#ef4444}.system-admin-dashboard .critical-alerts .alerts-list .alert-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-light)}.system-admin-dashboard .critical-alerts .alerts-list .alert-item:last-child{border-bottom:none}.system-admin-dashboard .critical-alerts .alerts-list .alert-item .alert-title{font-weight:600;color:var(--text-primary)}.system-admin-dashboard .critical-alerts .alerts-list .alert-item .alert-time{font-size:.875rem;color:var(--text-secondary)}.system-admin-dashboard .upcoming-maintenance{margin-bottom:2rem}.system-admin-dashboard .upcoming-maintenance .maintenance-list .maintenance-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-light)}.system-admin-dashboard .upcoming-maintenance .maintenance-list .maintenance-item:last-child{border-bottom:none}.system-admin-dashboard .upcoming-maintenance .maintenance-list .maintenance-item .maintenance-title{font-weight:600;color:var(--text-primary)}.system-admin-dashboard .upcoming-maintenance .maintenance-list .maintenance-item .maintenance-time{font-size:.875rem;color:var(--text-secondary)}.system-admin-dashboard .upcoming-maintenance .maintenance-list .maintenance-item .maintenance-type{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.system-admin-dashboard .upcoming-maintenance .maintenance-list .maintenance-item .maintenance-type.type-routine{background-color:#dbeafe;color:#1e40af}.system-admin-dashboard .upcoming-maintenance .maintenance-list .maintenance-item .maintenance-type.type-emergency{background-color:#fee2e2;color:#991b1b}.system-admin-dashboard .upcoming-maintenance .maintenance-list .maintenance-item .maintenance-type.type-upgrade{background-color:#fef3c7;color:#92400e}.system-admin-dashboard .admin-nav{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.system-admin-dashboard .admin-nav .nav-tab{padding:1rem 1.5rem;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;color:var(--text-secondary);font-weight:500}.system-admin-dashboard .admin-nav .nav-tab:hover{color:var(--text-primary);background-color:var(--background-light)}.system-admin-dashboard .admin-nav .nav-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.system-admin-dashboard .admin-content .overview-tab .status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.system-admin-dashboard .admin-content .overview-tab .status-grid .status-item{display:flex;justify-content:space-between;padding:.75rem;background:var(--background-light);border-radius:4px}.system-admin-dashboard .admin-content .overview-tab .status-grid .status-item .status-warning{color:#f59e0b;font-weight:600}.system-admin-dashboard .admin-content .overview-tab .status-grid .status-item .status-critical{color:#ef4444;font-weight:600}.system-admin-dashboard .admin-content .overview-tab .status-grid .status-item .status-ok{color:#10b981;font-weight:600}.placeholder-component{padding:var(--spacing-lg);text-align:center}.placeholder-component h4{margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.placeholder-component p{margin:0 0 var(--spacing-lg) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.backup-recovery-interface--page{padding:2rem}.backup-recovery-interface--dashboard{padding:1rem}.backup-recovery-interface--modal{padding:0}.backup-recovery-interface .backup-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.backup-recovery-interface .backup-header .header-title h1{margin:0 0 .5rem;color:var(--text-primary)}.backup-recovery-interface .backup-header .header-title p{margin:0;color:var(--text-secondary)}.backup-recovery-interface .backup-header .quick-actions{display:flex;gap:.5rem}.backup-recovery-interface .backup-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.backup-recovery-interface .backup-status .status-card{text-align:center;padding:1.5rem}.backup-recovery-interface .backup-status .status-card .status-icon{font-size:2rem;display:block;margin-bottom:.5rem}.backup-recovery-interface .backup-status .status-card .status-value{font-size:2rem;font-weight:700;color:var(--accent-color);display:block;margin-bottom:.25rem}.backup-recovery-interface .backup-status .status-card .status-label{color:var(--text-secondary);font-size:.875rem}.backup-recovery-interface .recent-activity{margin-bottom:2rem}.backup-recovery-interface .recent-activity .activity-list .activity-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-light)}.backup-recovery-interface .recent-activity .activity-list .activity-item:last-child{border-bottom:none}.backup-recovery-interface .recent-activity .activity-list .activity-item .activity-info{display:flex;gap:1rem}.backup-recovery-interface .recent-activity .activity-list .activity-item .activity-info .job-id{font-weight:600;color:var(--text-primary);font-family:monospace}.backup-recovery-interface .recent-activity .activity-list .activity-item .activity-info .job-time{font-size:.875rem;color:var(--text-secondary)}.backup-recovery-interface .recent-activity .activity-list .activity-item .job-status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.backup-recovery-interface .recent-activity .activity-list .activity-item .job-status.status-running{background-color:#dbeafe;color:#1e40af}.backup-recovery-interface .recent-activity .activity-list .activity-item .job-status.status-completed{background-color:#d1fae5;color:#065f46}.backup-recovery-interface .recent-activity .activity-list .activity-item .job-status.status-failed{background-color:#fee2e2;color:#991b1b}.backup-recovery-interface .backup-nav{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.backup-recovery-interface .backup-nav .nav-tab{padding:1rem 1.5rem;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;color:var(--text-secondary);font-weight:500}.backup-recovery-interface .backup-nav .nav-tab:hover{color:var(--text-primary);background-color:var(--background-light)}.backup-recovery-interface .backup-nav .nav-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.backup-recovery-interface .backup-content .overview-tab .overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.backup-recovery-interface .backup-content .overview-tab .overview-grid .schedules-summary h4,.backup-recovery-interface .backup-content .overview-tab .overview-grid .recovery-summary h4,.backup-recovery-interface .backup-content .overview-tab .overview-grid .retention-summary h4{margin-bottom:1rem;color:var(--text-primary)}.backup-recovery-interface .backup-content .overview-tab .overview-grid .schedules-summary .summary-stats div,.backup-recovery-interface .backup-content .overview-tab .overview-grid .recovery-summary .summary-stats div,.backup-recovery-interface .backup-content .overview-tab .overview-grid .retention-summary .summary-stats div{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-light);font-size:.875rem}.backup-recovery-interface .backup-content .overview-tab .overview-grid .schedules-summary .summary-stats div:last-child,.backup-recovery-interface .backup-content .overview-tab .overview-grid .recovery-summary .summary-stats div:last-child,.backup-recovery-interface .backup-content .overview-tab .overview-grid .retention-summary .summary-stats div:last-child{border-bottom:none}.response-time-chart--dashboard .chart-container{min-height:300px}.response-time-chart--detailed .chart-container{min-height:400px}.response-time-chart--compact .chart-container{min-height:200px}.response-time-chart--compact .chart-header{padding:1rem 1rem .5rem}.response-time-chart--embedded{border:none;box-shadow:none}.response-time-chart--embedded .chart-container{min-height:250px}.response-time-chart--empty .chart-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center}.response-time-chart--empty .chart-empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.response-time-chart--empty .chart-empty-state h3{margin:0 0 .5rem;color:var(--text-secondary, #6b7280);font-size:1.125rem}.response-time-chart--empty .chart-empty-state p{margin:0;color:var(--text-tertiary, #9ca3af);font-size:.875rem}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.chart-header h3{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:var(--text-primary, #111827)}.chart-header .chart-controls{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.chart-header .chart-controls .chart-subtitle{font-size:.75rem;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.chart-header .chart-controls .chart-legend-custom{display:flex;flex-wrap:wrap;gap:1rem}.chart-header .chart-controls .chart-legend-custom .legend-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-secondary, #6b7280)}.chart-header .chart-controls .chart-legend-custom .legend-item .legend-color{width:12px;height:12px;border-radius:2px}.chart-header .chart-controls .chart-legend-custom .legend-item .legend-color--acknowledgment{background:#00d4ff}.chart-header .chart-controls .chart-legend-custom .legend-item .legend-color--response{background:#10b981}.chart-header .chart-controls .chart-legend-custom .legend-item .legend-color--resolution{background:#8b5cf6}.chart-container{padding:1rem 1.5rem}.chart-container .recharts-wrapper .recharts-cartesian-axis-tick-value{fill:var(--text-secondary, #6b7280);font-size:12px}.chart-container .recharts-wrapper .recharts-cartesian-grid-horizontal line,.chart-container .recharts-wrapper .recharts-cartesian-grid-vertical line{stroke:var(--border-color, #e5e7eb);stroke-opacity:.5}.chart-container .recharts-wrapper .recharts-tooltip-wrapper .recharts-default-tooltip{background:#fff!important;border:1px solid var(--border-color, #e5e7eb)!important;border-radius:8px!important;box-shadow:0 10px 15px -3px #0000001a!important}.chart-container .recharts-wrapper .recharts-legend-wrapper{padding-top:1rem}.response-time-tooltip{background:#fff;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:.75rem;box-shadow:0 10px 15px -3px #0000001a}.response-time-tooltip h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--text-primary, #111827)}.response-time-tooltip .tooltip-entry{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.8rem}.response-time-tooltip .tooltip-entry .tooltip-color{width:10px;height:10px;border-radius:2px}.response-time-tooltip .tooltip-entry .tooltip-label{color:var(--text-secondary, #6b7280);min-width:80px}.response-time-tooltip .tooltip-entry .tooltip-value{font-weight:600;color:var(--text-primary, #111827)}.response-time-tooltip .tooltip-count{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color, #e5e7eb);font-size:.75rem;color:var(--text-secondary, #6b7280);font-weight:500}.chart-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color, #e5e7eb);background:var(--surface-color, #f9fafb)}.chart-footer .chart-stats{display:flex;justify-content:space-around}.chart-footer .chart-stats .stat-item{text-align:center}.chart-footer .chart-stats .stat-item .stat-label{display:block;font-size:.75rem;color:var(--text-secondary, #6b7280);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.chart-footer .chart-stats .stat-item .stat-value{display:block;font-size:1rem;font-weight:600;color:var(--text-primary, #111827)}@media (max-width: 768px){.chart-header{flex-direction:column;align-items:stretch;gap:1rem}.chart-header .chart-controls{align-items:stretch}.chart-header .chart-controls .chart-legend-custom{justify-content:center}.chart-footer .chart-stats{flex-direction:column;gap:.75rem}.chart-footer .chart-stats .stat-item{display:flex;justify-content:space-between;text-align:left}.chart-footer .chart-stats .stat-item .stat-label,.chart-footer .chart-stats .stat-item .stat-value{display:inline}}@media (max-width: 480px){.chart-container{padding:.5rem}.chart-header{padding:1rem}.chart-header h3{font-size:1.125rem}}.performance-metrics--summary .metrics-header .metrics-subtitle{font-size:.8rem;color:var(--text-secondary, #6b7280)}.performance-metrics--detailed .metrics-table th,.performance-metrics--detailed .metrics-table td{padding:1rem .75rem}.performance-metrics--compact .metrics-header{padding:1rem 1.5rem .5rem}.performance-metrics--compact .metrics-table th,.performance-metrics--compact .metrics-table td{padding:.5rem .75rem;font-size:.875rem}.performance-metrics--comparison .controller-card{border:2px solid transparent;transition:border-color .15s ease}.performance-metrics--comparison .controller-card:hover{border-color:var(--accent-color, #00D4FF)}.performance-metrics--empty .metrics-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center}.performance-metrics--empty .metrics-empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.performance-metrics--empty .metrics-empty-state h3{margin:0 0 .5rem;color:var(--text-secondary, #6b7280);font-size:1.125rem}.performance-metrics--empty .metrics-empty-state p{margin:0;color:var(--text-tertiary, #9ca3af);font-size:.875rem}.metrics-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.metrics-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #111827)}.metrics-header .metrics-controls .metrics-subtitle{font-size:.875rem;color:var(--text-secondary, #6b7280);font-weight:500}.metrics-content{padding:1rem 1.5rem}.metrics-table-container{overflow-x:auto}.metrics-table-container .metrics-table{width:100%;border-collapse:collapse}.metrics-table-container .metrics-table th{text-align:left;padding:.75rem;font-size:.875rem;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color, #e5e7eb)}.metrics-table-container .metrics-table td{padding:.75rem;border-bottom:1px solid var(--border-color, #f3f4f6);vertical-align:middle}.metrics-table-container .metrics-table .metrics-row{cursor:pointer;transition:background-color .15s ease}.metrics-table-container .metrics-table .metrics-row:hover{background:var(--surface-color, #f9fafb)}.metrics-table-container .metrics-table .metrics-row .rank-cell{width:60px}.metrics-table-container .metrics-table .metrics-row .rank-cell .rank-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:24px;border-radius:12px;font-size:.75rem;font-weight:600}.metrics-table-container .metrics-table .metrics-row .rank-cell .rank-badge--top{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.metrics-table-container .metrics-table .metrics-row .rank-cell .rank-badge--normal{background:var(--surface-color, #f3f4f6);color:var(--text-secondary, #6b7280)}.metrics-table-container .metrics-table .metrics-row .controller-cell .controller-info .controller-name{display:block;font-weight:600;color:var(--text-primary, #111827);font-size:.875rem}.metrics-table-container .metrics-table .metrics-row .controller-cell .controller-info .controller-id{display:block;font-size:.75rem;color:var(--text-secondary, #6b7280);margin-top:.125rem}.metrics-table-container .metrics-table .metrics-row .sla-cell .sla-display .sla-value{display:block;font-weight:700;font-size:1rem}.metrics-table-container .metrics-table .metrics-row .sla-cell .sla-display .sla-value--excellent{color:#10b981}.metrics-table-container .metrics-table .metrics-row .sla-cell .sla-display .sla-value--good{color:#059669}.metrics-table-container .metrics-table .metrics-row .sla-cell .sla-display .sla-value--fair{color:#f59e0b}.metrics-table-container .metrics-table .metrics-row .sla-cell .sla-display .sla-value--poor{color:#ef4444}.metrics-table-container .metrics-table .metrics-row .sla-cell .sla-display .sla-label{display:block;font-size:.75rem;color:var(--text-secondary, #6b7280);margin-top:.125rem}.metrics-table-container .metrics-table .metrics-row .response-cell,.metrics-table-container .metrics-table .metrics-row .incidents-cell .incident-count{font-weight:600;color:var(--text-primary, #111827)}.metrics-table-container .metrics-table .metrics-row .incidents-cell .incident-resolved{display:block;font-size:.75rem;color:var(--text-secondary, #6b7280);margin-top:.125rem}.metrics-table-container .metrics-table .metrics-row .quality-cell .quality-score .score-value{font-weight:700;color:var(--text-primary, #111827);font-size:1rem}.metrics-table-container .metrics-table .metrics-row .quality-cell .quality-score .score-max{color:var(--text-secondary, #6b7280);font-size:.875rem}.metrics-table-container .metrics-table .metrics-row .trend-cell .trend-indicator{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:var(--text-secondary, #6b7280);text-transform:capitalize}.metrics-table-container .metrics-table .metrics-row .actions-cell{width:120px}.metrics-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.metrics-cards-container .controller-card .controller-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.metrics-cards-container .controller-card .controller-card__header .controller-info h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text-primary, #111827)}.metrics-cards-container .controller-card .controller-card__header .controller-info .controller-id{font-size:.75rem;color:var(--text-secondary, #6b7280)}.metrics-cards-container .controller-card .controller-card__header .rank-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:24px;border-radius:12px;font-size:.75rem;font-weight:600}.metrics-cards-container .controller-card .controller-card__header .rank-badge--top{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.metrics-cards-container .controller-card .controller-card__header .rank-badge--normal{background:var(--surface-color, #f3f4f6);color:var(--text-secondary, #6b7280)}.metrics-cards-container .controller-card .controller-card__metrics{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.metrics-cards-container .controller-card .controller-card__metrics .metric-item{display:flex;justify-content:space-between;align-items:center}.metrics-cards-container .controller-card .controller-card__metrics .metric-item .metric-label{font-size:.875rem;color:var(--text-secondary, #6b7280)}.metrics-cards-container .controller-card .controller-card__metrics .metric-item .metric-value{font-weight:600;color:var(--text-primary, #111827)}.metrics-cards-container .controller-card .controller-card__metrics .metric-item .metric-value--excellent{color:#10b981}.metrics-cards-container .controller-card .controller-card__metrics .metric-item .metric-value--good{color:#059669}.metrics-cards-container .controller-card .controller-card__metrics .metric-item .metric-value--fair{color:#f59e0b}.metrics-cards-container .controller-card .controller-card__metrics .metric-item .metric-value--poor{color:#ef4444}.metrics-cards-container .controller-card .controller-card__trend{padding-top:.75rem;border-top:1px solid var(--border-color, #e5e7eb)}.metrics-cards-container .controller-card .controller-card__trend .trend-indicator{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:var(--text-secondary, #6b7280);text-transform:capitalize}.metrics-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color, #e5e7eb);background:var(--surface-color, #f9fafb)}.metrics-footer .metrics-summary{display:flex;justify-content:space-around}.metrics-footer .metrics-summary .summary-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.metrics-footer .metrics-summary .summary-stat .stat-label{font-size:.75rem;color:var(--text-secondary, #6b7280);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.metrics-footer .metrics-summary .summary-stat .stat-value{font-size:1.125rem;font-weight:700;color:var(--text-primary, #111827)}@media (max-width: 768px){.metrics-table-container .metrics-table{font-size:.8rem}.metrics-table-container .metrics-table th,.metrics-table-container .metrics-table td{padding:.5rem .375rem}.metrics-table-container .metrics-table .controller-cell{min-width:120px}.metrics-table-container .metrics-table .rank-cell,.metrics-table-container .metrics-table .actions-cell{display:none}.metrics-cards-container{grid-template-columns:1fr}.metrics-footer .metrics-summary{flex-direction:column;gap:.75rem}.metrics-footer .metrics-summary .summary-stat{flex-direction:row;justify-content:space-between;text-align:left}}@media (max-width: 480px){.controller-card .controller-card__metrics .metric-item{font-size:.8rem}}.geographic-analysis--dashboard .analysis-content{max-height:400px;overflow-y:auto}.geographic-analysis--detailed .region-item .region-recommendations,.geographic-analysis--detailed .region-item .region-actions{margin-top:1rem}.geographic-analysis--compact .analysis-header{padding:1rem 1.5rem .5rem}.geographic-analysis--compact .region-item{padding:.75rem}.geographic-analysis--empty .analysis-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center}.geographic-analysis--empty .analysis-empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.geographic-analysis--empty .analysis-empty-state h3{margin:0 0 .5rem;color:var(--text-secondary, #6b7280);font-size:1.125rem}.geographic-analysis--empty .analysis-empty-state p{margin:0;color:var(--text-tertiary, #9ca3af);font-size:.875rem}.analysis-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.analysis-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #111827)}.analysis-header .analysis-summary{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.analysis-header .analysis-summary .region-count{font-size:.875rem;font-weight:600;color:var(--text-primary, #111827)}.analysis-header .analysis-summary .high-risk-count{font-size:.75rem;color:#ef4444;font-weight:500}.analysis-content{padding:1rem 1.5rem}.analysis-content .heatmap-placeholder{padding:1.5rem;margin-bottom:1.5rem;border:2px dashed var(--border-color, #d1d5db);border-radius:8px;background:var(--surface-color, #f9fafb);text-align:center}.analysis-content .heatmap-placeholder .heatmap-content h4{margin:0 0 .5rem;color:var(--text-primary, #111827);font-size:1.125rem}.analysis-content .heatmap-placeholder .heatmap-content p{margin:0 0 1rem;color:var(--text-secondary, #6b7280);font-size:.875rem}.analysis-content .heatmap-placeholder .heatmap-content .heatmap-legend{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary, #6b7280)}.analysis-content .heatmap-placeholder .heatmap-content .heatmap-legend .legend-gradient{width:80px;height:12px;background:linear-gradient(90deg,#10b981,#f59e0b,#ef4444);border-radius:6px}.analysis-content .regions-list{display:flex;flex-direction:column;gap:1rem}.analysis-content .regions-list .region-item{padding:1rem;border-radius:8px;border:1px solid var(--border-color, #e5e7eb);background:var(--background-color, #ffffff);cursor:pointer;transition:all .15s ease}.analysis-content .regions-list .region-item:hover{border-color:var(--accent-color, #00D4FF);box-shadow:0 4px 6px -1px #0000001a}.analysis-content .regions-list .region-item--low{border-left:4px solid #10b981;background:linear-gradient(90deg,rgba(16,185,129,.05) 0%,transparent 100%)}.analysis-content .regions-list .region-item--medium{border-left:4px solid #f59e0b;background:linear-gradient(90deg,rgba(245,158,11,.05) 0%,transparent 100%)}.analysis-content .regions-list .region-item--high{border-left:4px solid #ef4444;background:linear-gradient(90deg,rgba(239,68,68,.05) 0%,transparent 100%)}.analysis-content .regions-list .region-item--high:hover{border-color:#ef4444;box-shadow:0 4px 6px -1px #ef444433}.analysis-content .regions-list .region-item--critical{border-left:4px solid #dc2626;background:linear-gradient(90deg,rgba(220,38,38,.1) 0%,transparent 100%)}.analysis-content .regions-list .region-item--critical:hover{border-color:#dc2626;box-shadow:0 4px 6px -1px #dc26264d}.analysis-content .regions-list .region-item .region-main{display:flex;justify-content:space-between;align-items:flex-start}.analysis-content .regions-list .region-item .region-main .region-info{flex:1}.analysis-content .regions-list .region-item .region-main .region-info .region-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.analysis-content .regions-list .region-item .region-main .region-info .region-header .region-icon{font-size:1.25rem}.analysis-content .regions-list .region-item .region-main .region-info .region-header .region-name{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827);flex:1}.analysis-content .regions-list .region-item .region-main .region-info .region-header .risk-badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.analysis-content .regions-list .region-item .region-main .region-info .region-header .risk-badge--low{background:#dcfce7;color:#166534}.analysis-content .regions-list .region-item .region-main .region-info .region-header .risk-badge--medium{background:#fef3c7;color:#92400e}.analysis-content .regions-list .region-item .region-main .region-info .region-header .risk-badge--high{background:#fee2e2;color:#991b1b}.analysis-content .regions-list .region-item .region-main .region-info .region-header .risk-badge--critical{background:#fecaca;color:#7f1d1d}.analysis-content .regions-list .region-item .region-main .region-info .region-stats{display:flex;gap:2rem}.analysis-content .regions-list .region-item .region-main .region-info .region-stats .stat-item{display:flex;flex-direction:column;gap:.25rem}.analysis-content .regions-list .region-item .region-main .region-info .region-stats .stat-item .stat-label{font-size:.75rem;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.analysis-content .regions-list .region-item .region-main .region-info .region-stats .stat-item .stat-value{font-size:.875rem;font-weight:600;color:var(--text-primary, #111827)}.analysis-content .regions-list .region-item .region-main .region-info .region-stats .stat-item .stat-value--good{color:#10b981}.analysis-content .regions-list .region-item .region-main .region-info .region-stats .stat-item .stat-value--warning{color:#f59e0b}.analysis-content .regions-list .region-item .region-main .region-info .region-stats .stat-item .stat-value--critical{color:#ef4444}.analysis-content .regions-list .region-item .region-main .region-actions{display:flex;gap:.5rem;margin-left:1rem}.analysis-content .regions-list .region-item .region-recommendations{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #f3f4f6)}.analysis-content .regions-list .region-item .region-recommendations h5{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--text-primary, #111827)}.analysis-content .regions-list .region-item .region-recommendations ul{margin:0;padding-left:1.25rem}.analysis-content .regions-list .region-item .region-recommendations ul li{font-size:.8rem;color:var(--text-secondary, #6b7280);line-height:1.4;margin-bottom:.375rem}.analysis-content .regions-list .region-item .region-recommendations ul li:last-child{margin-bottom:0}.analysis-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color, #e5e7eb);background:var(--surface-color, #f9fafb)}.analysis-footer .analysis-summary-stats{display:flex;justify-content:space-around}.analysis-footer .analysis-summary-stats .summary-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.analysis-footer .analysis-summary-stats .summary-stat .stat-label{font-size:.75rem;color:var(--text-secondary, #6b7280);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.analysis-footer .analysis-summary-stats .summary-stat .stat-value{font-size:1rem;font-weight:600;color:var(--text-primary, #111827)}@media (max-width: 768px){.analysis-header{flex-direction:column;align-items:stretch;gap:.75rem}.analysis-header .analysis-summary{align-items:flex-start;flex-direction:row;justify-content:space-between}.region-item .region-main{flex-direction:column;gap:1rem}.region-item .region-main .region-info .region-stats{flex-wrap:wrap;gap:1rem}.region-item .region-main .region-actions{margin-left:0;align-self:flex-start}.analysis-footer .analysis-summary-stats{flex-direction:column;gap:.75rem}.analysis-footer .analysis-summary-stats .summary-stat{flex-direction:row;justify-content:space-between;text-align:left}}@media (max-width: 480px){.analysis-content{padding:.75rem 1rem}.analysis-content .region-item{padding:.75rem}.analysis-content .region-item .region-info .region-header{flex-direction:column;align-items:flex-start;gap:.5rem}.analysis-content .region-item .region-info .region-header .region-name{font-size:1rem}.analysis-content .region-item .region-info .region-stats{gap:1rem}.analysis-content .region-item .region-info .region-stats .stat-item .stat-label{font-size:.7rem}.analysis-content .region-item .region-info .region-stats .stat-item .stat-value{font-size:.8rem}}.performance-alerts--compact .alerts-content{max-height:300px;overflow-y:auto}.performance-alerts--compact .alert-item{padding:.75rem}.performance-alerts--detailed .alert-item{padding:1.25rem}.performance-alerts--detailed .alert-item .alert-recommendations,.performance-alerts--detailed .alert-item .alert-actions{margin-top:1rem}.performance-alerts--minimal .alerts-header{padding:1rem 1.5rem .5rem}.performance-alerts--minimal .alert-item{padding:.5rem .75rem}.performance-alerts--minimal .alert-item .alert-content .alert-title{font-size:.875rem}.performance-alerts--minimal .alert-item .alert-content .alert-message{font-size:.8rem}.performance-alerts--empty .alerts-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;text-align:center}.performance-alerts--empty .alerts-empty-state .empty-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.6}.performance-alerts--empty .alerts-empty-state h3{margin:0 0 .5rem;color:#10b981;font-size:1.125rem}.performance-alerts--empty .alerts-empty-state p{margin:0;color:var(--text-secondary, #6b7280);font-size:.875rem}.alerts-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.alerts-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #111827)}.alerts-header .alerts-summary{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.alerts-header .alerts-summary .alert-count{font-size:.875rem;font-weight:600;color:var(--text-primary, #111827)}.alerts-header .alerts-summary .alert-breakdown{font-size:.75rem;color:var(--text-secondary, #6b7280)}.alerts-content{padding:1rem 1.5rem}.alerts-content .alert-item{padding:1rem;margin-bottom:1rem;border-radius:8px;border:1px solid var(--border-color, #e5e7eb);background:var(--background-color, #ffffff);cursor:pointer;transition:all .15s ease}.alerts-content .alert-item:last-child{margin-bottom:0}.alerts-content .alert-item:hover{border-color:var(--accent-color, #00D4FF);box-shadow:0 4px 6px -1px #0000001a}.alerts-content .alert-item--critical{border-left:4px solid #ef4444;background:linear-gradient(90deg,rgba(239,68,68,.05) 0%,transparent 100%)}.alerts-content .alert-item--critical:hover{border-color:#ef4444;box-shadow:0 4px 6px -1px #ef444433}.alerts-content .alert-item--warning{border-left:4px solid #f59e0b;background:linear-gradient(90deg,rgba(245,158,11,.05) 0%,transparent 100%)}.alerts-content .alert-item--warning:hover{border-color:#f59e0b;box-shadow:0 4px 6px -1px #f59e0b33}.alerts-content .alert-item--info{border-left:4px solid #3b82f6;background:linear-gradient(90deg,rgba(59,130,246,.05) 0%,transparent 100%)}.alerts-content .alert-item--info:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f633}.alerts-content .alert-item .alert-main{display:flex;align-items:flex-start;gap:.75rem}.alerts-content .alert-item .alert-main .alert-icon{font-size:1.25rem;line-height:1;margin-top:.125rem}.alerts-content .alert-item .alert-main .alert-content{flex:1}.alerts-content .alert-item .alert-main .alert-content .alert-title{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary, #111827)}.alerts-content .alert-item .alert-main .alert-content .alert-message{margin:0 0 .75rem;font-size:.875rem;color:var(--text-secondary, #6b7280);line-height:1.5}.alerts-content .alert-item .alert-main .alert-content .alert-recommendations h5{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--text-primary, #111827)}.alerts-content .alert-item .alert-main .alert-content .alert-recommendations ul{margin:0;padding-left:1.25rem}.alerts-content .alert-item .alert-main .alert-content .alert-recommendations ul li{font-size:.8rem;color:var(--text-secondary, #6b7280);line-height:1.4;margin-bottom:.25rem}.alerts-content .alert-item .alert-main .alert-content .alert-recommendations ul li:last-child{margin-bottom:0}.alerts-content .alert-item .alert-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color, #f3f4f6)}.alerts-content .alert-item .alert-meta .alert-type{font-size:.75rem;color:var(--text-secondary, #6b7280);text-transform:capitalize;font-weight:500}.alerts-content .alert-item .alert-meta .alert-time{font-size:.75rem;color:var(--text-tertiary, #9ca3af)}.alerts-content .alert-item .alert-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color, #f3f4f6)}.alerts-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color, #e5e7eb);background:var(--surface-color, #f9fafb)}.alerts-footer .alerts-stats{display:flex;justify-content:space-around}.alerts-footer .alerts-stats .stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.alerts-footer .alerts-stats .stat-item .stat-label{font-size:.75rem;color:var(--text-secondary, #6b7280);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.alerts-footer .alerts-stats .stat-item .stat-value{font-size:1rem;font-weight:600;color:var(--text-primary, #111827)}.alerts-footer .alerts-stats .stat-item .stat-value--good{color:#10b981}.alerts-footer .alerts-stats .stat-item .stat-value--warning{color:#f59e0b}.alerts-footer .alerts-stats .stat-item .stat-value--critical{color:#ef4444}@media (max-width: 768px){.alerts-header{flex-direction:column;align-items:stretch;gap:.75rem}.alerts-header .alerts-summary{align-items:flex-start}.alert-item .alert-main{flex-direction:column;gap:.5rem}.alert-item .alert-main .alert-icon{align-self:flex-start}.alert-item .alert-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.alert-item .alert-actions{flex-direction:column;gap:.375rem}.alerts-footer .alerts-stats{flex-direction:column;gap:.75rem}.alerts-footer .alerts-stats .stat-item{flex-direction:row;justify-content:space-between;text-align:left}}@media (max-width: 480px){.alerts-content{padding:.75rem 1rem}.alerts-content .alert-item{padding:.75rem;margin-bottom:.75rem}}.export-trigger--button{display:inline-flex;align-items:center;gap:.5rem}.export-trigger--button:hover{transform:translateY(-1px)}.export-trigger--panel{width:100%}.export-trigger--inline{border:none;background:none;color:var(--accent-color, #00D4FF);padding:0;text-decoration:underline}.export-trigger--inline:hover{color:#00d4ffcc}.analytics-export--panel{padding:1.5rem;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--background-color, #ffffff)}.analytics-export--panel .export-header h4{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827)}.analytics-export--panel .export-formats{display:flex;gap:.5rem;margin-bottom:1rem}.analytics-export--panel .export-formats .format-option{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid var(--border-color, #d1d5db);border-radius:6px;background:#fff;color:var(--text-secondary, #6b7280);font-size:.8rem;cursor:pointer;transition:all .15s ease}.analytics-export--panel .export-formats .format-option:hover{border-color:var(--accent-color, #00D4FF);color:var(--accent-color, #00D4FF)}.analytics-export--panel .export-formats .format-option--selected{background:var(--accent-color, #00D4FF);border-color:var(--accent-color, #00D4FF);color:#fff}.analytics-export--panel .export-formats .format-option .format-icon{font-size:1rem}.analytics-export--panel .export-formats .format-option .format-label{font-weight:500}.analytics-export--panel .export-button{width:100%}.analytics-export--inline{display:inline-flex;align-items:center;gap:1rem}.export-modal .export-modal-content .export-description{margin-bottom:1.5rem}.export-modal .export-modal-content .export-description p{margin:0;color:var(--text-secondary, #6b7280);font-size:.875rem}.export-modal .export-modal-content .format-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.export-modal .export-modal-content .format-selection .format-card{padding:1rem;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--background-color, #ffffff);cursor:pointer;transition:all .15s ease;text-align:center}.export-modal .export-modal-content .format-selection .format-card:hover{border-color:var(--accent-color, #00D4FF);box-shadow:0 2px 4px -1px #0000001a}.export-modal .export-modal-content .format-selection .format-card--selected{border-color:var(--accent-color, #00D4FF);background:#00d4ff0d;box-shadow:0 0 0 3px #00d4ff1a}.export-modal .export-modal-content .format-selection .format-card .format-card-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.75rem}.export-modal .export-modal-content .format-selection .format-card .format-card-header .format-icon{font-size:2rem}.export-modal .export-modal-content .format-selection .format-card .format-card-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #111827)}.export-modal .export-modal-content .format-selection .format-card .format-description{margin:0;font-size:.8rem;color:var(--text-secondary, #6b7280);line-height:1.4}.export-modal .export-modal-content .export-data-preview{padding:1rem;background:var(--surface-color, #f9fafb);border-radius:6px;margin-bottom:1.5rem}.export-modal .export-modal-content .export-data-preview h5{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-primary, #111827)}.export-modal .export-modal-content .export-data-preview ul{margin:0;padding-left:1.25rem}.export-modal .export-modal-content .export-data-preview ul li{font-size:.8rem;color:var(--text-secondary, #6b7280);line-height:1.4;margin-bottom:.25rem}.export-modal .export-modal-content .export-data-preview ul li:last-child{margin-bottom:0}.export-modal .export-modal-content .export-modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.export-modal .export-modal-content .export-modal-actions .export-confirm-button{display:flex;align-items:center;gap:.5rem}.export-modal .export-modal-content .export-modal-actions .export-confirm-button .loading-spinner-small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.analytics-export--panel .export-formats{flex-direction:column}.analytics-export--panel .export-formats .format-option{justify-content:center}.export-modal .export-modal-content .format-selection{grid-template-columns:1fr}.export-modal .export-modal-content .export-modal-actions{flex-direction:column}.export-modal .export-modal-content .export-modal-actions .export-confirm-button{order:-1}}@media (max-width: 480px){.export-modal .export-modal-content .format-card{padding:.75rem}.export-modal .export-modal-content .format-card .format-card-header .format-icon{font-size:1.5rem}.export-modal .export-modal-content .format-card .format-card-header h4{font-size:.875rem}.export-modal .export-modal-content .format-card .format-description{font-size:.75rem}}.analytics-dashboard{display:flex;flex-direction:column;background:linear-gradient(145deg,#fff,#f0f4f8);border-radius:20px;overflow:hidden;box-shadow:8px 8px 20px #a3b1c633,-6px -6px 16px #fffc}.analytics-dashboard--default{min-height:600px;max-width:1200px;margin:0 auto}.analytics-dashboard--embedded{height:100%;box-shadow:none;border-radius:0}.analytics-dashboard--fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;border-radius:0;max-width:none}.analytics-dashboard--compact{min-height:400px;max-height:500px}.analytics-dashboard--overview .analytics-overview{display:grid;grid-template-columns:1fr;gap:1.5rem}.analytics-dashboard--overview .analytics-overview .sla-overview-card,.analytics-dashboard--overview .analytics-overview .response-time-card{grid-column:1/-1}.analytics-dashboard--overview .analytics-overview .metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.analytics-dashboard--overview .analytics-overview .metrics-grid{grid-template-columns:1fr}}.analytics-dashboard__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(0,86,143,.08);background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.analytics-dashboard__header .header-title h2{margin:0 0 .25rem;font-size:1.5rem;font-weight:600;color:var(--text-primary, #111827)}.analytics-dashboard__header .header-title p{margin:0;color:var(--text-secondary, #6b7280);font-size:.875rem}.analytics-dashboard__header .header-controls{display:flex;align-items:center;gap:1rem}.analytics-dashboard__header .header-controls .date-range-picker .date-range-select{padding:.75rem 1rem;border:1px solid rgba(0,86,143,.08);border-radius:50px;background:linear-gradient(145deg,#fff,#f0f4f8);font-size:.875rem;color:#111827;box-shadow:3px 3px 6px #a3b1c626,-3px -3px 6px #ffffffe6;transition:all .2s ease}.analytics-dashboard__header .header-controls .date-range-picker .date-range-select:focus{outline:none;box-shadow:inset 2px 2px 5px #a3b1c633,inset -2px -2px 5px #fff}.analytics-dashboard__header .header-controls .auto-refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:50px;background:linear-gradient(145deg,#fff,#f0f4f8);color:#6b7280;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:3px 3px 6px #a3b1c626,-3px -3px 6px #ffffffe6}.analytics-dashboard__header .header-controls .auto-refresh-btn:hover{transform:translateY(-1px);color:#00568f;box-shadow:4px 4px 8px #a3b1c633,-4px -4px 8px #fffffff2}.analytics-dashboard__header .header-controls .auto-refresh-btn--active{background:linear-gradient(145deg,#00568f,#00447a);color:#fff;box-shadow:inset 2px 2px 5px #0000001a,inset -2px -2px 5px #ffffff1a}.analytics-dashboard__header .header-controls .auto-refresh-btn--active:hover{transform:none;background:linear-gradient(145deg,#00447a,#00568f)}.analytics-tabs{display:flex;gap:.5rem;padding:1rem;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,86,143,.08);overflow-x:auto}.analytics-tabs .analytics-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;background:linear-gradient(145deg,#fff,#f0f4f8);color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;border-radius:50px;white-space:nowrap;box-shadow:3px 3px 6px #a3b1c626,-3px -3px 6px #ffffffe6}.analytics-tabs .analytics-tab:hover{color:#00568f;transform:translateY(-1px);box-shadow:4px 4px 8px #a3b1c633,-4px -4px 8px #fffffff2}.analytics-tabs .analytics-tab--active{color:#fff;background:linear-gradient(145deg,#00568f,#00447a);box-shadow:inset 2px 2px 5px #0000001a,inset -2px -2px 5px #ffffff1a}.analytics-tabs .analytics-tab .tab-icon{font-size:1rem}.analytics-tabs .analytics-tab .tab-label{font-weight:inherit}.analytics-tab-content{flex:1;padding:2rem;overflow-y:auto;background:#ffffff4d}.analytics-tab-content .analytics-overview,.analytics-tab-content .analytics-controllers,.analytics-tab-content .analytics-geographic,.analytics-tab-content .analytics-alerts{display:flex;flex-direction:column;gap:1.5rem}.analytics-dashboard__content{flex:1;display:flex;flex-direction:column;background:linear-gradient(145deg,#fff,#f5f7fa)}.sla-overview-card .sla-overview h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary, #111827)}.sla-overview-card .sla-overview .sla-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.sla-overview-card .sla-overview .sla-metrics .sla-metric{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(145deg,#fff,#f0f4f8);border-radius:12px;border:1px solid rgba(0,86,143,.06);box-shadow:3px 3px 8px #a3b1c626,-3px -3px 8px #ffffffe6;transition:transform .2s ease,box-shadow .2s ease}.sla-overview-card .sla-overview .sla-metrics .sla-metric:hover{transform:translateY(-2px);box-shadow:4px 4px 10px #a3b1c633,-4px -4px 10px #fffffff2}.sla-overview-card .sla-overview .sla-metrics .sla-metric .metric-label{font-size:.875rem;color:var(--text-secondary, #6b7280);font-weight:500}.sla-overview-card .sla-overview .sla-metrics .sla-metric .metric-value{font-size:1.25rem;font-weight:700}.sla-overview-card .sla-overview .sla-metrics .sla-metric .metric-value.metric--good{color:#10b981}.sla-overview-card .sla-overview .sla-metrics .sla-metric .metric-value.metric--warning{color:#f59e0b}.sla-overview-card .sla-overview .sla-metrics .sla-metric .metric-value.metric--critical{color:#ef4444}.analytics-dashboard__loading{display:flex;justify-content:center;align-items:center;min-height:300px;padding:2rem;background:linear-gradient(145deg,#fff,#f0f4f8);border-radius:20px;margin:2rem;box-shadow:inset 3px 3px 8px #a3b1c626,inset -3px -3px 8px #ffffffe6}.analytics-dashboard__loading .loading-spinner{text-align:center}.analytics-dashboard__loading .loading-spinner .spinner{width:32px;height:32px;border:3px solid rgba(0,86,143,.1);border-top:3px solid #00568f;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.analytics-dashboard__loading .loading-spinner p{color:var(--text-secondary, #6b7280);font-size:.875rem}.analytics-dashboard__error{display:flex;justify-content:center;align-items:center;min-height:300px;padding:2rem;background:linear-gradient(145deg,#fff,#f0f4f8);border-radius:20px;margin:2rem;box-shadow:inset 3px 3px 8px #a3b1c626,inset -3px -3px 8px #ffffffe6}.analytics-dashboard__error .error-content{text-align:center;max-width:400px}.analytics-dashboard__error .error-content h3{margin:0 0 .5rem;color:#ef4444;font-size:1.25rem}.analytics-dashboard__error .error-content p{margin:0 0 1.5rem;color:var(--text-secondary, #6b7280);font-size:.875rem}.analytics-dashboard__status{position:absolute;bottom:1rem;right:1rem;z-index:10}.analytics-dashboard__status .status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(145deg,#fff,#f0f4f8);border:1px solid rgba(0,86,143,.06);border-radius:50px;font-size:.75rem;color:#6b7280;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:3px 3px 8px #a3b1c633,-3px -3px 8px #ffffffe6}.analytics-dashboard__status .status-indicator .status-dot{width:8px;height:8px;border-radius:50%}.analytics-dashboard__status .status-indicator .status-dot--active{background:#10b981;animation:pulse 2s infinite}.analytics-dashboard__status .status-indicator .status-text{font-weight:500}@media (max-width: 768px){.analytics-dashboard__header{flex-direction:column;gap:1rem;align-items:stretch}.analytics-dashboard__header .header-controls{justify-content:space-between}.analytics-tabs .analytics-tab{padding:.75rem 1rem;font-size:.8rem}.analytics-tabs .analytics-tab .tab-icon{font-size:.875rem}.analytics-tab-content{padding:1rem}}@media (max-width: 480px){.analytics-tabs .analytics-tab .tab-label{display:none}.analytics-dashboard__status{bottom:.5rem;right:.5rem}}.pattern-analysis--page{padding:2rem}.pattern-analysis--dashboard{padding:1rem}.pattern-analysis--modal{padding:0}.pattern-analysis .pattern-header{margin-bottom:2rem}.pattern-analysis .pattern-header h1{margin:0 0 .5rem;color:var(--text-primary)}.pattern-analysis .pattern-header p{margin:0;color:var(--text-secondary)}.pattern-analysis .pattern-nav{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.pattern-analysis .pattern-nav .nav-tab{padding:1rem 1.5rem;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;color:var(--text-secondary);font-weight:500}.pattern-analysis .pattern-nav .nav-tab:hover{color:var(--text-primary);background-color:var(--background-light)}.pattern-analysis .pattern-nav .nav-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.pattern-analysis .patterns-tab .patterns-overview{margin-bottom:2rem}.pattern-analysis .patterns-tab .patterns-overview h3{margin-bottom:1rem;color:var(--text-primary)}.pattern-analysis .patterns-tab .patterns-overview .patterns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem}.pattern-analysis .patterns-tab .patterns-overview .patterns-grid .pattern-type-section h4{margin-bottom:1rem;color:var(--text-primary)}.pattern-analysis .patterns-tab .patterns-overview .patterns-grid .pattern-type-section .pattern-list .pattern-item{margin-bottom:1rem;padding:1rem;background:var(--background-light);border-radius:6px}.pattern-analysis .patterns-tab .patterns-overview .patterns-grid .pattern-type-section .pattern-list .pattern-item .pattern-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.pattern-analysis .patterns-tab .patterns-overview .patterns-grid .pattern-type-section .pattern-list .pattern-item .pattern-header .pattern-confidence{font-weight:600;font-size:.875rem}.pattern-analysis .patterns-tab .patterns-overview .patterns-grid .pattern-type-section .pattern-list .pattern-item .pattern-header .pattern-trend{font-size:.875rem}.pattern-analysis .patterns-tab .patterns-overview .patterns-grid .pattern-type-section .pattern-list .pattern-item .pattern-description{margin-bottom:1rem;color:var(--text-primary)}.pattern-analysis .patterns-tab .patterns-overview .patterns-grid .pattern-type-section .pattern-list .pattern-item .pattern-recommendations h5{margin:0 0 .5rem;font-size:.875rem;color:var(--text-secondary)}.pattern-analysis .patterns-tab .patterns-overview .patterns-grid .pattern-type-section .pattern-list .pattern-item .pattern-recommendations ul{margin:0;padding-left:1rem}.pattern-analysis .patterns-tab .patterns-overview .patterns-grid .pattern-type-section .pattern-list .pattern-item .pattern-recommendations ul li{margin-bottom:.25rem;font-size:.875rem;color:var(--text-secondary)}.pattern-analysis .patterns-tab .pattern-stats .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.pattern-analysis .patterns-tab .pattern-stats .stats-grid .stat-item{display:flex;justify-content:space-between;padding:1rem;background:var(--background-light);border-radius:6px}.pattern-analysis .patterns-tab .pattern-stats .stats-grid .stat-item .stat-label{color:var(--text-secondary)}.pattern-analysis .patterns-tab .pattern-stats .stats-grid .stat-item .stat-value{font-weight:600;color:var(--accent-color)}.user-engagement-dashboard--page{padding:2rem}.user-engagement-dashboard--dashboard{padding:1rem}.user-engagement-dashboard--modal{padding:0}.user-engagement-dashboard .engagement-header{margin-bottom:2rem}.user-engagement-dashboard .engagement-header h1{margin:0 0 .5rem;color:var(--text-primary)}.user-engagement-dashboard .engagement-header p{margin:0;color:var(--text-secondary)}.user-engagement-dashboard .engagement-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.user-engagement-dashboard .engagement-metrics .metric-card{text-align:center;padding:1.5rem}.user-engagement-dashboard .engagement-metrics .metric-card .metric-icon{font-size:2rem;display:block;margin-bottom:.5rem}.user-engagement-dashboard .engagement-metrics .metric-card .metric-value{font-size:2rem;font-weight:700;color:var(--accent-color);display:block;margin-bottom:.5rem}.user-engagement-dashboard .engagement-metrics .metric-card .metric-label{color:var(--text-secondary);font-weight:500}.user-engagement-dashboard .engagement-nav{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.user-engagement-dashboard .engagement-nav .nav-tab{padding:1rem 1.5rem;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;color:var(--text-secondary);font-weight:500}.user-engagement-dashboard .engagement-nav .nav-tab:hover{color:var(--text-primary);background-color:var(--background-light)}.user-engagement-dashboard .engagement-nav .nav-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.compliance-reporting--page{padding:2rem}.compliance-reporting--dashboard{padding:1rem}.compliance-reporting--modal{padding:0}.compliance-reporting .compliance-header{margin-bottom:2rem}.compliance-reporting .compliance-header h1{margin:0 0 .5rem;color:var(--text-primary)}.compliance-reporting .compliance-header p{margin:0;color:var(--text-secondary)}.compliance-reporting .compliance-overview{display:grid;grid-template-columns:300px 1fr;gap:1rem;margin-bottom:2rem}.compliance-reporting .compliance-overview .compliance-score{text-align:center}.compliance-reporting .compliance-overview .compliance-score .score-display{margin-bottom:1rem}.compliance-reporting .compliance-overview .compliance-score .score-display .score-value{font-size:3rem;font-weight:700;color:var(--accent-color);display:block}.compliance-reporting .compliance-overview .compliance-score .score-display .score-label{color:var(--text-secondary)}.compliance-reporting .compliance-overview .compliance-score .compliance-status{font-weight:600}.compliance-reporting .compliance-overview .compliance-score .compliance-status.excellent{color:#10b981}.compliance-reporting .compliance-overview .compliance-score .compliance-status.good{color:#f59e0b}.compliance-reporting .compliance-overview .compliance-score .compliance-status.needs-attention{color:#ef4444}.compliance-reporting .compliance-overview .report-actions h4{margin-bottom:1rem}.compliance-reporting .compliance-overview .report-actions .action-buttons{display:flex;flex-direction:column;gap:.5rem}.compliance-reporting .compliance-nav{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.compliance-reporting .compliance-nav .nav-tab{padding:1rem 1.5rem;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;color:var(--text-secondary);font-weight:500}.compliance-reporting .compliance-nav .nav-tab:hover{color:var(--text-primary);background-color:var(--background-light)}.compliance-reporting .compliance-nav .nav-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.compliance-reporting .reports-list .report-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-light)}.compliance-reporting .reports-list .report-item:last-child{border-bottom:none}.compliance-reporting .reports-list .report-item .report-info .report-title{font-weight:600;color:var(--text-primary);display:block;margin-bottom:.25rem}.compliance-reporting .reports-list .report-item .report-info .report-date{font-size:.875rem;color:var(--text-secondary)}.compliance-reporting .reports-list .report-item .compliance-score{font-weight:600;color:var(--accent-color)}.controller-performance-dashboard--page{padding:2rem}.controller-performance-dashboard--dashboard{padding:1rem}.controller-performance-dashboard--modal{padding:0}.controller-performance-dashboard .performance-header{margin-bottom:2rem}.controller-performance-dashboard .performance-header h1{margin:0 0 .5rem;color:var(--text-primary)}.controller-performance-dashboard .performance-header p{margin:0;color:var(--text-secondary)}.controller-performance-dashboard .performance-overview{display:grid;grid-template-columns:1fr 300px;gap:1rem;margin-bottom:2rem}.controller-performance-dashboard .performance-overview .overview-stats .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.controller-performance-dashboard .performance-overview .overview-stats .stats-grid .stat-item{text-align:center;padding:1rem;background:var(--background-light);border-radius:6px}.controller-performance-dashboard .performance-overview .overview-stats .stats-grid .stat-item .stat-icon{font-size:1.5rem;display:block;margin-bottom:.5rem}.controller-performance-dashboard .performance-overview .overview-stats .stats-grid .stat-item .stat-value{font-size:1.5rem;font-weight:700;color:var(--accent-color);display:block;margin-bottom:.25rem}.controller-performance-dashboard .performance-overview .overview-stats .stats-grid .stat-item .stat-label{color:var(--text-secondary);font-size:.875rem}.controller-performance-dashboard .performance-overview .controller-selector h4{margin-bottom:1rem}.controller-performance-dashboard .performance-overview .controller-selector select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background:#fff}.controller-performance-dashboard .performance-nav{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.controller-performance-dashboard .performance-nav .nav-tab{padding:1rem 1.5rem;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;color:var(--text-secondary);font-weight:500}.controller-performance-dashboard .performance-nav .nav-tab:hover{color:var(--text-primary);background-color:var(--background-light)}.controller-performance-dashboard .performance-nav .nav-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.controller-performance-dashboard .individual-performance .performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.controller-performance-dashboard .individual-performance .performance-grid .metric-section h4{margin-bottom:1rem;color:var(--text-primary)}.controller-performance-dashboard .individual-performance .performance-grid .metric-section .metric-list .metric-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-light);font-size:.875rem}.controller-performance-dashboard .individual-performance .performance-grid .metric-section .metric-list .metric-item:last-child{border-bottom:none}.dashboard-layout{display:flex;flex-direction:column;height:100vh;width:100%;background:transparent;overflow:hidden;position:relative;padding-top:80px}.dashboard-layout--controller .dashboard-layout__grid{grid-template-areas:"alerts map" "alerts map"}.dashboard-layout--supervisor .dashboard-layout__grid{grid-template-areas:"alerts map actions" "alerts map actions"}.dashboard-layout--admin .dashboard-layout__grid{grid-template-areas:"alerts map actions" "alerts map system"}.dashboard-layout--resizing{-webkit-user-select:none;user-select:none}.dashboard-layout--resizing .dashboard-panel{pointer-events:none}.dashboard-layout__header{flex-shrink:0;z-index:100;box-shadow:0 2px 4px #0000001a}.dashboard-layout__grid{flex:1;display:grid;gap:16px;padding:16px;overflow:hidden;min-height:0}.dashboard-layout__sidebar{position:fixed;top:0;right:0;width:400px;height:100vh;background:#fff;box-shadow:-4px 0 20px #00000026;z-index:200;transform:translate(0);transition:transform .3s ease}.dashboard-layout__sidebar--hidden{transform:translate(100%)}.dashboard-layout__children{position:absolute;bottom:16px;right:16px;z-index:150}.dashboard-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.dashboard-panel--alerts{border-left:4px solid #dc3545}.dashboard-panel--map{border-left:4px solid #00D4FF}.dashboard-panel--details{border-left:4px solid #8A2BE2}.dashboard-panel--actions{border-left:4px solid #39FF14}.dashboard-panel--small{min-height:200px}.dashboard-panel--medium{min-height:300px}.dashboard-panel--large{min-height:400px}.dashboard-panel--collapsed{min-height:60px;max-height:60px}.dashboard-panel__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e9ecef;background:#f8f9fa;flex-shrink:0}.dashboard-panel__title{font-size:16px;font-weight:600;color:#333;margin:0}.dashboard-panel__controls{display:flex;gap:8px}.dashboard-panel__control-btn{background:none;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;color:#666;font-size:14px;transition:all .2s ease}.dashboard-panel__control-btn:hover{background:#e9ecef;color:#333}.dashboard-panel__control-btn:focus{outline:2px solid #00D4FF;outline-offset:2px}.dashboard-panel__body{flex:1;overflow:hidden;display:flex;flex-direction:column}.dashboard-panel__content{flex:1;overflow:auto}.dashboard-panel__placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:#666;text-align:center;padding:40px 20px}.dashboard-panel__placeholder .placeholder-content{display:flex;flex-direction:column;align-items:center;gap:16px}.dashboard-panel__placeholder .placeholder-content .placeholder-icon{font-size:48px;opacity:.5}.dashboard-panel__placeholder .placeholder-content h3{margin:0;font-size:18px;color:#333}.dashboard-panel__placeholder .placeholder-content p{margin:0;font-size:14px;color:#666;max-width:200px;line-height:1.5}.dashboard-panel__resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;background:linear-gradient(-45deg,transparent 30%,#ddd 30%,#ddd 40%,transparent 40%,transparent 60%,#ddd 60%,#ddd 70%,transparent 70%);cursor:nw-resize;opacity:0;transition:opacity .2s ease}.dashboard-panel__resize-handle:hover{opacity:1}.dashboard-panel:hover .dashboard-panel__resize-handle{opacity:.7}@media (max-width: 1200px){.dashboard-layout__sidebar{width:350px}.dashboard-layout__grid{gap:12px;padding:12px}.dashboard-panel__header{padding:12px 16px}.dashboard-panel__title{font-size:15px}}@media (max-width: 768px){.dashboard-layout{padding-top:70px}.dashboard-layout__sidebar{width:100%;left:0}.dashboard-layout__grid{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;gap:8px;padding:8px}.dashboard-layout--controller .dashboard-layout__grid,.dashboard-layout--supervisor .dashboard-layout__grid,.dashboard-layout--admin .dashboard-layout__grid{grid-template-areas:"alerts" "map" "actions"!important}.dashboard-panel--small,.dashboard-panel--medium,.dashboard-panel--large{min-height:250px}.dashboard-panel__header{padding:10px 12px}.dashboard-panel__title{font-size:14px}.dashboard-panel__resize-handle{display:none}}@media (max-width: 480px){.dashboard-layout__grid{padding:4px;gap:4px}.dashboard-panel{border-radius:8px}.dashboard-panel--small,.dashboard-panel--medium,.dashboard-panel--large{min-height:200px}.dashboard-panel__header{padding:8px 10px}.dashboard-panel__title{font-size:13px}}@media (prefers-reduced-motion: reduce){.dashboard-layout,.dashboard-panel,.dashboard-panel__control-btn,.dashboard-layout__sidebar{transition:none}}@media (prefers-contrast: high){.dashboard-layout{background:#fff}.dashboard-panel{border:2px solid #000;box-shadow:none}.dashboard-panel__header{background:#f0f0f0;border-bottom:2px solid #000}.dashboard-panel__control-btn{border:1px solid #000}.dashboard-panel__control-btn:hover{background:#000;color:#fff}}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#fff;border-bottom:1px solid #e9ecef;height:70px;position:relative;z-index:100}.dashboard-header__left{display:flex;align-items:center;gap:24px;flex:1}.dashboard-header__center{display:flex;align-items:center;justify-content:center;flex:2}.dashboard-header__right{display:flex;align-items:center;gap:16px;flex:1;justify-content:flex-end}.dashboard-header__logo{display:flex;align-items:center;gap:12px}.dashboard-header__logo .logo-icon{font-size:32px}.dashboard-header__logo .logo-text{display:flex;flex-direction:column}.dashboard-header__logo .logo-text .logo-title{font-size:20px;font-weight:700;color:#00d4ff;margin:0;line-height:1}.dashboard-header__logo .logo-text .logo-subtitle{font-size:12px;color:#666;font-weight:500}.dashboard-header__title h2{font-size:16px;font-weight:600;color:#333;margin:0}.dashboard-header__notifications{position:relative}.dashboard-header .notification-btn{position:relative;background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s ease}.dashboard-header .notification-btn:hover{background:#f8f9fa}.dashboard-header .notification-btn--active{background:#e3f2fd;color:#00d4ff}.dashboard-header .notification-btn .notification-icon{font-size:20px}.dashboard-header .notification-btn .notification-badge{position:absolute;top:2px;right:2px;background:#dc3545;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center}.dashboard-header .notification-dropdown{position:absolute;top:100%;right:0;margin-top:8px;z-index:200}.dashboard-header__layout-controls{display:flex;gap:8px}.dashboard-header .layout-control-btn{background:none;border:1px solid #ddd;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease}.dashboard-header .layout-control-btn:hover{background:#f8f9fa;border-color:#00d4ff}.dashboard-header .layout-control-btn .control-icon{font-size:16px}.dashboard-header__user{position:relative}.dashboard-header .user-btn{display:flex;align-items:center;gap:12px;background:none;border:1px solid #ddd;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.dashboard-header .user-btn:hover{background:#f8f9fa;border-color:#00d4ff}.dashboard-header .user-btn--active{background:#e3f2fd;border-color:#00d4ff}.dashboard-header .user-avatar{width:32px;height:32px;border-radius:50%;background:#00d4ff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.dashboard-header .user-avatar--large{width:48px;height:48px;font-size:18px}.dashboard-header .user-info{display:flex;flex-direction:column;align-items:flex-start}.dashboard-header .user-info .user-name{font-size:14px;font-weight:600;color:#333;line-height:1}.dashboard-header .user-info .user-role{font-size:12px;color:#666;line-height:1}.dashboard-header .user-chevron{font-size:12px;color:#666;transition:transform .2s ease}.dashboard-header .user-btn--active .user-chevron{transform:rotate(180deg)}.dashboard-header .user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:280px;z-index:200}.dashboard-header .user-dropdown__header{padding:20px;border-bottom:1px solid #e9ecef;display:flex;align-items:center;gap:16px}.dashboard-header .user-dropdown__header .user-details{flex:1}.dashboard-header .user-dropdown__header .user-details .user-name{font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.dashboard-header .user-dropdown__header .user-details .user-email{font-size:14px;color:#666;margin-bottom:4px}.dashboard-header .user-dropdown__header .user-details .user-role{font-size:12px;color:#00d4ff;font-weight:500;text-transform:uppercase}.dashboard-header .user-dropdown__menu{padding:8px 0}.dashboard-header .user-dropdown .menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 20px;background:none;border:none;text-align:left;cursor:pointer;transition:background .2s ease}.dashboard-header .user-dropdown .menu-item:hover{background:#f8f9fa}.dashboard-header .user-dropdown .menu-item--danger{color:#dc3545}.dashboard-header .user-dropdown .menu-item--danger:hover{background:#f8d7da}.dashboard-header .user-dropdown .menu-item .menu-icon{font-size:16px;width:20px;text-align:center}.dashboard-header .user-dropdown .menu-divider{height:1px;background:#e9ecef;margin:8px 0}.dashboard-header__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:150}@media (max-width: 768px){.dashboard-header{padding:8px 16px;height:60px}.dashboard-header__logo .logo-text,.dashboard-header__title,.dashboard-header__center,.dashboard-header .user-info{display:none}.dashboard-header .user-dropdown{min-width:250px}}@media (max-width: 480px){.dashboard-header{padding:8px 12px}.dashboard-header__right{gap:8px}.dashboard-header .layout-control-btn{display:none}}.status-indicators{display:flex;align-items:center;gap:24px;padding:8px 16px;background:#f8f9fa;border-radius:8px}.status-indicators .status-item{display:flex;align-items:center;gap:8px}.status-indicators .status-item--time .status-content{text-align:center}.status-indicators .status-item--alerts .status-icon{font-size:18px}.status-indicators .status-item--system .system-status{display:flex;gap:4px;margin-right:8px}.status-indicators .status-icon{font-size:16px}.status-indicators .status-content{display:flex;flex-direction:column;align-items:flex-start}.status-indicators .status-content .status-primary{font-size:14px;font-weight:600;color:#333;line-height:1}.status-indicators .status-content .status-secondary{font-size:11px;color:#666;line-height:1}.status-indicators .system-indicator{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.status-indicators .system-indicator .indicator-icon{font-size:12px}.status-indicators .system-indicator .indicator-dot{position:absolute;bottom:-2px;right:-2px;width:8px;height:8px;border-radius:50%;border:2px solid white}@media (max-width: 768px){.status-indicators{gap:16px;padding:6px 12px}.status-indicators .status-item--update{display:none}.status-indicators .status-content .status-primary{font-size:13px}.status-indicators .status-content .status-secondary{font-size:10px}}@media (max-width: 480px){.status-indicators{gap:12px}.status-indicators .status-item--admin,.status-indicators .status-item--supervisor{display:none}}.notification-center{width:400px;max-height:600px;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;overflow:hidden}.notification-center__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.notification-center__header .header-left{display:flex;align-items:center;gap:8px}.notification-center__header .header-left .header-title{font-size:16px;font-weight:600;color:#333;margin:0}.notification-center__header .header-left .unread-badge{background:#dc3545;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center}.notification-center__header .header-actions{display:flex;gap:4px}.notification-center__header .header-btn{background:none;border:none;padding:6px;border-radius:4px;cursor:pointer;color:#666;font-size:14px;transition:all .2s ease}.notification-center__header .header-btn:hover{background:#e9ecef;color:#333}.notification-center__header .header-btn--close{color:#999}.notification-center__header .header-btn--close:hover{color:#dc3545}.notification-center__filters{display:flex;padding:12px 20px;gap:8px;border-bottom:1px solid #e9ecef;background:#fff}.notification-center__filters .filter-tab{background:none;border:1px solid #ddd;padding:6px 12px;border-radius:16px;font-size:12px;cursor:pointer;transition:all .2s ease}.notification-center__filters .filter-tab:hover{background:#f8f9fa}.notification-center__filters .filter-tab--active{background:#00d4ff;color:#fff;border-color:#00d4ff}.notification-center__filters .filter-tab .filter-count{margin-left:4px;font-weight:600}.notification-center__list{flex:1;overflow-y:auto;padding:8px 0}.notification-center__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#666}.notification-center__empty .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.notification-center__empty p{margin:0;font-size:14px}.notification-center__footer{padding:12px 20px;border-top:1px solid #e9ecef;background:#f8f9fa}.notification-center__footer .footer-btn{width:100%;background:none;border:1px solid #00D4FF;color:#00d4ff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.notification-center__footer .footer-btn:hover{background:#00d4ff;color:#fff}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 20px;cursor:pointer;transition:background .2s ease;position:relative}.notification-item:hover{background:#f8f9fa}.notification-item--unread{background:#f0f8ff}.notification-item--unread:hover{background:#e3f2fd}.notification-item .notification-icon{font-size:20px;flex-shrink:0;margin-top:2px}.notification-item .notification-content{flex:1;min-width:0}.notification-item .notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.notification-item .notification-header .notification-title{font-size:14px;font-weight:600;color:#333;margin:0;line-height:1.2}.notification-item .notification-header .notification-priority{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.notification-item .notification-message{font-size:13px;color:#555;line-height:1.4;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item .notification-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#999}.notification-item .notification-meta .notification-timestamp{font-weight:500}.notification-item .notification-meta .notification-type{text-transform:capitalize;background:#e9ecef;padding:2px 6px;border-radius:10px}.notification-item .notification-unread-dot{position:absolute;top:16px;right:16px;width:8px;height:8px;background:#00d4ff;border-radius:50%}@media (max-width: 480px){.notification-center{width:100vw;max-width:none;border-radius:0;border-left:none;border-right:none}}.task-manager{display:flex;flex-direction:column;height:100%;padding:24px;overflow:hidden}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.task-header .header-left .task-title{margin:0 0 4px;font-size:20px;font-weight:600;color:#212529}.task-header .header-left .task-subtitle{margin:0;font-size:14px;color:#6c757d}.task-filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.task-filters .filter-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #dee2e6;border-radius:20px;background:#fff;cursor:pointer;transition:all .2s ease}.task-filters .filter-btn:hover{border-color:#00d4ff;background:#00d4ff0d}.task-filters .filter-btn--active{background:#00d4ff;border-color:#00d4ff;color:#fff}.task-filters .filter-btn--active .filter-count{background:#fff3;color:#fff}.task-filters .filter-btn .filter-label{font-size:14px;font-weight:500}.task-filters .filter-btn .filter-count{background:#e9ecef;color:#495057;font-size:12px;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.task-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.task-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;color:#6c757d}.task-list .empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.task-list .empty-state .empty-text{font-size:18px;font-weight:500;margin-bottom:8px}.task-list .empty-state .empty-description{font-size:14px;margin:0}.task-item{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease}.task-item:hover{border-color:#00d4ff;box-shadow:0 4px 12px #00d4ff1a}.task-item--selected{border-color:#00d4ff;box-shadow:0 4px 12px #00d4ff26;background:#00d4ff05}.task-item .task-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.task-item .task-header-row .task-info{display:flex;align-items:center;gap:12px;flex:1}.task-item .task-header-row .task-info .task-status-icon{font-size:18px}.task-item .task-header-row .task-info .task-name{margin:0;font-size:16px;font-weight:600;color:#212529;flex:1}.task-item .task-header-row .task-info .task-priority{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;color:#fff;text-transform:uppercase}.task-item .task-header-row .task-actions .status-select{padding:4px 8px;border:1px solid #dee2e6;border-radius:6px;font-size:12px;background:#fff;cursor:pointer}.task-item .task-header-row .task-actions .status-select:focus{outline:none;border-color:#00d4ff}.task-item .task-details .task-description{margin:0 0 12px;font-size:14px;color:#495057;line-height:1.5}.task-item .task-details .task-meta{display:flex;gap:16px;margin-bottom:12px;font-size:12px;color:#6c757d}.task-item .task-details .task-meta .task-type,.task-item .task-details .task-meta .task-due,.task-item .task-details .task-meta .task-duration{display:flex;align-items:center;gap:4px}.task-item .task-details .task-tags{display:flex;gap:6px;flex-wrap:wrap}.task-item .task-details .task-tags .task-tag{padding:2px 8px;background:#e9ecef;color:#495057;font-size:11px;border-radius:12px}.task-expanded{margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.task-expanded .task-notes{margin-bottom:20px}.task-expanded .task-notes .notes-title{margin:0 0 12px;font-size:14px;font-weight:600;color:#212529}.task-expanded .task-notes .no-notes{font-size:14px;color:#6c757d;font-style:italic;margin:0 0 12px}.task-expanded .task-notes .notes-list{margin-bottom:12px}.task-expanded .task-notes .notes-list .note-item{padding:8px 12px;background:#f8f9fa;border-radius:6px;margin-bottom:8px}.task-expanded .task-notes .notes-list .note-item .note-text{margin:0;font-size:14px;color:#495057}.task-expanded .task-notes .add-note{display:flex;gap:8px}.task-expanded .task-notes .add-note .note-input{flex:1;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px}.task-expanded .task-notes .add-note .note-input:focus{outline:none;border-color:#00d4ff}.task-expanded .task-timeline .timeline-item{display:flex;justify-content:space-between;padding:4px 0;font-size:12px}.task-expanded .task-timeline .timeline-item .timeline-label{color:#6c757d;font-weight:500}.task-expanded .task-timeline .timeline-item .timeline-value{color:#495057}.form-group .form-input,.form-group .form-textarea,.form-group .form-select{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;transition:border-color .2s ease}.form-group .form-input:focus,.form-group .form-textarea:focus,.form-group .form-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.form-group .form-textarea{resize:vertical;min-height:80px}@media (max-width: 768px){.task-manager{padding:16px}.task-header{flex-direction:column;gap:16px}.task-filters{gap:8px}.task-filters .filter-btn{padding:6px 12px;font-size:12px}.task-item{padding:16px}.task-item .task-header-row{flex-direction:column;gap:12px}.task-item .task-meta{flex-direction:column;gap:8px}.form-row{flex-direction:column;gap:0}}.template-manager{display:flex;flex-direction:column;height:100%;padding:24px;overflow:hidden}.template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.template-header .header-left .template-title{margin:0 0 4px;font-size:20px;font-weight:600;color:#212529}.template-header .header-left .template-subtitle{margin:0;font-size:14px;color:#6c757d}.template-filters{display:flex;gap:20px;margin-bottom:24px;flex-wrap:wrap}.template-filters .filter-group{display:flex;align-items:center;gap:8px}.template-filters .filter-group .filter-label{font-size:14px;font-weight:500;color:#495057}.template-filters .filter-group .filter-select{padding:6px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;min-width:150px}.template-filters .filter-group .filter-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.template-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding-bottom:20px}.template-grid .empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;color:#6c757d}.template-grid .empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.template-grid .empty-state .empty-text{font-size:18px;font-weight:500;margin-bottom:8px}.template-grid .empty-state .empty-description{font-size:14px;margin:0}.template-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;height:fit-content}.template-card:hover{border-color:#00d4ff;box-shadow:0 4px 12px #00d4ff1a;transform:translateY(-2px)}.template-card .template-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.template-card .template-card-header .template-icons{display:flex;gap:8px}.template-card .template-card-header .template-icons .category-icon,.template-card .template-card-header .template-icons .type-icon{font-size:18px}.template-card .template-card-header .template-usage{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.template-card .template-card-header .template-usage .usage-count{font-size:18px;font-weight:600;color:#00d4ff}.template-card .template-card-header .template-usage .usage-label{font-size:11px;color:#6c757d;text-transform:uppercase}.template-card .template-card-body{flex:1;margin-bottom:16px}.template-card .template-card-body .template-name{margin:0 0 8px;font-size:16px;font-weight:600;color:#212529;line-height:1.3}.template-card .template-card-body .template-description{margin:0 0 12px;font-size:14px;color:#6c757d;font-weight:500}.template-card .template-card-body .template-preview{margin-bottom:12px}.template-card .template-card-body .template-preview .preview-text{margin:0;font-size:13px;color:#495057;line-height:1.4;background:#f8f9fa;padding:12px;border-radius:6px;border-left:3px solid #00D4FF}.template-card .template-card-body .template-tags{display:flex;gap:6px;flex-wrap:wrap}.template-card .template-card-body .template-tags .template-tag{padding:2px 8px;background:#e9ecef;color:#495057;font-size:11px;border-radius:12px}.template-card .template-card-body .template-tags .template-tag--more{background:#00d4ff;color:#fff}.template-card .template-card-footer .template-meta{display:flex;justify-content:space-between;font-size:12px;color:#6c757d}.template-card .template-card-footer .template-meta .meta-item{display:flex;align-items:center;gap:4px}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-content--large{max-width:1000px}.modal-content .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid #e9ecef}.modal-content .modal-header .header-info h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#212529}.modal-content .modal-header .header-info .template-badges{display:flex;gap:8px}.modal-content .modal-header .header-info .template-badges .badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.modal-content .modal-header .header-info .template-badges .badge--category{background:#e7f3ff;color:#06c}.modal-content .modal-header .header-info .template-badges .badge--type{background:#f0f9ff;color:#0284c7}.modal-content .modal-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid #e9ecef}.modal-content .modal-footer .footer-info{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#6c757d}.modal-content .modal-footer .footer-info .usage-info{font-weight:500}.modal-content .modal-footer .footer-actions{display:flex;gap:12px}.template-preview-content .template-variables{margin-bottom:24px}.template-preview-content .template-variables .variables-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#212529}.template-preview-content .template-variables .variables-form{display:flex;flex-direction:column;gap:16px}.template-preview-content .template-variables .variables-form .variable-group .variable-label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#212529}.template-preview-content .template-variables .variables-form .variable-group .variable-label .required{color:#dc3545;margin-left:4px}.template-preview-content .template-variables .variables-form .variable-group .variable-input{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;transition:border-color .2s ease}.template-preview-content .template-variables .variables-form .variable-group .variable-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.template-preview-content .template-output .output-title{margin:0 0 12px;font-size:16px;font-weight:600;color:#212529}.template-preview-content .template-output .output-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px}.template-preview-content .template-output .output-content .output-text{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;color:#495057;white-space:pre-wrap;word-wrap:break-word}@media (max-width: 768px){.template-manager{padding:16px}.template-filters{flex-direction:column;gap:12px}.template-filters .filter-group{flex-direction:column;align-items:flex-start;gap:4px}.template-filters .filter-group .filter-select{width:100%}.template-grid{grid-template-columns:1fr;gap:16px}.template-card{padding:16px}.template-card .template-card-header{flex-direction:column;gap:12px}.modal-footer{flex-direction:column;gap:16px;align-items:stretch}.modal-footer .footer-actions{justify-content:stretch}.modal-footer .footer-actions .btn{flex:1}}.escalation-manager{display:flex;flex-direction:column;height:100%;padding:24px;overflow:hidden}.escalation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.escalation-header .header-left .escalation-title{margin:0 0 4px;font-size:20px;font-weight:600;color:#212529}.escalation-header .header-left .escalation-subtitle{margin:0;font-size:14px;color:#6c757d}.escalation-nav{display:flex;border-bottom:1px solid #e9ecef;margin-bottom:24px}.escalation-nav .nav-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:none;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent}.escalation-nav .nav-tab:hover{background:#f8f9fa}.escalation-nav .nav-tab--active{background:#fff;border-bottom-color:#00d4ff;color:#00d4ff}.escalation-nav .nav-tab .tab-icon{font-size:16px}.escalation-nav .nav-tab .tab-label{font-size:14px;font-weight:500}.escalation-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.rules-content{flex:1;overflow-y:auto}.rules-content .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;color:#6c757d}.rules-content .empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.rules-content .empty-state .empty-text{font-size:18px;font-weight:500;margin-bottom:8px}.rules-content .empty-state .empty-description{font-size:14px;margin:0}.rules-content .rules-list{display:flex;flex-direction:column;gap:16px}.rule-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;transition:all .2s ease}.rule-card:hover{border-color:#00d4ff;box-shadow:0 4px 12px #00d4ff1a}.rule-card .rule-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.rule-card .rule-header .rule-info{display:flex;align-items:center;gap:12px}.rule-card .rule-header .rule-info .rule-name{margin:0;font-size:16px;font-weight:600;color:#212529}.rule-card .rule-header .rule-info .rule-status{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.rule-card .rule-header .rule-info .rule-status--active{background:#d4edda;color:#155724}.rule-card .rule-header .rule-info .rule-status--inactive{background:#f8d7da;color:#721c24}.rule-card .rule-header .rule-priority{font-size:14px;color:#6c757d;font-weight:500}.rule-card .rule-details{display:flex;flex-direction:column;gap:16px}.rule-card .rule-details .rule-section .section-title{margin:0 0 8px;font-size:14px;font-weight:600;color:#495057}.rule-card .rule-details .rule-section .alert-types{display:flex;gap:6px;flex-wrap:wrap}.rule-card .rule-details .rule-section .alert-types .alert-type-tag{padding:4px 8px;background:#e7f3ff;color:#06c;font-size:12px;border-radius:12px}.rule-card .rule-details .rule-section .conditions-list,.rule-card .rule-details .rule-section .actions-list{display:flex;flex-direction:column;gap:8px}.rule-card .rule-details .rule-section .conditions-list .condition-item,.rule-card .rule-details .rule-section .conditions-list .action-item,.rule-card .rule-details .rule-section .actions-list .condition-item,.rule-card .rule-details .rule-section .actions-list .action-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8f9fa;border-radius:6px}.rule-card .rule-details .rule-section .conditions-list .condition-item .condition-text,.rule-card .rule-details .rule-section .conditions-list .condition-item .action-text,.rule-card .rule-details .rule-section .conditions-list .action-item .condition-text,.rule-card .rule-details .rule-section .conditions-list .action-item .action-text,.rule-card .rule-details .rule-section .actions-list .condition-item .condition-text,.rule-card .rule-details .rule-section .actions-list .condition-item .action-text,.rule-card .rule-details .rule-section .actions-list .action-item .condition-text,.rule-card .rule-details .rule-section .actions-list .action-item .action-text{font-size:13px;color:#495057}.rule-card .rule-details .rule-section .conditions-list .condition-item .action-delay,.rule-card .rule-details .rule-section .conditions-list .action-item .action-delay,.rule-card .rule-details .rule-section .actions-list .condition-item .action-delay,.rule-card .rule-details .rule-section .actions-list .action-item .action-delay{font-size:12px;color:#6c757d;font-style:italic}.manual-content{flex:1;overflow-y:auto}.manual-content .manual-form{max-width:600px}.manual-content .manual-form .form-group{margin-bottom:20px}.manual-content .manual-form .form-group .form-label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#212529}.manual-content .manual-form .form-group .form-select,.manual-content .manual-form .form-group .form-textarea{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;transition:border-color .2s ease}.manual-content .manual-form .form-group .form-select:focus,.manual-content .manual-form .form-group .form-textarea:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.manual-content .manual-form .form-group .form-textarea{resize:vertical;min-height:100px}.manual-content .manual-form .form-actions{margin-top:24px}.history-content{flex:1;overflow-y:auto}.history-content .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;color:#6c757d}.history-content .empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.history-content .empty-state .empty-text{font-size:18px;font-weight:500;margin-bottom:8px}.history-content .empty-state .empty-description{font-size:14px;margin:0}.history-content .history-list{display:flex;flex-direction:column;gap:16px}.history-item{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;transition:all .2s ease}.history-item:hover{border-color:#00d4ff;box-shadow:0 4px 12px #00d4ff1a}.history-item .history-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.history-item .history-header .history-info .history-title{margin:0 0 4px;font-size:16px;font-weight:600;color:#212529}.history-item .history-header .history-info .history-rule{font-size:14px;color:#6c757d}.history-item .history-header .history-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.history-item .history-header .history-meta .history-status{font-size:14px;font-weight:500;text-transform:uppercase}.history-item .history-header .history-meta .history-time{font-size:12px;color:#6c757d}.history-item .history-details .history-reason{margin-bottom:16px;font-size:14px;color:#495057}.history-item .history-details .history-actions .actions-timeline{margin-top:12px;display:flex;flex-direction:column;gap:12px}.history-item .history-details .history-actions .actions-timeline .timeline-item{display:flex;align-items:flex-start;gap:12px}.history-item .history-details .history-actions .actions-timeline .timeline-item .timeline-marker{width:12px;height:12px;border-radius:50%;margin-top:4px;flex-shrink:0}.history-item .history-details .history-actions .actions-timeline .timeline-item .timeline-content{flex:1;display:flex;flex-direction:column;gap:4px}.history-item .history-details .history-actions .actions-timeline .timeline-item .timeline-content .timeline-action{font-size:14px;color:#495057;font-weight:500}.history-item .history-details .history-actions .actions-timeline .timeline-item .timeline-content .timeline-status{font-size:12px;text-transform:uppercase;font-weight:500}.history-item .history-details .history-actions .actions-timeline .timeline-item .timeline-content .timeline-time{font-size:12px;color:#6c757d}.history-item .history-details .history-actions .actions-timeline .timeline-item .timeline-content .timeline-error{font-size:12px;color:#dc3545;font-style:italic}.modal-content .modal-body .modal-description{margin:0 0 20px;font-size:14px;color:#6c757d;line-height:1.5}@media (max-width: 768px){.escalation-manager{padding:16px}.escalation-header{flex-direction:column;gap:16px}.escalation-nav{overflow-x:auto}.escalation-nav .nav-tab{white-space:nowrap;min-width:fit-content}.rule-card,.history-item{padding:16px}.rule-card .rule-header,.rule-card .history-header,.history-item .rule-header,.history-item .history-header{flex-direction:column;gap:12px}.manual-form{max-width:none}}.resource-allocation{display:flex;flex-direction:column;height:100%;padding:24px;overflow:hidden}.resource-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.resource-header .header-left .resource-title{margin:0 0 4px;font-size:20px;font-weight:600;color:#212529}.resource-header .header-left .resource-subtitle{margin:0;font-size:14px;color:#6c757d}.resource-stats{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.resource-stats .stat-item{display:flex;flex-direction:column;align-items:center;padding:16px;background:#fff;border:1px solid #e9ecef;border-radius:8px;min-width:100px;transition:all .2s ease}.resource-stats .stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.resource-stats .stat-item--success{border-color:#28a745;background:linear-gradient(135deg,#d4edda,#fff)}.resource-stats .stat-item--success .stat-value{color:#155724}.resource-stats .stat-item--info{border-color:#17a2b8;background:linear-gradient(135deg,#d1ecf1,#fff)}.resource-stats .stat-item--info .stat-value{color:#0c5460}.resource-stats .stat-item--warning{border-color:#ffc107;background:linear-gradient(135deg,#fff3cd,#fff)}.resource-stats .stat-item--warning .stat-value{color:#856404}.resource-stats .stat-item--danger{border-color:#dc3545;background:linear-gradient(135deg,#f8d7da,#fff)}.resource-stats .stat-item--danger .stat-value{color:#721c24}.resource-stats .stat-item .stat-value{font-size:24px;font-weight:700;color:#00d4ff;margin-bottom:4px}.resource-stats .stat-item .stat-label{font-size:12px;color:#6c757d;text-align:center;font-weight:500}.resource-filters{display:flex;gap:20px;margin-bottom:24px;flex-wrap:wrap}.resource-filters .filter-group{display:flex;align-items:center;gap:8px}.resource-filters .filter-group .filter-label{font-size:14px;font-weight:500;color:#495057}.resource-filters .filter-group .filter-select{padding:6px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;min-width:150px}.resource-filters .filter-group .filter-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.resource-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.resource-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;color:#6c757d}.resource-list .empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.resource-list .empty-state .empty-text{font-size:18px;font-weight:500;margin-bottom:8px}.resource-list .empty-state .empty-description{font-size:14px;margin:0}.resource-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease}.resource-card:hover{border-color:#00d4ff;box-shadow:0 4px 12px #00d4ff1a}.resource-card--selected{border-color:#00d4ff;box-shadow:0 4px 12px #00d4ff26;background:#00d4ff05}.resource-card .resource-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.resource-card .resource-header-row .resource-info{flex:1}.resource-card .resource-header-row .resource-info .resource-main{display:flex;align-items:center;gap:12px;margin-bottom:8px}.resource-card .resource-header-row .resource-info .resource-main .resource-type-icon{font-size:20px}.resource-card .resource-header-row .resource-info .resource-main .resource-name{margin:0;font-size:16px;font-weight:600;color:#212529}.resource-card .resource-header-row .resource-info .resource-status .status-indicator{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;text-transform:uppercase}.resource-card .resource-header-row .resource-actions{display:flex;gap:8px}.resource-card .resource-details{display:flex;flex-direction:column;gap:12px}.resource-card .resource-details .resource-location{display:flex;align-items:center;gap:8px;font-size:14px;color:#495057}.resource-card .resource-details .resource-location .location-icon{font-size:16px}.resource-card .resource-details .resource-location .location-text{flex:1}.resource-card .resource-details .resource-location .location-distance{font-size:12px;color:#6c757d;font-weight:500}.resource-card .resource-details .resource-assignment{display:flex;align-items:center;gap:8px;font-size:14px;padding:8px 12px;background:#e7f3ff;border-radius:6px}.resource-card .resource-details .resource-assignment .assignment-label{color:#06c;font-weight:500}.resource-card .resource-details .resource-assignment .assignment-value{color:#06c;font-weight:600}.resource-card .resource-details .resource-assignment .arrival-time{margin-left:auto;font-size:12px;color:#06c}.resource-card .resource-details .resource-capabilities{display:flex;flex-direction:column;gap:8px}.resource-card .resource-details .resource-capabilities .capabilities-label{font-size:14px;font-weight:500;color:#495057}.resource-card .resource-details .resource-capabilities .capabilities-list{display:flex;gap:6px;flex-wrap:wrap}.resource-card .resource-details .resource-capabilities .capabilities-list .capability-tag{padding:4px 8px;background:#f0f9ff;color:#0284c7;font-size:12px;border-radius:12px;text-transform:capitalize}.resource-card .resource-details .resource-metadata{display:flex;flex-direction:column;gap:6px;padding:12px;background:#f8f9fa;border-radius:6px}.resource-card .resource-details .resource-metadata .metadata-item{display:flex;justify-content:space-between;font-size:13px}.resource-card .resource-details .resource-metadata .metadata-item .metadata-key{color:#6c757d;font-weight:500;text-transform:capitalize}.resource-card .resource-details .resource-metadata .metadata-item .metadata-value{color:#495057;font-weight:500}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-content .modal-header h3{margin:0;font-size:18px;font-weight:600;color:#212529}.modal-content .modal-header .modal-close{background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.modal-content .modal-header .modal-close:hover{background:#f8f9fa}.modal-content .modal-body{flex:1;padding:24px;overflow-y:auto}.modal-content .modal-body .assignment-info{margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:8px}.modal-content .modal-body .assignment-info h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#212529}.modal-content .modal-body .assignment-info p{margin:4px 0;font-size:14px;color:#495057}.modal-content .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e9ecef}.form-group .form-label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#212529}.form-group .form-input,.form-group .form-select{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;transition:border-color .2s ease}.form-group .form-input:focus,.form-group .form-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}@media (max-width: 768px){.resource-allocation{padding:16px}.resource-stats{gap:12px}.resource-stats .stat-item{flex:1;min-width:calc(50% - 6px)}.resource-filters{flex-direction:column;gap:12px}.resource-filters .filter-group{flex-direction:column;align-items:flex-start;gap:4px}.resource-filters .filter-group .filter-select{width:100%}.resource-card{padding:16px}.resource-card .resource-header-row{flex-direction:column;gap:12px}.resource-card .resource-details .resource-location,.resource-card .resource-details .resource-assignment{flex-direction:column;align-items:flex-start;gap:4px}}.controller-performance{display:flex;flex-direction:column;height:100%;padding:24px;overflow:hidden}.performance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.performance-header .header-left .performance-title{margin:0 0 4px;font-size:20px;font-weight:600;color:#212529}.performance-header .header-left .performance-subtitle{margin:0;font-size:14px;color:#6c757d}.performance-header .header-right .period-selector{display:flex;border:1px solid #dee2e6;border-radius:6px;overflow:hidden}.performance-header .header-right .period-selector .period-btn{padding:8px 16px;border:none;background:#fff;cursor:pointer;font-size:14px;font-weight:500;color:#495057;transition:all .2s ease}.performance-header .header-right .period-selector .period-btn:hover{background:#f8f9fa}.performance-header .header-right .period-selector .period-btn--active{background:#00d4ff;color:#fff}.performance-header .header-right .period-selector .period-btn:not(:last-child){border-right:1px solid #dee2e6}.performance-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.metric-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;transition:all .2s ease}.metric-card:hover{border-color:#00d4ff;box-shadow:0 4px 12px #00d4ff1a;transform:translateY(-2px)}.metric-card .metric-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.metric-card .metric-header .metric-icon{font-size:20px}.metric-card .metric-header .metric-label{font-size:14px;font-weight:500;color:#6c757d}.metric-card .metric-value{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.metric-card .metric-value .value-number{font-size:28px;font-weight:700;color:#212529}.metric-card .metric-value .trend-indicator{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:2px 6px;border-radius:12px}.metric-card .metric-value .trend-indicator.trend-up{background:#d4edda;color:#155724}.metric-card .metric-value .trend-indicator.trend-down{background:#f8d7da;color:#721c24}.metric-card .metric-value .trend-indicator.trend-stable{background:#e2e3e5;color:#495057}.metric-card .metric-details{display:flex;justify-content:space-between;font-size:12px;color:#6c757d}.metric-card .metric-details span{display:flex;align-items:center;gap:4px}.performance-chart{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px;margin-bottom:24px}.performance-chart .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.performance-chart .chart-header .chart-title{margin:0;font-size:18px;font-weight:600;color:#212529}.performance-chart .chart-content .chart-bars{display:flex;justify-content:space-between;align-items:flex-end;height:200px;margin-bottom:20px;padding:0 20px}.performance-chart .chart-content .chart-bars .chart-bar-group{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;max-width:80px}.performance-chart .chart-content .chart-bars .chart-bar-group .chart-bars-container{display:flex;align-items:flex-end;gap:2px;height:160px;width:100%;justify-content:center}.performance-chart .chart-content .chart-bars .chart-bar-group .chart-bars-container .chart-bar{width:12px;border-radius:2px 2px 0 0;min-height:4px;transition:all .2s ease;cursor:pointer}.performance-chart .chart-content .chart-bars .chart-bar-group .chart-bars-container .chart-bar:hover{opacity:.8}.performance-chart .chart-content .chart-bars .chart-bar-group .chart-bars-container .chart-bar--response{background:linear-gradient(to top,#ff6b6b,#ff8e8e)}.performance-chart .chart-content .chart-bars .chart-bar-group .chart-bars-container .chart-bar--tasks{background:linear-gradient(to top,#4ecdc4,#6dd5d0)}.performance-chart .chart-content .chart-bars .chart-bar-group .chart-bars-container .chart-bar--quality{background:linear-gradient(to top,#45b7d1,#6bc5d8)}.performance-chart .chart-content .chart-bars .chart-bar-group .chart-label{font-size:12px;color:#6c757d;font-weight:500}.performance-chart .chart-content .chart-legend{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.performance-chart .chart-content .chart-legend .legend-item{display:flex;align-items:center;gap:8px}.performance-chart .chart-content .chart-legend .legend-item .legend-color{width:12px;height:12px;border-radius:2px}.performance-chart .chart-content .chart-legend .legend-item .legend-color--response{background:linear-gradient(to right,#ff6b6b,#ff8e8e)}.performance-chart .chart-content .chart-legend .legend-item .legend-color--tasks{background:linear-gradient(to right,#4ecdc4,#6dd5d0)}.performance-chart .chart-content .chart-legend .legend-item .legend-color--quality{background:linear-gradient(to right,#45b7d1,#6bc5d8)}.performance-chart .chart-content .chart-legend .legend-item .legend-label{font-size:12px;color:#495057;font-weight:500}.performance-details{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px;margin-bottom:24px}.performance-details .details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.performance-details .details-grid .detail-section .section-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#212529;padding-bottom:8px;border-bottom:2px solid #00D4FF}.performance-details .details-grid .detail-section .detail-items{display:flex;flex-direction:column;gap:12px}.performance-details .details-grid .detail-section .detail-items .detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f8f9fa}.performance-details .details-grid .detail-section .detail-items .detail-item .detail-label{font-size:14px;color:#6c757d;font-weight:500}.performance-details .details-grid .detail-section .detail-items .detail-item .detail-value{font-size:14px;color:#212529;font-weight:600}.performance-details .details-grid .detail-section .detail-items .detail-item .goal-status{margin-left:8px;font-size:16px}.performance-details .details-grid .detail-section .detail-items .detail-item .goal-status.goal-met{color:#28a745}.performance-details .details-grid .detail-section .detail-items .detail-item .goal-status.goal-missed{color:#dc3545}.performance-summary{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:12px;padding:24px}.performance-summary .summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.performance-summary .summary-header .summary-title{margin:0;font-size:18px;font-weight:600;color:#212529}.performance-summary .summary-header .summary-period{font-size:14px;color:#6c757d;font-weight:500;padding:4px 12px;background:#fff;border:1px solid #dee2e6;border-radius:20px}.performance-summary .summary-content{display:flex;flex-direction:column;gap:16px}.performance-summary .summary-content .summary-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border-radius:8px;border-left:4px solid #00D4FF}.performance-summary .summary-content .summary-item .summary-icon{font-size:20px;margin-top:2px}.performance-summary .summary-content .summary-item .summary-text{flex:1;font-size:14px;color:#495057;line-height:1.5}.performance-summary .summary-content .summary-item .summary-text strong{color:#212529}@media (max-width: 768px){.controller-performance{padding:16px}.performance-header{flex-direction:column;gap:16px}.performance-header .header-right{align-self:stretch}.performance-header .header-right .period-selector{width:100%}.performance-header .header-right .period-selector .period-btn{flex:1}.performance-metrics{grid-template-columns:1fr;gap:16px}.performance-chart{padding:16px}.performance-chart .chart-content .chart-bars{height:150px;padding:0 10px}.performance-chart .chart-content .chart-bars .chart-bar-group{max-width:60px}.performance-chart .chart-content .chart-bars .chart-bar-group .chart-bars-container{height:120px}.performance-chart .chart-content .chart-bars .chart-bar-group .chart-bars-container .chart-bar{width:8px}.performance-chart .chart-content .chart-legend{gap:16px}.performance-chart .chart-content .chart-legend .legend-item .legend-label{font-size:11px}.performance-details{padding:16px}.performance-details .details-grid{grid-template-columns:1fr;gap:20px}.performance-summary{padding:16px}.performance-summary .summary-header{flex-direction:column;gap:12px;align-items:flex-start}.performance-summary .summary-content .summary-item{padding:12px}.performance-summary .summary-content .summary-item .summary-text{font-size:13px}}.controller-workflow{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.controller-workflow--dashboard{min-height:600px}.controller-workflow--sidebar{width:400px;max-height:80vh}.controller-workflow--modal{width:90vw;max-width:1200px;max-height:90vh}.workflow-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:16px}.workflow-loading .loading-spinner{width:40px;height:40px;border:3px solid #e9ecef;border-top:3px solid #00D4FF;border-radius:50%;animation:spin 1s linear infinite}.workflow-loading .loading-text{color:#6c757d;font-size:14px}.workflow-header{padding:24px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#fff)}.workflow-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.workflow-header .header-title .workflow-title{margin:0 0 4px;font-size:24px;font-weight:600;color:#212529}.workflow-header .header-title .workflow-subtitle{margin:0;font-size:14px;color:#6c757d}.workflow-header .header-actions{display:flex;align-items:center;gap:16px}.workflow-header .workflow-search{position:relative;display:flex;align-items:center}.workflow-header .workflow-search .search-input{width:300px;padding:8px 12px 8px 36px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;background:#fff;transition:all .2s ease}.workflow-header .workflow-search .search-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.workflow-header .workflow-search .search-input::placeholder{color:#adb5bd}.workflow-header .workflow-search .search-icon{position:absolute;left:12px;color:#6c757d;font-size:14px}.workflow-header .quick-actions{position:relative}.workflow-header .quick-actions .quick-actions-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:200px}.workflow-header .quick-actions .quick-action-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:none;text-align:left;cursor:pointer;transition:background-color .2s ease}.workflow-header .quick-actions .quick-action-item:hover{background:#f8f9fa}.workflow-header .quick-actions .quick-action-item:first-child{border-radius:8px 8px 0 0}.workflow-header .quick-actions .quick-action-item:last-child{border-radius:0 0 8px 8px}.workflow-header .quick-actions .quick-action-item .action-icon{font-size:16px}.workflow-header .quick-actions .quick-action-item .action-label{font-size:14px;color:#495057}.workflow-stats{display:flex;gap:24px;margin-top:20px}.workflow-stats .stat-item{display:flex;flex-direction:column;align-items:center;padding:16px;background:#fff;border:1px solid #e9ecef;border-radius:8px;min-width:100px;transition:all .2s ease}.workflow-stats .stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.workflow-stats .stat-item--warning{border-color:#ffc107;background:linear-gradient(135deg,#fff3cd,#fff)}.workflow-stats .stat-item--warning .stat-value{color:#856404}.workflow-stats .stat-item--success{border-color:#28a745;background:linear-gradient(135deg,#d4edda,#fff)}.workflow-stats .stat-item--success .stat-value{color:#155724}.workflow-stats .stat-item .stat-value{font-size:24px;font-weight:700;color:#00d4ff;margin-bottom:4px}.workflow-stats .stat-item .stat-label{font-size:12px;color:#6c757d;text-align:center;font-weight:500}.workflow-error{margin:16px 24px;padding:12px 16px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px}.workflow-error .error-content{display:flex;align-items:center;gap:12px}.workflow-error .error-content .error-icon{font-size:16px;color:#721c24}.workflow-error .error-content .error-message{flex:1;font-size:14px;color:#721c24}.workflow-error .error-content .error-dismiss{background:none;border:none;font-size:18px;color:#721c24;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.workflow-error .error-content .error-dismiss:hover{opacity:.7}.workflow-nav{display:flex;border-bottom:1px solid #e9ecef;background:#f8f9fa}.workflow-nav .nav-tab{display:flex;align-items:center;gap:8px;padding:16px 24px;border:none;background:none;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent;position:relative}.workflow-nav .nav-tab:hover{background:#e9ecef}.workflow-nav .nav-tab--active{background:#fff;border-bottom-color:#00d4ff;color:#00d4ff}.workflow-nav .nav-tab--active .tab-count{background:#00d4ff;color:#fff}.workflow-nav .nav-tab .tab-icon{font-size:16px}.workflow-nav .nav-tab .tab-label{font-size:14px;font-weight:500}.workflow-nav .nav-tab .tab-count{background:#6c757d;color:#fff;font-size:12px;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.workflow-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.btn--primary{background:#00d4ff;color:#fff;border-color:#00d4ff}.btn--primary:hover:not(:disabled){background:#00b8e6;border-color:#00b8e6}.btn--secondary{background:#6c757d;color:#fff;border-color:#6c757d}.btn--secondary:hover:not(:disabled){background:#5a6268;border-color:#5a6268}.btn .btn-icon{font-size:14px}@media (max-width: 768px){.workflow-header{padding:16px}.workflow-header .header-content{flex-direction:column;gap:16px}.workflow-header .workflow-search .search-input{width:100%}.workflow-stats{flex-wrap:wrap;gap:12px}.workflow-stats .stat-item{flex:1;min-width:calc(50% - 6px)}.workflow-nav{overflow-x:auto}.workflow-nav .nav-tab{white-space:nowrap;min-width:fit-content}}.availability-tracker{display:flex;flex-direction:column;height:100%;background:#fff}.tracker-header{margin-bottom:24px}.tracker-header .header-left .tracker-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 4px}.tracker-header .header-left .tracker-subtitle{font-size:14px;color:#6b7280;margin:0}.availability-stats{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.availability-stats .stat-item{display:flex;flex-direction:column;align-items:center;padding:16px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:100px;transition:all .2s ease}.availability-stats .stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.availability-stats .stat-item--success{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.availability-stats .stat-item--success .stat-value{color:#059669}.availability-stats .stat-item--warning{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.availability-stats .stat-item--warning .stat-value{color:#d97706}.availability-stats .stat-item--danger{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fecaca)}.availability-stats .stat-item--danger .stat-value{color:#dc2626}.availability-stats .stat-item .stat-value{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:4px}.availability-stats .stat-item .stat-label{font-size:12px;color:#6b7280;font-weight:500;text-align:center}.tracker-controls{display:flex;gap:20px;margin-bottom:24px;flex-wrap:wrap}.tracker-controls .control-group{display:flex;align-items:center;gap:8px}.tracker-controls .control-group .control-label{font-size:14px;font-weight:600;color:#374151;white-space:nowrap}.tracker-controls .control-group .control-select,.tracker-controls .control-group .control-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#374151;min-width:150px;transition:all .2s ease}.tracker-controls .control-group .control-select:focus,.tracker-controls .control-group .control-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.tracker-controls .control-group .control-input{min-width:200px}.tracker-controls .control-group .control-input::placeholder{color:#9ca3af}.controller-list{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px;overflow-y:auto}.controller-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease}.controller-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#00d4ff}.controller-card--selected{border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.controller-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.controller-header .controller-info .controller-name{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:4px}.controller-header .controller-info .controller-id{font-size:12px;color:#6b7280;font-family:Monaco,Menlo,monospace}.controller-header .controller-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.controller-header .controller-status .status-indicator{display:flex;align-items:center;gap:6px}.controller-header .controller-status .status-indicator .status-icon{font-size:14px}.controller-header .controller-status .status-indicator .status-text{font-size:12px;font-weight:600;text-transform:capitalize}.controller-header .controller-status .status-select{padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:11px;background:#fff;color:#374151;cursor:pointer}.controller-header .controller-status .status-select:focus{outline:none;border-color:#00d4ff}.controller-details .workload-section{margin-bottom:16px}.controller-details .workload-section .workload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.controller-details .workload-section .workload-header .workload-label{font-size:12px;font-weight:600;color:#6b7280}.controller-details .workload-section .workload-header .workload-value{font-size:12px;font-weight:600;color:#374151}.controller-details .workload-section .workload-bar{height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden;margin-bottom:4px}.controller-details .workload-section .workload-bar .workload-fill{height:100%;border-radius:3px;transition:all .3s ease}.controller-details .workload-section .workload-percentage{font-size:11px;color:#6b7280;text-align:right}.controller-details .shift-info{margin-bottom:16px}.controller-details .shift-info .current-shift,.controller-details .shift-info .next-shift{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.controller-details .shift-info .current-shift .shift-label,.controller-details .shift-info .next-shift .shift-label{font-size:12px;font-weight:600;color:#6b7280}.controller-details .shift-info .current-shift .shift-time,.controller-details .shift-info .next-shift .shift-time{font-size:12px;color:#374151}.controller-details .shift-info .current-shift .shift-time{color:#10b981;font-weight:600}.controller-details .shift-info .next-shift .shift-time{color:#3b82f6}.controller-details .controller-meta .skills-section{margin-bottom:12px}.controller-details .controller-meta .skills-section .skills-label{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:6px;display:block}.controller-details .controller-meta .skills-section .skills-list{display:flex;flex-wrap:wrap;gap:4px}.controller-details .controller-meta .skills-section .skills-list .skill-tag{padding:2px 6px;background:#e0f2fe;color:#0369a1;border-radius:12px;font-size:10px;font-weight:500}.controller-details .controller-meta .skills-section .skills-list .skill-tag--more{background:#f3f4f6;color:#6b7280}.controller-details .controller-meta .activity-section{display:flex;justify-content:space-between;align-items:center}.controller-details .controller-meta .activity-section .activity-label{font-size:12px;font-weight:600;color:#6b7280}.controller-details .controller-meta .activity-section .activity-time{font-size:12px;color:#374151}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;grid-column:1/-1}.controller-details-full .detail-section{margin-bottom:24px}.controller-details-full .detail-section:last-child{margin-bottom:0}.controller-details-full .detail-section h4{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.controller-details-full .detail-section .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.controller-details-full .detail-section .detail-grid .detail-item{display:flex;flex-direction:column;gap:4px}.controller-details-full .detail-section .detail-grid .detail-item .detail-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.controller-details-full .detail-section .detail-grid .detail-item .detail-value{font-size:14px;color:#1f2937;font-weight:500}.controller-details-full .detail-section .skills-full{display:flex;flex-wrap:wrap;gap:8px}.controller-details-full .detail-section .skills-full .skill-tag-full{padding:6px 12px;background:#e0f2fe;color:#0369a1;border-radius:16px;font-size:12px;font-weight:500}@media (max-width: 768px){.availability-stats{gap:12px}.availability-stats .stat-item{min-width:80px;padding:12px 16px}.availability-stats .stat-item .stat-value{font-size:20px}.availability-stats .stat-item .stat-label{font-size:11px}.tracker-controls{flex-direction:column;gap:12px}.tracker-controls .control-group{flex-direction:column;align-items:stretch;gap:6px}.tracker-controls .control-group .control-select,.tracker-controls .control-group .control-input{min-width:auto;width:100%}.controller-list{grid-template-columns:1fr;gap:12px}.controller-card{padding:16px}.controller-header{flex-direction:column;gap:12px;align-items:stretch}.controller-header .controller-status{flex-direction:row;justify-content:space-between;align-items:center}}@media (max-width: 480px){.availability-stats .stat-item{flex:1;min-width:60px;padding:8px 12px}.availability-stats .stat-item .stat-value{font-size:18px}.availability-stats .stat-item .stat-label{font-size:10px}.controller-card{padding:12px}.controller-details .skills-section .skills-list .skill-tag{font-size:9px;padding:1px 4px}}.shift-scheduler{display:flex;flex-direction:column;height:100%;background:#fff}.scheduler-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.scheduler-header .header-left .scheduler-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 4px}.scheduler-header .header-left .scheduler-subtitle{font-size:14px;color:#6b7280;margin:0}.scheduler-header .header-right .btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.scheduler-header .header-right .btn--primary{background:#00d4ff;color:#fff}.scheduler-header .header-right .btn--primary:hover{background:#0ea5e9;transform:translateY(-1px)}.scheduler-header .header-right .btn--small{padding:8px 12px;font-size:13px}.scheduler-header .header-right .btn .btn-icon{font-size:16px}.schedule-grid{display:flex;flex:1;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.time-column{width:100px;border-right:1px solid #e5e7eb;background:#f9fafb}.time-column .time-header{height:60px;display:flex;align-items:center;justify-content:center;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;background:#f3f4f6}.time-column .time-slot{height:60px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #f3f4f6;padding:8px}.time-column .time-slot .time-label{font-size:12px;color:#6b7280;font-weight:500}.date-columns{flex:1;display:flex;overflow-x:auto}.date-column{min-width:150px;flex:1;border-right:1px solid #e5e7eb}.date-column:last-child{border-right:none}.date-column .date-header{height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f3f4f6;border-bottom:1px solid #e5e7eb;padding:8px}.date-column .date-header .date-day{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase}.date-column .date-header .date-number{font-size:18px;font-weight:700;color:#1f2937;margin:2px 0}.date-column .date-header .date-month{font-size:11px;color:#9ca3af;font-weight:500;text-transform:uppercase}.date-column .schedule-slot{height:60px;position:relative;border-bottom:1px solid #f3f4f6;background:#fff;transition:background-color .2s ease}.date-column .schedule-slot:hover{background:#f9fafb}.shift-block{position:absolute;left:2px;right:2px;min-height:56px;border-radius:6px;padding:6px 8px;cursor:pointer;transition:all .2s ease;border:2px solid transparent;box-shadow:0 2px 4px #0000001a}.shift-block:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026;border-color:#ffffff4d}.shift-block--scheduled{opacity:.9}.shift-block--active{opacity:1;border-color:#10b981;box-shadow:0 0 0 2px #10b98133}.shift-block--completed{opacity:.7;filter:grayscale(.3)}.shift-block--cancelled{opacity:.5;filter:grayscale(.8);text-decoration:line-through}.shift-block .shift-info{color:#fff;font-size:11px;line-height:1.3}.shift-block .shift-info .shift-controller{font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shift-block .shift-info .shift-time{font-size:10px;opacity:.9;margin-bottom:2px}.shift-block .shift-info .shift-type{font-size:9px;opacity:.8;text-transform:uppercase;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-content--large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.modal-header h3{font-size:18px;font-weight:700;color:#1f2937;margin:0}.modal-header .modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.modal-header .modal-close:hover{background:#e5e7eb;color:#374151}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.modal-footer .btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-footer .btn--primary{background:#00d4ff;color:#fff}.modal-footer .btn--primary:hover:not(:disabled){background:#0ea5e9}.modal-footer .btn--primary:disabled{background:#9ca3af;cursor:not-allowed}.modal-footer .btn--secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.modal-footer .btn--secondary:hover{background:#e5e7eb}.form-group .form-select,.form-group .form-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;color:#374151;transition:all .2s ease}.form-group .form-select:focus,.form-group .form-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.shift-details .detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.shift-details .detail-row:last-child{border-bottom:none}.shift-details .detail-row .detail-label{font-weight:600;color:#6b7280;font-size:14px}.shift-details .detail-row .detail-value{color:#1f2937;font-size:14px}.shift-details .detail-row .detail-value.status-scheduled{color:#3b82f6}.shift-details .detail-row .detail-value.status-active{color:#10b981}.shift-details .detail-row .detail-value.status-completed{color:#6b7280}.shift-details .detail-row .detail-value.status-cancelled{color:#ef4444}@media (max-width: 768px){.scheduler-header{flex-direction:column;gap:16px;align-items:stretch}.schedule-grid{overflow-x:auto}.time-column{width:80px}.time-column .time-slot .time-label{font-size:10px}.date-column{min-width:120px}.date-column .date-header{padding:6px}.date-column .date-header .date-number{font-size:16px}.shift-block .shift-info{font-size:10px}.shift-block .shift-info .shift-time{font-size:9px}.shift-block .shift-info .shift-type{font-size:8px}.modal-content{margin:10px;max-width:none}.modal-header,.modal-body,.modal-footer{padding:16px}.form-row{flex-direction:column;gap:0}}@media (max-width: 480px){.time-column{width:60px}.date-column{min-width:100px}.shift-block{padding:4px 6px}.shift-block .shift-info{font-size:9px}.shift-block .shift-info .shift-controller{margin-bottom:1px}.shift-block .shift-info .shift-time{font-size:8px}.shift-block .shift-info .shift-type{display:none}}.shift-handoff{display:flex;flex-direction:column;height:100%;background:#fff}.handoff-header{margin-bottom:24px}.handoff-header .header-left .handoff-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 4px}.handoff-header .header-left .handoff-subtitle{font-size:14px;color:#6b7280;margin:0}.handoff-section{margin-bottom:32px}.handoff-section:last-child{margin-bottom:0}.handoff-section .section-title{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 16px;display:flex;align-items:center;gap:8px}.handoff-section .section-title .section-count{background:#00d4ff;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;min-width:20px;text-align:center}.handoff-list{display:flex;flex-direction:column;gap:16px}.handoff-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.handoff-card--normal{border-left:4px solid #3b82f6}.handoff-card--soon{border-left:4px solid #f59e0b;background:#fffbeb}.handoff-card--urgent{border-left:4px solid #ef4444;background:#fef2f2}.handoff-card--overdue{border-left:4px solid #dc2626;background:#fef2f2;box-shadow:0 0 0 1px #fecaca}.handoff-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.handoff-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.handoff-info .handoff-controller .controller-name{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:4px}.handoff-info .handoff-controller .controller-id{font-size:12px;color:#6b7280;font-family:Monaco,Menlo,monospace}.handoff-info .handoff-timing{text-align:right}.handoff-info .handoff-timing .shift-time{font-size:14px;color:#374151;margin-bottom:4px}.handoff-info .handoff-timing .time-remaining{font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px}.handoff-info .handoff-timing .time-remaining--normal{background:#e0f2fe;color:#0369a1}.handoff-info .handoff-timing .time-remaining--soon{background:#fef3c7;color:#d97706}.handoff-info .handoff-timing .time-remaining--urgent{background:#fecaca;color:#dc2626}.handoff-info .handoff-timing .time-remaining--overdue{background:#dc2626;color:#fff}.handoff-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.handoff-details .incident-count{display:flex;flex-direction:column;align-items:center}.handoff-details .incident-count .count-value{font-size:20px;font-weight:700;color:#1f2937}.handoff-details .incident-count .count-label{font-size:11px;color:#6b7280;text-transform:uppercase}.handoff-details .shift-type .type-label{font-size:12px;color:#6b7280;margin-right:4px}.handoff-details .shift-type .type-value{font-size:12px;font-weight:600;color:#374151;text-transform:capitalize}.handoff-actions{display:flex;justify-content:flex-end}.handoff-actions .btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.handoff-actions .btn--primary{background:#00d4ff;color:#fff}.handoff-actions .btn--primary:hover{background:#0ea5e9;transform:translateY(-1px)}.handoff-actions .btn--danger{background:#dc2626;color:#fff}.handoff-actions .btn--danger:hover{background:#b91c1c;transform:translateY(-1px)}.handoff-history{display:flex;flex-direction:column;gap:12px}.history-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.history-item .history-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.history-item .history-info .history-controller{font-size:14px;font-weight:600;color:#1f2937}.history-item .history-info .history-time{font-size:12px;color:#6b7280}.history-item .history-notes{font-size:13px;color:#6b7280;line-height:1.4}.handoff-form .form-section{margin-bottom:24px}.handoff-form .form-section:last-child{margin-bottom:0}.handoff-form .form-section h4{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.handoff-form .shift-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.handoff-form .shift-summary .summary-item{display:flex;flex-direction:column;gap:4px}.handoff-form .shift-summary .summary-item .summary-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.handoff-form .shift-summary .summary-item .summary-value{font-size:14px;color:#1f2937;font-weight:500}.handoff-form .checklist{display:flex;flex-direction:column;gap:12px}.handoff-form .checklist .checklist-item .checklist-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:12px;border-radius:8px;transition:background-color .2s ease}.handoff-form .checklist .checklist-item .checklist-label:hover{background:#f9fafb}.handoff-form .checklist .checklist-item .checklist-label .checklist-checkbox{margin:0;width:18px;height:18px;accent-color:#00D4FF;cursor:pointer}.handoff-form .checklist .checklist-item .checklist-label .checklist-text{flex:1;font-size:14px;color:#374151;line-height:1.4}.handoff-form .checklist .checklist-item .checklist-label .checklist-text .required-indicator{color:#dc2626;font-weight:700;margin-left:4px}.handoff-form .handoff-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;color:#374151;resize:vertical;min-height:120px;transition:all .2s ease}.handoff-form .handoff-textarea:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.handoff-form .handoff-textarea::placeholder{color:#9ca3af}.handoff-form .textarea-footer{display:flex;justify-content:flex-end;margin-top:8px}.handoff-form .textarea-footer .character-count{font-size:12px;color:#6b7280}.handoff-form .progress-indicator .progress-text{font-size:14px;color:#374151;margin-bottom:8px}.handoff-form .progress-indicator .progress-bar{height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.handoff-form .progress-indicator .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#0ea5e9);border-radius:4px;transition:width .3s ease}@media (max-width: 768px){.handoff-card{padding:16px}.handoff-info{flex-direction:column;gap:12px;align-items:stretch}.handoff-info .handoff-timing{text-align:left}.handoff-details{flex-direction:column;gap:12px;align-items:stretch}.handoff-details .incident-count{align-items:flex-start;flex-direction:row;gap:8px}.handoff-details .incident-count .count-value{font-size:16px}.handoff-form .shift-summary{grid-template-columns:1fr;gap:12px}.handoff-form .checklist{gap:8px}.handoff-form .checklist .checklist-item .checklist-label{padding:8px}}@media (max-width: 480px){.handoff-card{padding:12px}.handoff-actions .btn{padding:8px 16px;font-size:13px}.history-item{padding:12px}.history-item .history-info{flex-direction:column;gap:4px;align-items:flex-start}}.shift-reports{display:flex;flex-direction:column;height:100%;background:#fff}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.reports-header .header-left .reports-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 4px}.reports-header .header-left .reports-subtitle{font-size:14px;color:#6b7280;margin:0}.reports-header .header-right .btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.reports-header .header-right .btn--primary{background:#00d4ff;color:#fff}.reports-header .header-right .btn--primary:hover:not(:disabled){background:#0ea5e9;transform:translateY(-1px)}.reports-header .header-right .btn--primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.reports-header .header-right .btn--small{padding:8px 12px;font-size:13px}.reports-header .header-right .btn .btn-icon{font-size:16px}.reports-stats{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.reports-stats .stat-item{display:flex;flex-direction:column;align-items:center;padding:16px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:120px;transition:all .2s ease}.reports-stats .stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.reports-stats .stat-item .stat-value{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:4px}.reports-stats .stat-item .stat-label{font-size:12px;color:#6b7280;font-weight:500;text-align:center}.reports-list{flex:1;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.report-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.report-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#00d4ff}.report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.report-header .report-info .report-type{font-size:12px;font-weight:700;color:#00d4ff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.report-header .report-info .report-period{font-size:16px;font-weight:600;color:#1f2937}.report-header .report-actions{display:flex;align-items:center;gap:8px}.report-header .report-actions .btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.report-header .report-actions .btn--small{padding:6px 12px;font-size:12px}.report-header .report-actions .btn--secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.report-header .report-actions .btn--secondary:hover{background:#e5e7eb}.report-header .report-actions .btn--outline{background:transparent;color:#6b7280;border:1px solid #d1d5db}.report-header .report-actions .btn--outline:hover{background:#f9fafb;color:#374151}.report-header .report-actions .export-dropdown{position:relative}.report-header .report-actions .export-dropdown .export-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px #0000001a;z-index:10;min-width:100px;display:none}.report-header .report-actions .export-dropdown .export-menu button{display:block;width:100%;padding:8px 12px;border:none;background:transparent;color:#374151;font-size:12px;text-align:left;cursor:pointer;transition:background-color .2s ease}.report-header .report-actions .export-dropdown .export-menu button:hover{background:#f9fafb}.report-header .report-actions .export-dropdown .export-menu button:first-child{border-radius:6px 6px 0 0}.report-header .report-actions .export-dropdown .export-menu button:last-child{border-radius:0 0 6px 6px}.report-header .report-actions .export-dropdown:hover .export-menu{display:block}.report-summary{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.report-summary .summary-item{display:flex;flex-direction:column;align-items:center;min-width:80px}.report-summary .summary-item .summary-label{font-size:11px;color:#6b7280;font-weight:500;text-transform:uppercase;margin-bottom:2px}.report-summary .summary-item .summary-value{font-size:14px;font-weight:600;color:#1f2937}.report-preview{margin-top:20px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.report-preview h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.report-preview .preview-info{display:flex;flex-direction:column;gap:8px}.report-preview .preview-info .preview-item{display:flex;justify-content:space-between;align-items:center}.report-preview .preview-info .preview-item .preview-label{font-size:12px;color:#6b7280;font-weight:500}.report-preview .preview-info .preview-item .preview-value{font-size:12px;color:#374151;font-weight:600}.report-details .detail-section{margin-bottom:24px}.report-details .detail-section:last-child{margin-bottom:0}.report-details .detail-section h4{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.report-details .detail-section .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.report-details .detail-section .detail-grid .detail-item{display:flex;flex-direction:column;gap:4px}.report-details .detail-section .detail-grid .detail-item .detail-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.report-details .detail-section .detail-grid .detail-item .detail-value{font-size:14px;color:#1f2937;font-weight:500}.report-details .detail-section .incidents-table .table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:12px;padding:12px;background:#f9fafb;border-radius:6px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;margin-bottom:8px}.report-details .detail-section .incidents-table .table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:12px;padding:12px;border-bottom:1px solid #f3f4f6;font-size:13px;color:#374151}.report-details .detail-section .incidents-table .table-row:last-child{border-bottom:none}.report-details .detail-section .incidents-table .table-row .priority{font-weight:600;padding:2px 6px;border-radius:12px;font-size:10px;text-transform:uppercase}.report-details .detail-section .incidents-table .table-row .priority--high{background:#fecaca;color:#dc2626}.report-details .detail-section .incidents-table .table-row .priority--medium{background:#fef3c7;color:#d97706}.report-details .detail-section .incidents-table .table-row .priority--low{background:#d1fae5;color:#059669}.report-details .detail-section .incidents-table .table-row .status{font-weight:600;padding:2px 6px;border-radius:12px;font-size:10px;text-transform:uppercase}.report-details .detail-section .incidents-table .table-row .status--resolved{background:#d1fae5;color:#059669}.report-details .detail-section .incidents-table .table-row .status--active{background:#dbeafe;color:#2563eb}.report-details .detail-section .incidents-table .table-row .status--pending{background:#fef3c7;color:#d97706}.report-details .detail-section .report-notes{font-size:14px;color:#374151;line-height:1.6;padding:16px;background:#f9fafb;border-radius:8px;border-left:4px solid #00D4FF}.export-actions{display:flex;gap:8px}@media (max-width: 768px){.reports-header{flex-direction:column;gap:16px;align-items:stretch}.reports-stats{gap:12px}.reports-stats .stat-item{flex:1;min-width:100px;padding:12px 16px}.reports-stats .stat-item .stat-value{font-size:20px}.reports-stats .stat-item .stat-label{font-size:11px}.report-card{padding:16px}.report-header{flex-direction:column;gap:12px;align-items:stretch}.report-header .report-actions{justify-content:flex-start}.report-summary{gap:12px}.report-summary .summary-item{min-width:70px}.report-details .detail-section .detail-grid{grid-template-columns:1fr;gap:12px}.report-details .detail-section .incidents-table .table-header,.report-details .detail-section .incidents-table .table-row{grid-template-columns:1fr;gap:8px}.report-details .detail-section .incidents-table .table-header{display:none}.report-details .detail-section .incidents-table .table-row{background:#f9fafb;border-radius:6px;margin-bottom:8px;border-bottom:none}.export-actions{flex-direction:column;width:100%}.export-actions .btn{width:100%}}@media (max-width: 480px){.reports-stats .stat-item{min-width:80px;padding:8px 12px}.reports-stats .stat-item .stat-value{font-size:18px}.reports-stats .stat-item .stat-label{font-size:10px}.report-card{padding:12px}.report-summary .summary-item{min-width:60px}.report-summary .summary-item .summary-label{font-size:10px}.report-summary .summary-item .summary-value{font-size:12px}}.timeoff-manager{display:flex;flex-direction:column;height:100%;background:#fff}.timeoff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.timeoff-header .header-left .timeoff-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 4px}.timeoff-header .header-left .timeoff-subtitle{font-size:14px;color:#6b7280;margin:0}.timeoff-header .header-right .btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.timeoff-header .header-right .btn--primary{background:#00d4ff;color:#fff}.timeoff-header .header-right .btn--primary:hover{background:#0ea5e9;transform:translateY(-1px)}.timeoff-header .header-right .btn--small{padding:8px 12px;font-size:13px}.timeoff-header .header-right .btn .btn-icon{font-size:16px}.timeoff-stats{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.timeoff-stats .stat-item{display:flex;flex-direction:column;align-items:center;padding:16px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:100px;transition:all .2s ease}.timeoff-stats .stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.timeoff-stats .stat-item--success{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.timeoff-stats .stat-item--success .stat-value{color:#059669}.timeoff-stats .stat-item--warning{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.timeoff-stats .stat-item--warning .stat-value{color:#d97706}.timeoff-stats .stat-item--danger{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fecaca)}.timeoff-stats .stat-item--danger .stat-value{color:#dc2626}.timeoff-stats .stat-item--info{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.timeoff-stats .stat-item--info .stat-value{color:#2563eb}.timeoff-stats .stat-item .stat-value{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:4px}.timeoff-stats .stat-item .stat-label{font-size:12px;color:#6b7280;font-weight:500;text-align:center}.timeoff-nav{display:flex;background:#f9fafb;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.timeoff-nav .nav-tab{display:flex;align-items:center;gap:8px;padding:16px 20px;border:none;background:transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease}.timeoff-nav .nav-tab:hover{color:#374151;background:#f3f4f6}.timeoff-nav .nav-tab--active{color:#00d4ff;border-bottom-color:#00d4ff;background:#fff}.timeoff-nav .nav-tab--active:hover{color:#0ea5e9;background:#fff}.timeoff-nav .nav-tab .tab-icon{font-size:16px}.timeoff-nav .nav-tab .tab-label{font-weight:600}.timeoff-nav .nav-tab .tab-count{background:#e5e7eb;color:#6b7280;padding:2px 6px;border-radius:12px;font-size:11px;font-weight:600;min-width:18px;text-align:center}.timeoff-nav .nav-tab--active .tab-count{background:#00d4ff;color:#fff}.timeoff-content{flex:1;overflow-y:auto}.requests-section .requests-filters{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.requests-section .requests-filters .filter-group{display:flex;align-items:center;gap:8px}.requests-section .requests-filters .filter-group .filter-label{font-size:14px;font-weight:600;color:#374151;white-space:nowrap}.requests-section .requests-filters .filter-group .filter-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#374151;min-width:150px;transition:all .2s ease}.requests-section .requests-filters .filter-group .filter-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.requests-section .requests-list{display:flex;flex-direction:column;gap:16px}.request-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.request-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#00d4ff}.request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.request-header .request-info .request-controller .controller-name{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:4px}.request-header .request-info .request-controller .controller-id{font-size:12px;color:#6b7280;font-family:Monaco,Menlo,monospace;margin-bottom:8px}.request-header .request-info .request-type{display:flex;align-items:center;gap:6px}.request-header .request-info .request-type .type-icon{font-size:16px}.request-header .request-info .request-type .type-text{font-size:12px;font-weight:600;color:#374151;text-transform:capitalize}.request-header .request-status .status-badge{padding:4px 12px;border-radius:16px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase}.request-details{margin-bottom:16px}.request-details .request-dates{display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.request-details .request-dates .date-range{display:flex;align-items:center;gap:4px}.request-details .request-dates .date-range .date-label{font-size:12px;color:#6b7280;font-weight:500}.request-details .request-dates .date-range .date-value{font-size:12px;color:#374151;font-weight:600}.request-details .request-dates .date-duration .duration-value{font-size:12px;color:#00d4ff;font-weight:700;background:#e0f2fe;padding:2px 8px;border-radius:12px}.request-details .request-reason{display:flex;gap:8px;margin-bottom:12px}.request-details .request-reason .reason-label{font-size:12px;color:#6b7280;font-weight:600;min-width:50px}.request-details .request-reason .reason-text{font-size:12px;color:#374151;line-height:1.4}.request-details .request-coverage{display:flex;align-items:center;gap:8px}.request-details .request-coverage .coverage-label{font-size:12px;color:#6b7280;font-weight:600}.request-details .request-coverage .coverage-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px;text-transform:uppercase}.request-details .request-coverage .coverage-status.coverage-arranged{background:#d1fae5;color:#059669}.request-details .request-coverage .coverage-status.coverage-needed{background:#fef3c7;color:#d97706}.request-details .request-coverage .coverage-assignments{font-size:11px;color:#6b7280;font-style:italic}.request-actions{display:flex;justify-content:flex-end;gap:8px}.request-actions .btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.request-actions .btn--small{padding:6px 12px;font-size:12px}.request-actions .btn--secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.request-actions .btn--secondary:hover{background:#e5e7eb}.request-actions .btn--success{background:#10b981;color:#fff}.request-actions .btn--success:hover{background:#059669}.request-actions .btn--danger{background:#ef4444;color:#fff}.request-actions .btn--danger:hover{background:#dc2626}.calendar-section,.coverage-section{display:flex;align-items:center;justify-content:center;height:300px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state .empty-text{font-size:18px;font-weight:600;color:#6b7280;margin-bottom:8px}.empty-state .empty-description{font-size:14px;color:#9ca3af;margin:0}.form-group{margin-bottom:20px}.form-group .form-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.form-group .form-select,.form-group .form-input,.form-group .form-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;color:#374151;transition:all .2s ease}.form-group .form-select:focus,.form-group .form-input:focus,.form-group .form-textarea:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.form-group .form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-group .form-textarea::placeholder{color:#9ca3af}.form-row{display:flex;gap:16px}.request-summary{margin-top:16px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.request-summary .summary-item{display:flex;justify-content:space-between;align-items:center}.request-summary .summary-item .summary-label{font-size:12px;color:#6b7280;font-weight:600}.request-summary .summary-item .summary-value{font-size:12px;color:#374151;font-weight:700}.request-details-full .detail-section{margin-bottom:24px}.request-details-full .detail-section:last-child{margin-bottom:0}.request-details-full .detail-section h4{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.request-details-full .detail-section .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.request-details-full .detail-section .detail-grid .detail-item{display:flex;flex-direction:column;gap:4px}.request-details-full .detail-section .detail-grid .detail-item .detail-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.request-details-full .detail-section .detail-grid .detail-item .detail-value{font-size:14px;color:#1f2937;font-weight:500}.request-details-full .detail-section .request-reason-full{font-size:14px;color:#374151;line-height:1.6;padding:16px;background:#f9fafb;border-radius:8px;border-left:4px solid #00D4FF}@media (max-width: 768px){.timeoff-header{flex-direction:column;gap:16px;align-items:stretch}.timeoff-stats{gap:12px}.timeoff-stats .stat-item{flex:1;min-width:80px;padding:12px 16px}.timeoff-stats .stat-item .stat-value{font-size:20px}.timeoff-stats .stat-item .stat-label{font-size:11px}.timeoff-nav .nav-tab{padding:12px 16px}.timeoff-nav .nav-tab .tab-label{display:none}.requests-section .requests-filters{flex-direction:column;gap:12px}.requests-section .requests-filters .filter-group{flex-direction:column;align-items:stretch;gap:6px}.requests-section .requests-filters .filter-group .filter-select{min-width:auto;width:100%}.request-card{padding:16px}.request-header{flex-direction:column;gap:12px;align-items:stretch}.request-details .request-dates{flex-direction:column;gap:8px;align-items:stretch}.request-details .request-dates .date-range{justify-content:space-between}.request-details .request-reason{flex-direction:column;gap:4px}.request-actions{justify-content:flex-start;flex-wrap:wrap}.form-row{flex-direction:column;gap:0}.request-details-full .detail-section .detail-grid{grid-template-columns:1fr;gap:12px}}@media (max-width: 480px){.timeoff-stats .stat-item{min-width:60px;padding:8px 12px}.timeoff-stats .stat-item .stat-value{font-size:18px}.timeoff-stats .stat-item .stat-label{font-size:10px}.request-card{padding:12px}.request-actions .btn{flex:1;text-align:center}}.shift-management{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.shift-management--dashboard{min-height:600px}.shift-management--sidebar{max-width:400px;min-height:500px}.shift-management--modal{width:90vw;max-width:1200px;max-height:80vh}.shift-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:16px}.shift-loading .loading-spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #00D4FF;border-radius:50%;animation:spin 1s linear infinite}.shift-loading .loading-text{color:#6b7280;font-size:14px}.shift-header{padding:24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.shift-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.shift-header .header-title .shift-title{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 4px}.shift-header .header-title .shift-subtitle{font-size:14px;color:#6b7280;margin:0}.shift-header .header-controls{display:flex;align-items:center;gap:16px}.shift-header .date-selector .date-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;color:#374151;transition:all .2s ease}.shift-header .date-selector .date-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.shift-header .view-mode-selector{display:flex;background:#fff;border:1px solid #d1d5db;border-radius:8px;overflow:hidden}.shift-header .view-mode-selector .view-mode-btn{padding:8px 16px;border:none;background:transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-right:1px solid #e5e7eb}.shift-header .view-mode-selector .view-mode-btn:last-child{border-right:none}.shift-header .view-mode-selector .view-mode-btn:hover{background:#f9fafb;color:#374151}.shift-header .view-mode-selector .view-mode-btn--active{background:#00d4ff;color:#fff}.shift-header .view-mode-selector .view-mode-btn--active:hover{background:#0ea5e9}.shift-header .conflicts-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #fbbf24;border-radius:8px;background:#fef3c7;color:#92400e;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.shift-header .conflicts-toggle:hover{background:#fde68a;border-color:#f59e0b}.shift-header .conflicts-toggle--active{background:#dc2626;border-color:#dc2626;color:#fff}.shift-header .conflicts-toggle--active:hover{background:#b91c1c}.shift-header .conflicts-toggle .conflicts-icon{font-size:16px}.shift-header .conflicts-toggle .conflicts-count{background:#fff;color:#dc2626;padding:2px 6px;border-radius:12px;font-size:12px;font-weight:600;min-width:20px;text-align:center}.shift-stats{display:flex;gap:20px;flex-wrap:wrap}.shift-stats .stat-item{display:flex;flex-direction:column;align-items:center;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:80px;transition:all .2s ease}.shift-stats .stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.shift-stats .stat-item--success{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.shift-stats .stat-item--success .stat-value{color:#059669}.shift-stats .stat-item--warning{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.shift-stats .stat-item--warning .stat-value{color:#d97706}.shift-stats .stat-item--danger{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fecaca)}.shift-stats .stat-item--danger .stat-value{color:#dc2626}.shift-stats .stat-item--info{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.shift-stats .stat-item--info .stat-value{color:#2563eb}.shift-stats .stat-item .stat-value{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:4px}.shift-stats .stat-item .stat-label{font-size:12px;color:#6b7280;font-weight:500;text-align:center}.shift-error{margin:16px 24px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.shift-error .error-content{display:flex;align-items:center;gap:12px}.shift-error .error-content .error-icon{color:#dc2626;font-size:18px}.shift-error .error-content .error-message{flex:1;color:#dc2626;font-size:14px;font-weight:500}.shift-error .error-content .error-dismiss{background:none;border:none;color:#dc2626;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.shift-error .error-content .error-dismiss:hover{background:#fecaca}.conflicts-panel{margin:16px 24px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;overflow:hidden}.conflicts-panel .conflicts-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#dc2626;color:#fff}.conflicts-panel .conflicts-header .conflicts-title{font-size:16px;font-weight:600;margin:0}.conflicts-panel .conflicts-header .conflicts-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.conflicts-panel .conflicts-header .conflicts-close:hover{background:#ffffff1a}.conflicts-panel .conflicts-list{padding:16px;max-height:300px;overflow-y:auto}.conflicts-panel .conflict-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px}.conflicts-panel .conflict-item:last-child{margin-bottom:0}.conflicts-panel .conflict-item--critical{border-color:#dc2626;background:#fef2f2}.conflicts-panel .conflict-item--high{border-color:#f59e0b;background:#fffbeb}.conflicts-panel .conflict-item--medium{border-color:#3b82f6;background:#eff6ff}.conflicts-panel .conflict-item--low{border-color:#10b981;background:#ecfdf5}.conflicts-panel .conflict-item .conflict-info{flex:1}.conflicts-panel .conflict-item .conflict-info .conflict-type{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;margin-bottom:4px}.conflicts-panel .conflict-item .conflict-info .conflict-description{font-size:14px;color:#374151}.conflicts-panel .conflict-item .conflict-actions{display:flex;align-items:center;gap:12px}.conflicts-panel .conflict-item .conflict-actions .conflict-severity{font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px;text-transform:uppercase;background:#f3f4f6;color:#6b7280}.shift-nav{display:flex;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:0 24px}.shift-nav .nav-tab{display:flex;align-items:center;gap:8px;padding:16px 20px;border:none;background:transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease}.shift-nav .nav-tab:hover{color:#374151;background:#f3f4f6}.shift-nav .nav-tab--active{color:#00d4ff;border-bottom-color:#00d4ff;background:#fff}.shift-nav .nav-tab--active:hover{color:#0ea5e9;background:#fff}.shift-nav .nav-tab .tab-icon{font-size:16px}.shift-nav .nav-tab .tab-label{font-weight:600}.shift-nav .nav-tab .tab-count{background:#e5e7eb;color:#6b7280;padding:2px 6px;border-radius:12px;font-size:11px;font-weight:600;min-width:18px;text-align:center}.shift-nav .nav-tab--active .tab-count{background:#00d4ff;color:#fff}.shift-content{flex:1;padding:24px;overflow-y:auto}@media (max-width: 768px){.shift-management--dashboard{min-height:auto}.shift-management--sidebar{max-width:none}.shift-header{padding:16px}.shift-header .header-content{flex-direction:column;gap:16px;align-items:stretch}.shift-header .header-controls{flex-wrap:wrap;gap:12px}.shift-header .view-mode-selector{flex:1}.shift-header .view-mode-selector .view-mode-btn{flex:1;text-align:center}.shift-stats{gap:12px}.shift-stats .stat-item{flex:1;min-width:60px;padding:8px 12px}.shift-stats .stat-item .stat-value{font-size:20px}.shift-stats .stat-item .stat-label{font-size:11px}.shift-nav{padding:0 16px;overflow-x:auto}.shift-nav .nav-tab{padding:12px 16px;white-space:nowrap}.shift-nav .nav-tab .tab-label{display:none}.shift-content{padding:16px}}@media (max-width: 480px){.shift-header .header-controls{flex-direction:column;align-items:stretch}.shift-header .date-selector,.shift-header .view-mode-selector{width:100%}.shift-stats .stat-item .stat-value{font-size:18px}.shift-stats .stat-item .stat-label{font-size:10px}.shift-nav .nav-tab{padding:12px}.shift-nav .nav-tab .tab-icon{font-size:18px}}.workload-monitor{display:flex;flex-direction:column;height:100%;gap:1.5rem}.monitor-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.monitor-header .header-info h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.monitor-header .header-info .system-metrics{display:flex;gap:2rem}.monitor-header .header-info .system-metrics .system-metric{display:flex;flex-direction:column;gap:.25rem}.monitor-header .header-info .system-metrics .system-metric .metric-label{font-size:.8rem;color:var(--text-secondary)}.monitor-header .header-info .system-metrics .system-metric .metric-value{font-size:1.2rem;font-weight:600;color:var(--text-primary)}.monitor-header .header-info .system-metrics .system-metric .metric-value--good{color:var(--success-color)}.monitor-header .header-info .system-metrics .system-metric .metric-value--warning{color:var(--warning-color)}.monitor-header .header-info .system-metrics .system-metric .metric-value--critical{color:var(--error-color)}.monitor-header .header-controls{display:flex;gap:1rem;align-items:center}.monitor-header .header-controls .view-controls{display:flex;gap:.5rem}.monitor-header .header-controls .view-controls .view-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.monitor-header .header-controls .view-controls .view-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.monitor-header .header-controls .view-controls .view-btn--active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.monitor-header .header-controls .filter-controls{display:flex;gap:.5rem}.monitor-header .header-controls .filter-controls .filter-select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.monitor-content{flex:1;overflow:hidden}.monitor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;overflow-y:auto;max-height:calc(100vh - 300px);padding-right:.5rem}.monitor-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .2s ease}.monitor-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.monitor-card--selected{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.monitor-card .monitor-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.monitor-card .monitor-card-header .controller-identity .controller-name{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.monitor-card .monitor-card-header .controller-identity .controller-status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.monitor-card .monitor-card-header .controller-identity .controller-status.status--available{background:var(--success-bg);color:var(--success-color)}.monitor-card .monitor-card-header .controller-identity .controller-status.status--busy{background:var(--warning-bg);color:var(--warning-color)}.monitor-card .monitor-card-header .controller-identity .controller-status.status--break{background:var(--info-bg);color:var(--info-color)}.monitor-card .monitor-card-header .controller-identity .controller-status.status--offline{background:var(--error-bg);color:var(--error-color)}.monitor-card .monitor-card-header .utilization-display .utilization-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.monitor-card .monitor-card-header .utilization-display .utilization-circle .utilization-inner{width:60px;height:60px;border-radius:50%;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center}.monitor-card .monitor-card-header .utilization-display .utilization-circle .utilization-inner .utilization-value{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.monitor-card .monitor-card-header .utilization-display .utilization-circle .utilization-inner .utilization-label{font-size:.7rem;color:var(--text-secondary)}.monitor-card .monitor-card-body .metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.monitor-card .monitor-card-body .metrics-grid .metric-item{display:flex;flex-direction:column;gap:.25rem}.monitor-card .monitor-card-body .metrics-grid .metric-item .metric-label{font-size:.8rem;color:var(--text-secondary)}.monitor-card .monitor-card-body .metrics-grid .metric-item .metric-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.monitor-card .monitor-card-body .metrics-grid .metric-item .metric-value--good{color:var(--success-color)}.monitor-card .monitor-card-body .metrics-grid .metric-item .metric-value--warning{color:var(--warning-color)}.monitor-card .monitor-card-body .metrics-grid .metric-item .metric-value--critical{color:var(--error-color)}.monitor-card .monitor-card-body .skills-section{margin-bottom:1.5rem}.monitor-card .monitor-card-body .skills-section .skills-label{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem;display:block}.monitor-card .monitor-card-body .skills-section .skills-list{display:flex;flex-wrap:wrap;gap:.25rem}.monitor-card .monitor-card-body .skills-section .skills-list .skill-badge{padding:.25rem .75rem;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:12px;font-size:.75rem}.monitor-card .monitor-card-body .prediction-section{margin-bottom:1.5rem;padding:1rem;background:var(--info-bg);border-radius:6px}.monitor-card .monitor-card-body .prediction-section .prediction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.monitor-card .monitor-card-body .prediction-section .prediction-header .prediction-label{font-size:.8rem;color:var(--info-color);font-weight:500}.monitor-card .monitor-card-body .prediction-section .prediction-header .prediction-confidence{font-size:.75rem;padding:.125rem .5rem;border-radius:10px}.monitor-card .monitor-card-body .prediction-section .prediction-header .prediction-confidence.confidence--high{background:var(--success-bg);color:var(--success-color)}.monitor-card .monitor-card-body .prediction-section .prediction-header .prediction-confidence.confidence--medium{background:var(--warning-bg);color:var(--warning-color)}.monitor-card .monitor-card-body .prediction-section .prediction-header .prediction-confidence.confidence--low{background:var(--error-bg);color:var(--error-color)}.monitor-card .monitor-card-body .prediction-section .prediction-value .predicted-utilization{font-weight:600;color:var(--info-color)}.monitor-card .monitor-card-body .prediction-section .prediction-value .prediction-factors{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.monitor-card .monitor-card-body .prediction-section .prediction-value .prediction-factors .factor-tag{padding:.125rem .5rem;background:var(--bg-primary);color:var(--text-secondary);border-radius:10px;font-size:.7rem}.monitor-card .monitor-card-body .alerts-section{margin-bottom:1.5rem}.monitor-card .monitor-card-body .alerts-section h5{margin:0 0 .75rem;font-size:.9rem;color:var(--text-primary)}.monitor-card .monitor-card-body .alerts-section .alerts-list{display:flex;flex-direction:column;gap:.5rem}.monitor-card .monitor-card-body .alerts-section .alerts-list .alert-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:4px}.monitor-card .monitor-card-body .alerts-section .alerts-list .alert-item.alert--critical{background:var(--error-bg);border-left:3px solid var(--error-color)}.monitor-card .monitor-card-body .alerts-section .alerts-list .alert-item.alert--high{background:var(--warning-bg);border-left:3px solid var(--warning-color)}.monitor-card .monitor-card-body .alerts-section .alerts-list .alert-item.alert--medium{background:var(--info-bg);border-left:3px solid var(--info-color)}.monitor-card .monitor-card-body .alerts-section .alerts-list .alert-item.alert--low{background:var(--bg-tertiary);border-left:3px solid var(--text-secondary)}.monitor-card .monitor-card-body .alerts-section .alerts-list .alert-item .alert-content{flex:1}.monitor-card .monitor-card-body .alerts-section .alerts-list .alert-item .alert-content .alert-type{font-size:.75rem;font-weight:600;color:var(--text-primary);text-transform:capitalize;display:block;margin-bottom:.25rem}.monitor-card .monitor-card-body .alerts-section .alerts-list .alert-item .alert-content .alert-message{font-size:.8rem;color:var(--text-secondary)}.monitor-card .monitor-card-body .alerts-section .alerts-list .alert-item .alert-actions{display:flex;gap:.25rem}.monitor-card .monitor-card-body .alerts-section .alerts-list .more-alerts{text-align:center;font-size:.8rem;color:var(--text-secondary);padding:.5rem}.monitor-card .trend-section h5{margin:0 0 .75rem;font-size:.9rem;color:var(--text-primary)}.monitor-card .trend-section .trend-chart{background:var(--bg-tertiary);border-radius:4px;padding:.5rem}.monitor-list{background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);overflow:hidden}.monitor-list .list-header{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr 1fr 1fr;gap:1rem;padding:1rem 1.5rem;background:var(--bg-tertiary);font-weight:600;color:var(--text-primary);font-size:.9rem}.monitor-list .list-row{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr 1fr 1fr;gap:1rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease}.monitor-list .list-row:hover{background:var(--bg-hover)}.monitor-list .list-row--selected{background:rgba(var(--primary-color-rgb),.1);border-left:3px solid var(--primary-color)}.monitor-list .list-row .list-column{display:flex;align-items:center;gap:.5rem}.monitor-list .list-row .list-column .controller-info{display:flex;flex-direction:column;gap:.25rem}.monitor-list .list-row .list-column .controller-info .controller-name{font-weight:600;color:var(--text-primary)}.monitor-list .list-row .list-column .controller-info .skill-tags{display:flex;gap:.25rem}.monitor-list .list-row .list-column .controller-info .skill-tags .skill-tag-small{padding:.125rem .5rem;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:10px;font-size:.7rem}.monitor-list .list-row .list-column .status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.monitor-list .list-row .list-column .status-badge.status--available{background:var(--success-bg);color:var(--success-color)}.monitor-list .list-row .list-column .status-badge.status--busy{background:var(--warning-bg);color:var(--warning-color)}.monitor-list .list-row .list-column .status-badge.status--break{background:var(--info-bg);color:var(--info-color)}.monitor-list .list-row .list-column .status-badge.status--offline{background:var(--error-bg);color:var(--error-color)}.monitor-list .list-row .list-column .utilization-bar-small{width:60px;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.monitor-list .list-row .list-column .utilization-bar-small .utilization-fill-small{height:100%;transition:width .3s ease}.monitor-list .list-row .list-column .utilization-text,.monitor-list .list-row .list-column .alerts-count{font-weight:600;color:var(--text-primary)}.monitor-list .list-row .list-column .alerts-count--warning{color:var(--warning-color)}.monitor-list .list-row .list-column .alerts-count .health-alerts{color:var(--error-color);font-size:.8rem}.monitor-list .list-row .list-column .response-time{color:var(--text-primary)}.health-report-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.health-report-modal .modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.health-report-modal .modal-content{position:relative;background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-lg);max-width:600px;max-height:80vh;overflow:hidden;width:90%}.health-report-modal .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.health-report-modal .modal-content .modal-header h4{margin:0;color:var(--text-primary)}.health-report-modal .modal-content .modal-body{padding:1.5rem;overflow-y:auto;max-height:calc(80vh - 100px)}.health-report-modal .modal-content .modal-body .health-summary{margin-bottom:2rem}.health-report-modal .modal-content .modal-body .health-summary .overall-score{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.health-report-modal .modal-content .modal-body .health-summary .overall-score .score-label{font-size:1.1rem;color:var(--text-primary)}.health-report-modal .modal-content .modal-body .health-summary .overall-score .score-value{font-size:2rem;font-weight:700}.health-report-modal .modal-content .modal-body .health-summary .overall-score .score-value.score--good{color:var(--success-color)}.health-report-modal .modal-content .modal-body .health-summary .overall-score .score-value.score--warning{color:var(--warning-color)}.health-report-modal .modal-content .modal-body .health-summary .overall-score .score-value.score--critical{color:var(--error-color)}.health-report-modal .modal-content .modal-body .health-summary .health-summary-text{color:var(--text-secondary);line-height:1.5}.health-report-modal .modal-content .modal-body .recommendations,.health-report-modal .modal-content .modal-body .risk-factors{margin-bottom:1.5rem}.health-report-modal .modal-content .modal-body .recommendations h5,.health-report-modal .modal-content .modal-body .risk-factors h5{margin:0 0 .75rem;color:var(--text-primary)}.health-report-modal .modal-content .modal-body .recommendations ul,.health-report-modal .modal-content .modal-body .risk-factors ul{margin:0;padding-left:1.5rem}.health-report-modal .modal-content .modal-body .recommendations ul li,.health-report-modal .modal-content .modal-body .risk-factors ul li{color:var(--text-secondary);margin-bottom:.5rem;line-height:1.4}.health-report-modal .modal-content .modal-body .recommendations ul li{color:var(--info-color)}.health-report-modal .modal-content .modal-body .risk-factors ul li{color:var(--warning-color)}.alerts-summary{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.alerts-summary h4{margin:0 0 1rem;color:var(--text-primary)}.alerts-summary .summary-alerts{display:flex;flex-direction:column;gap:.75rem}.alerts-summary .summary-alerts .summary-alert{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:6px}.alerts-summary .summary-alerts .summary-alert.alert--critical{background:var(--error-bg);border-left:4px solid var(--error-color)}.alerts-summary .summary-alerts .summary-alert.alert--high{background:var(--warning-bg);border-left:4px solid var(--warning-color)}.alerts-summary .summary-alerts .summary-alert.alert--medium{background:var(--info-bg);border-left:4px solid var(--info-color)}.alerts-summary .summary-alerts .summary-alert .alert-controller{font-weight:600;color:var(--text-primary);margin-right:.5rem}.alerts-summary .summary-alerts .summary-alert .alert-message{color:var(--text-secondary);flex:1}.alerts-summary .summary-alerts .summary-alert .alert-actions{display:flex;gap:.5rem}.alerts-summary .summary-alerts .more-alerts-summary{text-align:center;color:var(--text-secondary);font-style:italic;padding:.5rem}@media (max-width: 1024px){.monitor-header{flex-direction:column;gap:1rem;align-items:stretch}.monitor-header .header-controls{justify-content:space-between}.monitor-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.monitor-card .monitor-card-header .utilization-display .utilization-circle{width:60px;height:60px}.monitor-card .monitor-card-header .utilization-display .utilization-circle .utilization-inner{width:45px;height:45px}.monitor-card .monitor-card-header .utilization-display .utilization-circle .utilization-inner .utilization-value{font-size:1rem}.monitor-card .monitor-card-header .utilization-display .utilization-circle .utilization-inner .utilization-label{font-size:.6rem}.monitor-card .metrics-grid{grid-template-columns:1fr}}@media (max-width: 768px){.monitor-header .header-info .system-metrics{flex-direction:column;gap:.5rem}.monitor-header .header-controls{flex-direction:column;gap:.5rem;align-items:stretch}.monitor-header .header-controls .filter-controls{justify-content:space-between}.monitor-list .list-header,.monitor-list .list-row{grid-template-columns:2fr 1fr 1fr}.monitor-list .list-header .list-column:nth-child(4),.monitor-list .list-header .list-column:nth-child(5),.monitor-list .list-header .list-column:nth-child(6),.monitor-list .list-row .list-column:nth-child(4),.monitor-list .list-row .list-column:nth-child(5),.monitor-list .list-row .list-column:nth-child(6){display:none}.health-report-modal .modal-content{width:95%;margin:1rem}}.manual-assignment{display:flex;flex-direction:column;gap:2rem;padding:1.5rem}.assignment-header h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.assignment-header p{margin:0;color:var(--text-secondary);line-height:1.5}.controllers-section h4{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.controllers-section .controllers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.assignment-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:1rem;transition:all .2s ease;cursor:grab}.assignment-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.assignment-card--from{border-color:var(--warning-color);background:var(--warning-bg)}.assignment-card--to{border-color:var(--success-color);background:var(--success-bg)}.assignment-card--dragging{opacity:.5;transform:rotate(5deg);cursor:grabbing}.assignment-card--drop-target{border-color:var(--primary-color);border-style:dashed;background:rgba(var(--primary-color-rgb),.1)}.assignment-card .assignment-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.assignment-card .assignment-card-header .controller-info .controller-name{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.assignment-card .assignment-card-header .controller-info .controller-status{padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.assignment-card .assignment-card-header .controller-info .controller-status.status--available{background:var(--success-bg);color:var(--success-color)}.assignment-card .assignment-card-header .controller-info .controller-status.status--busy{background:var(--warning-bg);color:var(--warning-color)}.assignment-card .assignment-card-header .controller-info .controller-status.status--break{background:var(--info-bg);color:var(--info-color)}.assignment-card .assignment-card-header .controller-info .controller-status.status--offline{background:var(--error-bg);color:var(--error-color)}.assignment-card .assignment-card-header .utilization-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.assignment-card .assignment-card-header .utilization-info .utilization-bar{width:60px;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.assignment-card .assignment-card-header .utilization-info .utilization-bar .utilization-fill{height:100%;transition:width .3s ease}.assignment-card .assignment-card-header .utilization-info .utilization-text{font-size:.8rem;font-weight:600;color:var(--text-primary)}.assignment-card .assignment-card-body .metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.assignment-card .assignment-card-body .metrics .metric{display:flex;flex-direction:column;gap:.25rem}.assignment-card .assignment-card-body .metrics .metric .metric-label{font-size:.8rem;color:var(--text-secondary)}.assignment-card .assignment-card-body .metrics .metric .metric-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.assignment-card .assignment-card-body .assignment-actions{display:flex;gap:.5rem;flex-wrap:wrap}.assignment-card .drag-hint{margin-top:1rem;padding:.5rem;background:var(--bg-tertiary);border-radius:4px;text-align:center;font-size:.8rem;color:var(--text-secondary);border:1px dashed var(--border-color)}.reassignment-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.reassignment-form h4{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.reassignment-form .form-row{display:grid;grid-template-columns:2fr 2fr 1fr auto;gap:1rem;align-items:end}.reassignment-form .form-row .form-group{display:flex;flex-direction:column;gap:.5rem}.reassignment-form .form-row .form-group label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.reassignment-form .form-row .form-group .form-select,.reassignment-form .form-row .form-group .form-input{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.reassignment-form .form-row .form-group .form-select:focus,.reassignment-form .form-row .form-group .form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.reassignments-list{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.reassignments-list .list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.reassignments-list .list-header h4{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.reassignments-list .list-header .list-actions{display:flex;gap:.5rem}.reassignments-list .empty-state{text-align:center;padding:2rem;color:var(--text-secondary)}.reassignments-list .reassignments-table{display:flex;flex-direction:column;gap:.75rem}.reassignments-list .reassignments-table .reassignment-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px}.reassignments-list .reassignments-table .reassignment-row .reassignment-info{flex:1}.reassignments-list .reassignments-table .reassignment-row .reassignment-info .from-to{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.reassignments-list .reassignments-table .reassignment-row .reassignment-info .from-to .from-controller{font-weight:600;color:var(--warning-color)}.reassignments-list .reassignments-table .reassignment-row .reassignment-info .from-to .arrow{color:var(--text-secondary);font-size:1.2rem}.reassignments-list .reassignments-table .reassignment-row .reassignment-info .from-to .to-controller{font-weight:600;color:var(--success-color)}.reassignments-list .reassignments-table .reassignment-row .reassignment-info .reassignment-details{display:flex;gap:1rem;font-size:.8rem;color:var(--text-secondary)}.reassignments-list .reassignments-table .reassignment-row .reassignment-info .reassignment-details .reason{font-style:italic}.pending-plans{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.pending-plans h4{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.pending-plans .empty-state{text-align:center;padding:2rem;color:var(--text-secondary)}.pending-plans .plans-list{display:flex;flex-direction:column;gap:1rem}.pending-plans .plans-list .plan-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:1.5rem}.pending-plans .plans-list .plan-card .plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.pending-plans .plans-list .plan-card .plan-header .plan-info h5{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.pending-plans .plans-list .plan-card .plan-header .plan-info .plan-trigger{font-size:.8rem;color:var(--text-secondary);text-transform:capitalize}.pending-plans .plans-list .plan-card .plan-body .plan-impact{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.pending-plans .plans-list .plan-card .plan-body .plan-impact .impact-item{display:flex;flex-direction:column;gap:.25rem}.pending-plans .plans-list .plan-card .plan-body .plan-impact .impact-item .impact-label{font-size:.8rem;color:var(--text-secondary)}.pending-plans .plans-list .plan-card .plan-body .plan-impact .impact-item .impact-value{font-weight:600;color:var(--text-primary)}.pending-plans .plans-list .plan-card .plan-body .plan-reassignments h6{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:var(--text-primary)}.pending-plans .plans-list .plan-card .plan-body .plan-reassignments .reassignments-preview{display:flex;flex-direction:column;gap:.5rem}.pending-plans .plans-list .plan-card .plan-body .plan-reassignments .reassignments-preview .reassignment-preview{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.pending-plans .plans-list .plan-card .plan-body .plan-reassignments .reassignments-preview .reassignment-preview .from{color:var(--warning-color);font-weight:500}.pending-plans .plans-list .plan-card .plan-body .plan-reassignments .reassignments-preview .reassignment-preview .arrow{color:var(--text-secondary)}.pending-plans .plans-list .plan-card .plan-body .plan-reassignments .reassignments-preview .reassignment-preview .to{color:var(--success-color);font-weight:500}.pending-plans .plans-list .plan-card .plan-body .plan-reassignments .reassignments-preview .more-reassignments{font-size:.8rem;color:var(--text-secondary);font-style:italic}.assignment-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.assignment-modal .modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.assignment-modal .modal-content{position:relative;background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-lg);max-width:1200px;max-height:90vh;overflow:hidden;width:95%}.assignment-modal .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.assignment-modal .modal-content .modal-header h3{margin:0;color:var(--text-primary)}.assignment-modal .modal-content .modal-body{overflow-y:auto;max-height:calc(90vh - 100px)}@media (max-width: 1024px){.controllers-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.reassignment-form .form-row{grid-template-columns:1fr;gap:1rem}.plan-impact{grid-template-columns:1fr}}@media (max-width: 768px){.manual-assignment{padding:1rem}.assignment-card .assignment-card-header{flex-direction:column;gap:.5rem;align-items:flex-start}.assignment-card .metrics{grid-template-columns:1fr}.list-header{flex-direction:column;gap:1rem;align-items:stretch}.list-header .list-actions{justify-content:center}.reassignment-row,.plan-header{flex-direction:column;gap:1rem;align-items:stretch}.plan-header .plan-actions{justify-content:center}}@media (max-width: 480px){.controllers-grid{grid-template-columns:1fr}.assignment-modal .modal-content{width:100%;height:100%;max-height:100vh;border-radius:0}}.algorithm-config{padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.config-header h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.config-header p{margin:0;color:var(--text-secondary)}.config-sections{display:flex;flex-direction:column;gap:2rem}.config-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.config-section h4{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.config-section .config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.config-section .config-grid .config-item{display:flex;flex-direction:column;gap:.75rem}.config-section .config-grid .config-item label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.config-section .config-grid .config-item input[type=range]{width:100%;height:6px;border-radius:3px;background:var(--bg-tertiary);outline:none;-webkit-appearance:none}.config-section .config-grid .config-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer}.config-section .config-grid .config-item input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none}.config-section .config-grid .config-item input[type=number]{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary)}.config-section .config-grid .config-item input[type=number]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.config-section .config-grid .config-item .weight-value{font-weight:600;color:var(--primary-color);text-align:center}.config-section .config-toggles{display:flex;flex-direction:column;gap:1rem}.config-section .config-toggles .toggle-item{display:flex;align-items:flex-start;gap:1rem;cursor:pointer}.config-section .config-toggles .toggle-item input[type=checkbox]{margin-top:.25rem}.config-section .config-toggles .toggle-item .toggle-label{font-weight:500;color:var(--text-primary);margin-bottom:.25rem;display:block}.config-section .config-toggles .toggle-item .toggle-description{font-size:.8rem;color:var(--text-secondary);display:block}.config-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-color)}.config-error{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--error-bg);color:var(--error-color);border-radius:6px}.config-error .error-icon{font-size:1.2rem}.load-balancing-analytics{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--background-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.load-balancing-analytics__header{display:flex;justify-content:space-between;align-items:center}.load-balancing-analytics__header h3{color:var(--text-primary);margin:0}.load-balancing-analytics__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.load-balancing-analytics__chart{min-height:300px;background:var(--background-secondary);border-radius:var(--radius-md);padding:var(--spacing-md)}.load-balancing-dashboard{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);border-radius:8px;overflow:hidden}.load-balancing-dashboard--dashboard{min-height:600px}.load-balancing-dashboard--modal{max-width:1200px;max-height:80vh;margin:auto;box-shadow:var(--shadow-lg)}.load-balancing-dashboard--sidebar{width:400px;max-height:100vh}.load-balancing-dashboard--compact{font-size:.9rem}.load-balancing-dashboard--compact .status-cards{grid-template-columns:repeat(2,1fr)}.load-balancing-dashboard--compact .controller-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.load-balancing-dashboard--expanded .status-cards{grid-template-columns:repeat(6,1fr)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.dashboard-header .header-info{display:flex;flex-direction:column;gap:.5rem}.dashboard-header .header-info .header-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.dashboard-header .header-info .header-status{display:flex;align-items:center;gap:1rem}.dashboard-header .header-info .header-status .loading-indicator{display:flex;align-items:center;gap:.5rem;color:var(--primary-color);font-size:.9rem}.dashboard-header .header-info .header-status .error-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--error-bg);color:var(--error-color);border-radius:4px;font-size:.9rem}.dashboard-header .header-info .header-status .error-indicator .error-icon{font-size:1rem}.dashboard-header .header-tabs{display:flex;gap:.5rem}.dashboard-header .header-tabs .tab-btn{padding:.75rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.dashboard-header .header-tabs .tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.dashboard-header .header-tabs .tab-btn--active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.dashboard-content{flex:1;padding:1.5rem;overflow-y:auto}.status-cards .status-card .status-card-header .status-indicator--neutral{background:var(--bg-tertiary);color:var(--text-primary)}.status-cards .status-card .status-card-body .metric-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:1rem}.status-cards .status-card .status-card-body .metric-bar .metric-bar-fill{height:100%;transition:width .3s ease}.status-cards .status-card .status-card-body .controller-breakdown{display:flex;flex-direction:column;gap:.5rem}.status-cards .status-card .status-card-body .controller-breakdown .breakdown-item{display:flex;align-items:center;gap:.5rem}.status-cards .status-card .status-card-body .controller-breakdown .breakdown-item .status-dot{width:8px;height:8px;border-radius:50%}.status-cards .status-card .status-card-body .controller-breakdown .breakdown-item .status-dot--available{background:var(--success-color)}.status-cards .status-card .status-card-body .controller-breakdown .breakdown-item .status-dot--busy{background:var(--warning-color)}.status-cards .status-card .status-card-body .controller-breakdown .breakdown-item .status-dot--break{background:var(--info-color)}.status-cards .status-card .status-card-body .controller-breakdown .breakdown-item .status-dot--offline{background:var(--error-color)}.status-cards .status-card .status-card-body .controller-breakdown .breakdown-item .breakdown-label{flex:1;font-size:.9rem;color:var(--text-secondary);text-transform:capitalize}.status-cards .status-card .status-card-body .controller-breakdown .breakdown-item .breakdown-count{font-weight:600;color:var(--text-primary)}.status-cards .status-card .status-card-body .health-indicators{display:flex;flex-direction:column;gap:.5rem}.status-cards .status-card .status-card-body .health-indicators .health-item{display:flex;justify-content:space-between;align-items:center}.status-cards .status-card .status-card-body .health-indicators .health-item .health-label{font-size:.9rem;color:var(--text-secondary)}.status-cards .status-card .status-card-body .health-indicators .health-item .health-value{font-weight:600}.status-cards .status-card .status-card-body .health-indicators .health-item .health-value--good{color:var(--success-color)}.status-cards .status-card .status-card-body .health-indicators .health-item .health-value--warning{color:var(--warning-color)}.status-cards .status-card .status-card-body .health-indicators .health-item .health-value--critical{color:var(--error-color)}.controller-grid .grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.controller-grid .grid-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.controller-grid .grid-header .grid-actions{display:flex;gap:.5rem}.controller-grid .controller-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.controller-grid .controller-cards .controller-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .2s ease}.controller-grid .controller-cards .controller-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.controller-grid .controller-cards .controller-card--selected{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.controller-grid .controller-cards .controller-card .controller-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.controller-grid .controller-cards .controller-card .controller-card-header .controller-info .controller-name{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.controller-grid .controller-cards .controller-card .controller-card-header .controller-info .controller-status{padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.controller-grid .controller-cards .controller-card .controller-card-header .controller-info .controller-status--available{background:var(--success-bg);color:var(--success-color)}.controller-grid .controller-cards .controller-card .controller-card-header .controller-info .controller-status--busy{background:var(--warning-bg);color:var(--warning-color)}.controller-grid .controller-cards .controller-card .controller-card-header .controller-info .controller-status--break{background:var(--info-bg);color:var(--info-color)}.controller-grid .controller-cards .controller-card .controller-card-header .controller-info .controller-status--offline{background:var(--error-bg);color:var(--error-color)}.controller-grid .controller-cards .controller-card .controller-card-header .controller-utilization .utilization-percent{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.controller-grid .controller-cards .controller-card .controller-card-body .utilization-bar{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-bottom:1rem}.controller-grid .controller-cards .controller-card .controller-card-body .utilization-bar .utilization-fill{height:100%;transition:width .3s ease}.controller-grid .controller-cards .controller-card .controller-card-body .controller-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.controller-grid .controller-cards .controller-card .controller-card-body .controller-metrics .metric{display:flex;flex-direction:column;gap:.25rem}.controller-grid .controller-cards .controller-card .controller-card-body .controller-metrics .metric .metric-label{font-size:.8rem;color:var(--text-secondary)}.controller-grid .controller-cards .controller-card .controller-card-body .controller-metrics .metric .metric-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.controller-grid .controller-cards .controller-card .controller-card-body .controller-skills{display:flex;flex-wrap:wrap;gap:.25rem}.controller-grid .controller-cards .controller-card .controller-card-body .controller-skills .skill-tag{padding:.125rem .5rem;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:12px;font-size:.75rem}.controller-grid .controller-cards .controller-card .controller-card-body .controller-skills .skill-tag--more{background:var(--primary-bg);color:var(--primary-color)}.controller-grid .controller-cards .controller-card .controller-card-details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.controller-grid .controller-cards .controller-card .controller-card-details .detail-actions{display:flex;gap:.5rem}.recommendations-section h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.recommendations-section .recommendations-list{display:flex;flex-direction:column;gap:.75rem}.recommendations-section .recommendations-list .recommendation-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--info-bg);border-left:4px solid var(--info-color);border-radius:4px}.recommendations-section .recommendations-list .recommendation-item .recommendation-icon{font-size:1.2rem}.recommendations-section .recommendations-list .recommendation-item .recommendation-text{color:var(--info-color);font-weight:500}.critical-alerts-section h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.critical-alerts-section .alerts-list{display:flex;flex-direction:column;gap:.75rem}.critical-alerts-section .alerts-list .alert-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:6px}.critical-alerts-section .alerts-list .alert-item--critical{background:var(--error-bg);border-left:4px solid var(--error-color)}.critical-alerts-section .alerts-list .alert-item .alert-content{display:flex;align-items:center;gap:.75rem}.critical-alerts-section .alerts-list .alert-item .alert-content .alert-icon{font-size:1.2rem}.critical-alerts-section .alerts-list .alert-item .alert-content .alert-details{display:flex;flex-direction:column;gap:.25rem}.critical-alerts-section .alerts-list .alert-item .alert-content .alert-details .alert-controller{font-weight:600;color:var(--error-color)}.critical-alerts-section .alerts-list .alert-item .alert-content .alert-details .alert-message{color:var(--error-color);font-size:.9rem}.critical-alerts-section .alerts-list .alert-item .alert-actions{display:flex;gap:.5rem}@media (max-width: 1024px){.load-balancing-dashboard--dashboard .status-cards{grid-template-columns:repeat(2,1fr)}.load-balancing-dashboard--dashboard .controller-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:1rem;align-items:stretch}.dashboard-header .header-tabs{overflow-x:auto;padding-bottom:.5rem}.dashboard-header .header-tabs .tab-btn{flex-shrink:0;padding:.5rem .75rem;font-size:.8rem}.status-cards,.controller-cards{grid-template-columns:1fr}.grid-header{flex-direction:column;gap:1rem;align-items:stretch}.grid-header .grid-actions{justify-content:center}}@media (max-width: 480px){.dashboard-content{padding:1rem}.controller-card .controller-card-header{flex-direction:column;gap:.5rem;align-items:flex-start}.controller-card .controller-metrics{grid-template-columns:1fr}}.app-notifications{display:flex;flex-direction:column;gap:2rem;padding:1.5rem}.app-notifications-header{display:flex;justify-content:space-between;align-items:center}.app-notifications-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.app-notifications-header .header-stats{display:flex;gap:1rem}.app-notifications-header .header-stats .stat-item{display:flex;gap:.5rem;align-items:center}.app-notifications-header .header-stats .stat-item .stat-label{font-size:.9rem;color:var(--text-secondary)}.app-notifications-header .header-stats .stat-item .stat-value{font-weight:600;color:var(--text-primary)}.permission-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.permission-section .permission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.permission-section .permission-header h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.permission-section .permission-header .permission-status{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.permission-section .permission-header .permission-status.status--granted{background:var(--success-bg);color:var(--success-color)}.permission-section .permission-header .permission-status.status--denied{background:var(--error-bg);color:var(--error-color)}.permission-section .permission-header .permission-status.status--default{background:var(--warning-bg);color:var(--warning-color)}.permission-section .permission-content p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.permission-section .permission-content .permission-help{margin-top:1rem;font-size:.8rem;color:var(--text-secondary);font-style:italic}.notification-toast{position:fixed;top:20px;right:20px;width:400px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);z-index:1000;animation:slideIn .3s ease-out}.notification-toast.toast--emergency{border-left:4px solid var(--error-color);animation:pulse 1s infinite}.notification-toast.toast--high{border-left:4px solid var(--warning-color)}.notification-toast.toast--normal{border-left:4px solid var(--info-color)}.notification-toast.toast--low{border-left:4px solid var(--text-secondary)}.notification-toast .toast-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1rem 0}.notification-toast .toast-header .toast-meta{display:flex;gap:.5rem;align-items:center}.notification-toast .toast-header .toast-meta .toast-type{font-size:.8rem;color:var(--text-secondary)}.notification-toast .toast-header .toast-meta .toast-priority{padding:.125rem .5rem;border-radius:10px;font-size:.7rem;font-weight:500;text-transform:capitalize}.notification-toast .toast-header .toast-meta .toast-priority.priority--emergency{background:var(--error-bg);color:var(--error-color)}.notification-toast .toast-header .toast-meta .toast-priority.priority--high{background:var(--warning-bg);color:var(--warning-color)}.notification-toast .toast-header .toast-meta .toast-priority.priority--normal{background:var(--info-bg);color:var(--info-color)}.notification-toast .toast-header .toast-meta .toast-priority.priority--low{background:var(--bg-tertiary);color:var(--text-secondary)}.notification-toast .toast-header .toast-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;padding:.25rem}.notification-toast .toast-header .toast-close:hover{color:var(--text-primary)}.notification-toast .toast-content{padding:1rem}.notification-toast .toast-content .toast-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.notification-toast .toast-content .toast-message{margin:0;color:var(--text-secondary);line-height:1.4}.notification-toast .toast-actions{display:flex;gap:.5rem;padding:0 1rem 1rem}.notifications-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.notifications-section .section-header h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.notifications-section .notifications-list{display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto}.notifications-section .notifications-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.notifications-section .notifications-list .empty-state .empty-icon{font-size:3rem;margin-bottom:1rem}.notifications-section .notifications-list .empty-state .empty-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.notifications-section .notifications-list .empty-state .empty-description{color:var(--text-secondary)}.notifications-section .notifications-list .notification-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;transition:all .2s ease}.notifications-section .notifications-list .notification-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.notifications-section .notifications-list .notification-card--unread{border-left:4px solid var(--primary-color);background:rgba(var(--primary-color-rgb),.05)}.notifications-section .notifications-list .notification-card--emergency{border-left:4px solid var(--error-color)}.notifications-section .notifications-list .notification-card--high{border-left:4px solid var(--warning-color)}.notifications-section .notifications-list .notification-card--normal{border-left:4px solid var(--info-color)}.notifications-section .notifications-list .notification-card--low{border-left:4px solid var(--text-secondary)}.notifications-section .notifications-list .notification-card .notification-card-header{margin-bottom:.75rem}.notifications-section .notifications-list .notification-card .notification-card-header .notification-meta{display:flex;gap:.75rem;align-items:center}.notifications-section .notifications-list .notification-card .notification-card-header .notification-meta .notification-time{font-size:.8rem;color:var(--text-secondary)}.notifications-section .notifications-list .notification-card .notification-card-header .notification-meta .notification-priority{padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.notifications-section .notifications-list .notification-card .notification-card-header .notification-meta .notification-priority.priority--emergency{background:var(--error-bg);color:var(--error-color)}.notifications-section .notifications-list .notification-card .notification-card-header .notification-meta .notification-priority.priority--high{background:var(--warning-bg);color:var(--warning-color)}.notifications-section .notifications-list .notification-card .notification-card-header .notification-meta .notification-priority.priority--normal{background:var(--info-bg);color:var(--info-color)}.notifications-section .notifications-list .notification-card .notification-card-header .notification-meta .notification-priority.priority--low{background:var(--bg-tertiary);color:var(--text-secondary)}.notifications-section .notifications-list .notification-card .notification-card-header .notification-meta .unread-indicator{padding:.125rem .5rem;background:var(--primary-color);color:#fff;border-radius:12px;font-size:.7rem;font-weight:600}.notifications-section .notifications-list .notification-card .notification-card-body{margin-bottom:1rem}.notifications-section .notifications-list .notification-card .notification-card-body .notification-title{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.notifications-section .notifications-list .notification-card .notification-card-body .notification-message{margin:0 0 .75rem;color:var(--text-secondary);line-height:1.4}.notifications-section .notifications-list .notification-card .notification-card-body .notification-recipient{font-size:.8rem;color:var(--text-secondary);font-style:italic}.notifications-section .notifications-list .notification-card .notification-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--border-color)}.notifications-section .notifications-list .notification-card .notification-card-footer .delivery-info{display:flex;flex-direction:column;gap:.25rem}.notifications-section .notifications-list .notification-card .notification-card-footer .delivery-info .delivery-status{padding:.125rem .5rem;border-radius:12px;font-size:.7rem;font-weight:500;text-transform:capitalize}.notifications-section .notifications-list .notification-card .notification-card-footer .delivery-info .delivery-status.status--delivered{background:var(--success-bg);color:var(--success-color)}.notifications-section .notifications-list .notification-card .notification-card-footer .delivery-info .delivery-status.status--sent{background:var(--info-bg);color:var(--info-color)}.notifications-section .notifications-list .notification-card .notification-card-footer .delivery-info .delivery-status.status--pending{background:var(--warning-bg);color:var(--warning-color)}.notifications-section .notifications-list .notification-card .notification-card-footer .delivery-info .delivery-status.status--failed{background:var(--error-bg);color:var(--error-color)}.notifications-section .notifications-list .notification-card .notification-card-footer .delivery-info .delivery-time,.notifications-section .notifications-list .notification-card .notification-card-footer .delivery-info .read-time{font-size:.7rem;color:var(--text-secondary)}.notifications-section .notifications-list .notification-card .notification-card-footer .notification-actions{display:flex;gap:.5rem}.help-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.help-section h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.help-section .help-content{display:flex;flex-direction:column;gap:1rem}.help-section .help-content .help-item strong{display:block;margin-bottom:.25rem;color:var(--text-primary)}.help-section .help-content .help-item p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.4}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{box-shadow:0 0 rgba(var(--error-color-rgb),.7)}50%{box-shadow:0 0 0 10px rgba(var(--error-color-rgb),0)}}@media (max-width: 768px){.app-notifications-header{flex-direction:column;gap:1rem;align-items:flex-start}.notification-toast{width:calc(100vw - 40px);right:20px;left:20px}.permission-section .permission-header{flex-direction:column;gap:.5rem;align-items:flex-start}.notification-card .notification-card-footer{flex-direction:column;gap:1rem;align-items:flex-start}}.sms-notifications{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--background-primary);border-radius:var(--radius-lg)}.sms-notifications__header{display:flex;justify-content:space-between;align-items:center}.sms-notifications__header h3{color:var(--text-primary);margin:0}.sms-notifications__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sms-notifications__item{padding:var(--spacing-md);background:var(--background-secondary);border-radius:var(--radius-md);border-left:3px solid var(--primary-color)}.notification-center{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);border-radius:8px;overflow:hidden}.notification-center--dashboard{min-height:600px}.notification-center--modal{max-width:100vw;max-height:85vh;margin:auto;box-shadow:var(--shadow-lg)}.notification-center--sidebar{width:450px;max-height:100vh}.notification-center--embedded{border-radius:0;height:auto}.notification-center--compact{font-size:.9rem}.notification-center--compact .status-cards{grid-template-columns:repeat(2,1fr)}.notification-center--compact .channel-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.notification-center--expanded .status-cards{grid-template-columns:repeat(6,1fr)}.notification-center-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.notification-center-header .header-info{display:flex;flex-direction:column;gap:.5rem}.notification-center-header .header-info .header-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.notification-center-header .header-info .header-status{display:flex;align-items:center;gap:1rem}.notification-center-header .header-info .header-status .loading-indicator,.notification-center-header .header-info .header-status .delivering-indicator{display:flex;align-items:center;gap:.5rem;color:var(--primary-color);font-size:.9rem}.notification-center-header .header-info .header-status .error-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--error-bg);color:var(--error-color);border-radius:4px;font-size:.9rem}.notification-center-header .header-info .header-status .error-indicator .error-icon{font-size:1rem}.notification-center-header .header-tabs{display:flex;gap:.5rem}.notification-center-header .header-tabs .tab-btn{padding:.75rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.notification-center-header .header-tabs .tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.notification-center-header .header-tabs .tab-btn--active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.notification-center-content{flex:1;padding:1.5rem;overflow-y:auto}.status-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.status-cards .status-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .2s ease}.status-cards .status-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.status-cards .status-card .status-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.status-cards .status-card .status-card-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.status-cards .status-card .status-card-header .status-indicator{padding:.25rem .75rem;border-radius:20px;font-size:.9rem;font-weight:600}.status-cards .status-card .status-card-header .status-indicator--good{background:var(--success-bg);color:var(--success-color)}.status-cards .status-card .status-card-header .status-indicator--warning{background:var(--warning-bg);color:var(--warning-color)}.status-cards .status-card .status-card-header .status-indicator--critical{background:var(--error-bg);color:var(--error-color)}.status-cards .status-card .status-card-header .status-indicator--info{background:var(--info-bg);color:var(--info-color)}.status-cards .status-card .status-card-body .status-description{margin:0;font-size:.9rem;color:var(--text-secondary)}.status-cards .status-card .status-card-body .breakdown{display:flex;justify-content:space-between}.status-cards .status-card .status-card-body .breakdown .breakdown-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.status-cards .status-card .status-card-body .breakdown .breakdown-item .breakdown-label{font-size:.8rem;color:var(--text-secondary)}.status-cards .status-card .status-card-body .breakdown .breakdown-item .breakdown-value{font-size:1.2rem;font-weight:600;color:var(--text-primary)}.channel-status-section h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.channel-status-section .channel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.channel-status-section .channel-grid .channel-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .2s ease}.channel-status-section .channel-grid .channel-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.channel-status-section .channel-grid .channel-card--active{border-left:4px solid var(--success-color)}.channel-status-section .channel-grid .channel-card--inactive{border-left:4px solid var(--error-color);opacity:.7}.channel-status-section .channel-grid .channel-card .channel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.channel-status-section .channel-grid .channel-card .channel-header .channel-info .channel-name{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.channel-status-section .channel-grid .channel-card .channel-header .channel-info .channel-status{padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.channel-status-section .channel-grid .channel-card .channel-header .channel-info .channel-status.status--active{background:var(--success-bg);color:var(--success-color)}.channel-status-section .channel-grid .channel-card .channel-header .channel-info .channel-status.status--inactive{background:var(--error-bg);color:var(--error-color)}.channel-status-section .channel-grid .channel-card .channel-header .channel-icon{font-size:1.5rem}.channel-status-section .channel-grid .channel-card .channel-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.channel-status-section .channel-grid .channel-card .channel-metrics .metric{display:flex;flex-direction:column;gap:.25rem}.channel-status-section .channel-grid .channel-card .channel-metrics .metric .metric-label{font-size:.8rem;color:var(--text-secondary)}.channel-status-section .channel-grid .channel-card .channel-metrics .metric .metric-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.recent-notifications-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.recent-notifications-section .section-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.recent-notifications-section .section-header .section-actions{display:flex;gap:1rem;align-items:center}.recent-notifications-section .section-header .section-actions .filter-controls{display:flex;gap:.5rem}.recent-notifications-section .section-header .section-actions .filter-controls .filter-select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.recent-notifications-section .notifications-list{display:flex;flex-direction:column;gap:.75rem;max-height:500px;overflow-y:auto}.recent-notifications-section .notifications-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.recent-notifications-section .notifications-list .empty-state .empty-icon{font-size:3rem;margin-bottom:1rem}.recent-notifications-section .notifications-list .empty-state .empty-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.recent-notifications-section .notifications-list .empty-state .empty-description{color:var(--text-secondary)}.recent-notifications-section .notifications-list .notification-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease}.recent-notifications-section .notifications-list .notification-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.recent-notifications-section .notifications-list .notification-item--selected{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.recent-notifications-section .notifications-list .notification-item--emergency{border-left:4px solid var(--error-color)}.recent-notifications-section .notifications-list .notification-item--high{border-left:4px solid var(--warning-color)}.recent-notifications-section .notifications-list .notification-item--normal{border-left:4px solid var(--info-color)}.recent-notifications-section .notifications-list .notification-item--low{border-left:4px solid var(--text-secondary)}.recent-notifications-section .notifications-list .notification-item .notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.recent-notifications-section .notifications-list .notification-item .notification-header .notification-meta{display:flex;gap:.75rem;align-items:center}.recent-notifications-section .notifications-list .notification-item .notification-header .notification-meta .notification-type{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase}.recent-notifications-section .notifications-list .notification-item .notification-header .notification-meta .notification-priority{padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.recent-notifications-section .notifications-list .notification-item .notification-header .notification-meta .notification-priority.priority--emergency{background:var(--error-bg);color:var(--error-color)}.recent-notifications-section .notifications-list .notification-item .notification-header .notification-meta .notification-priority.priority--high{background:var(--warning-bg);color:var(--warning-color)}.recent-notifications-section .notifications-list .notification-item .notification-header .notification-meta .notification-priority.priority--normal{background:var(--info-bg);color:var(--info-color)}.recent-notifications-section .notifications-list .notification-item .notification-header .notification-meta .notification-priority.priority--low{background:var(--bg-tertiary);color:var(--text-secondary)}.recent-notifications-section .notifications-list .notification-item .notification-header .notification-meta .notification-status{padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.recent-notifications-section .notifications-list .notification-item .notification-header .notification-meta .notification-status.status--pending{background:var(--warning-bg);color:var(--warning-color)}.recent-notifications-section .notifications-list .notification-item .notification-header .notification-meta .notification-status.status--sent{background:var(--info-bg);color:var(--info-color)}.recent-notifications-section .notifications-list .notification-item .notification-header .notification-meta .notification-status.status--delivered{background:var(--success-bg);color:var(--success-color)}.recent-notifications-section .notifications-list .notification-item .notification-header .notification-meta .notification-status.status--failed{background:var(--error-bg);color:var(--error-color)}.recent-notifications-section .notifications-list .notification-item .notification-header .notification-time{font-size:.8rem;color:var(--text-secondary)}.recent-notifications-section .notifications-list .notification-item .notification-content .notification-recipient{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.recent-notifications-section .notifications-list .notification-item .notification-content .notification-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.recent-notifications-section .notifications-list .notification-item .notification-content .notification-message{font-size:.9rem;color:var(--text-secondary);line-height:1.4}.recent-notifications-section .notifications-list .notification-item .notification-details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.recent-notifications-section .notifications-list .notification-item .notification-details .notification-actions{display:flex;gap:.5rem;margin-bottom:1rem}.recent-notifications-section .notifications-list .notification-item .notification-details .delivery-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.recent-notifications-section .notifications-list .notification-item .notification-details .delivery-details .detail-item{display:flex;justify-content:space-between;align-items:center}.recent-notifications-section .notifications-list .notification-item .notification-details .delivery-details .detail-item .detail-label{font-size:.8rem;color:var(--text-secondary)}.recent-notifications-section .notifications-list .notification-item .notification-details .delivery-details .detail-item .detail-value{font-size:.8rem;font-weight:500;color:var(--text-primary)}.recent-notifications-section .notifications-list .notification-item .notification-details .delivery-details .detail-item .detail-value.error{color:var(--error-color)}.emergency-section{background:var(--error-bg);border:1px solid var(--error-color);border-radius:8px;padding:1.5rem}.emergency-section .emergency-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.emergency-section .emergency-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--error-color)}.emergency-section .emergency-panel{background:var(--bg-primary);border-radius:6px;padding:1.5rem;margin-top:1rem}.emergency-section .emergency-panel .recipient-selection{margin-bottom:1.5rem}.emergency-section .emergency-panel .recipient-selection h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.emergency-section .emergency-panel .recipient-selection .recipient-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.emergency-section .emergency-panel .recipient-selection .recipient-list .recipient-checkbox{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:4px;cursor:pointer}.emergency-section .emergency-panel .recipient-selection .recipient-list .recipient-checkbox:hover{background:var(--bg-hover)}.emergency-section .emergency-panel .recipient-selection .recipient-list .recipient-checkbox .recipient-info{color:var(--text-primary)}.emergency-section .emergency-panel .emergency-actions{display:flex;gap:1rem;justify-content:flex-end}.analytics-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.analytics-placeholder h3{margin:0 0 1rem;color:var(--text-primary)}.analytics-placeholder p{margin:0;color:var(--text-secondary)}@media (max-width: 1200px){.notification-center--dashboard .status-cards{grid-template-columns:repeat(2,1fr)}.notification-center--dashboard .channel-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.notification-center-header{flex-direction:column;gap:1rem;align-items:stretch}.notification-center-header .header-tabs{overflow-x:auto;padding-bottom:.5rem}.notification-center-header .header-tabs .tab-btn{flex-shrink:0;padding:.5rem .75rem;font-size:.8rem}.status-cards,.channel-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:1rem;align-items:stretch}.section-header .section-actions{justify-content:center}.section-header .section-actions .filter-controls{flex-wrap:wrap;justify-content:center}.emergency-section .emergency-header{flex-direction:column;gap:1rem;align-items:stretch}.emergency-section .emergency-actions{justify-content:center}}@media (max-width: 480px){.notification-center-content{padding:1rem}.notification-item .notification-header{flex-direction:column;gap:.5rem;align-items:flex-start}.notification-item .notification-header .notification-meta{flex-wrap:wrap}.notification-item .delivery-details{grid-template-columns:1fr}.recipient-list .recipient-checkbox .recipient-info{font-size:.9rem}}.emergency-services-integration{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);border-radius:8px;overflow:hidden}.emergency-services-integration--emergency-mode{border:2px solid var(--error-color);box-shadow:0 0 20px rgba(var(--error-color-rgb),.3);animation:emergencyPulse 2s infinite}.emergency-services-integration--emergency-mode .emergency-services-header{background:var(--error-bg);border-bottom-color:var(--error-color)}.emergency-services-integration--emergency-mode .quick-actions-grid .quick-action-btn{border-color:var(--error-color)}.emergency-services-integration--emergency-mode .quick-actions-grid .quick-action-btn:hover{background:var(--error-bg);color:var(--error-color)}.emergency-services-integration--dashboard{min-height:700px}.emergency-services-integration--modal{max-width:100vw;max-height:90vh;margin:auto;box-shadow:var(--shadow-lg)}.emergency-services-integration--sidebar{width:500px;max-height:100vh}.emergency-services-integration--embedded{border-radius:0;height:auto}.emergency-services-integration--compact{font-size:.9rem}.emergency-services-integration--compact .service-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.emergency-services-integration--compact .quick-actions-grid{grid-template-columns:repeat(2,1fr)}.emergency-services-integration--expanded .service-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.emergency-services-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.emergency-services-header .header-info{display:flex;flex-direction:column;gap:.5rem}.emergency-services-header .header-info .header-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.emergency-services-header .header-info .header-status{display:flex;align-items:center;gap:1rem}.emergency-services-header .header-info .header-status .loading-indicator{display:flex;align-items:center;gap:.5rem;color:var(--primary-color);font-size:.9rem}.emergency-services-header .header-info .header-status .error-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--error-bg);color:var(--error-color);border-radius:4px;font-size:.9rem}.emergency-services-header .header-info .header-status .emergency-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--error-color);color:#fff;border-radius:4px;font-size:.9rem;font-weight:600;animation:emergencyBlink 1s infinite}.emergency-services-header .header-info .header-status .emergency-indicator .emergency-icon{font-size:1.2rem}.emergency-services-header .header-tabs{display:flex;gap:.5rem}.emergency-services-header .header-tabs .tab-btn{padding:.75rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.emergency-services-header .header-tabs .tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.emergency-services-header .header-tabs .tab-btn--active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.emergency-services-content{flex:1;padding:1.5rem;overflow-y:auto}.overview-tab{display:flex;flex-direction:column;gap:2rem}.quick-actions-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.quick-actions-section .section-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.quick-actions-section .section-header .emergency-mode-toggle{padding:.75rem 1.5rem;background:transparent;border:2px solid var(--error-color);border-radius:6px;color:var(--error-color);font-weight:600;cursor:pointer;transition:all .2s ease}.quick-actions-section .section-header .emergency-mode-toggle:hover{background:var(--error-bg)}.quick-actions-section .section-header .emergency-mode-toggle--active{background:var(--error-color);color:#fff;animation:emergencyPulse 2s infinite}.quick-actions-section .quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.quick-actions-section .quick-actions-grid .quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.quick-actions-section .quick-actions-grid .quick-action-btn:hover:not(:disabled){border-color:var(--primary-color);background:var(--primary-bg);transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-actions-section .quick-actions-grid .quick-action-btn:disabled{opacity:.5;cursor:not-allowed}.quick-actions-section .quick-actions-grid .quick-action-btn .action-icon{font-size:2.5rem}.quick-actions-section .quick-actions-grid .quick-action-btn .action-label{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.quick-actions-section .quick-actions-grid .quick-action-btn .action-description{font-size:.8rem;color:var(--text-secondary);text-align:center}.quick-actions-section .quick-actions-grid .quick-action-btn.quick-action--911{border-color:var(--error-color)}.quick-actions-section .quick-actions-grid .quick-action-btn.quick-action--911:hover:not(:disabled){background:var(--error-bg);border-color:var(--error-color)}.quick-actions-section .quick-actions-grid .quick-action-btn.quick-action--police{border-color:var(--info-color)}.quick-actions-section .quick-actions-grid .quick-action-btn.quick-action--police:hover:not(:disabled){background:var(--info-bg);border-color:var(--info-color)}.quick-actions-section .quick-actions-grid .quick-action-btn.quick-action--fire{border-color:var(--warning-color)}.quick-actions-section .quick-actions-grid .quick-action-btn.quick-action--fire:hover:not(:disabled){background:var(--warning-bg);border-color:var(--warning-color)}.quick-actions-section .quick-actions-grid .quick-action-btn.quick-action--medical{border-color:var(--success-color)}.quick-actions-section .quick-actions-grid .quick-action-btn.quick-action--medical:hover:not(:disabled){background:var(--success-bg);border-color:var(--success-color)}.service-status-section h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.service-status-section .service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.service-status-section .service-grid .service-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .2s ease}.service-status-section .service-grid .service-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.service-status-section .service-grid .service-card--selected{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.service-status-section .service-grid .service-card--available{border-left:4px solid var(--success-color)}.service-status-section .service-grid .service-card--busy{border-left:4px solid var(--warning-color)}.service-status-section .service-grid .service-card--unavailable{border-left:4px solid var(--error-color);opacity:.7}.service-status-section .service-grid .service-card--emergency_only{border-left:4px solid var(--error-color)}.service-status-section .service-grid .service-card .service-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.service-status-section .service-grid .service-card .service-card-header .service-info .service-name{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.service-status-section .service-grid .service-card .service-card-header .service-info .service-status{padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.service-status-section .service-grid .service-card .service-card-header .service-info .service-status.status--available{background:var(--success-bg);color:var(--success-color)}.service-status-section .service-grid .service-card .service-card-header .service-info .service-status.status--busy{background:var(--warning-bg);color:var(--warning-color)}.service-status-section .service-grid .service-card .service-card-header .service-info .service-status.status--unavailable,.service-status-section .service-grid .service-card .service-card-header .service-info .service-status.status--emergency_only{background:var(--error-bg);color:var(--error-color)}.service-status-section .service-grid .service-card .service-card-header .service-icon{font-size:1.8rem}.service-status-section .service-grid .service-card .service-card-body .utilization-display{margin-bottom:1rem}.service-status-section .service-grid .service-card .service-card-body .utilization-display .utilization-bar{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.service-status-section .service-grid .service-card .service-card-body .utilization-display .utilization-bar .utilization-fill{height:100%;transition:width .3s ease}.service-status-section .service-grid .service-card .service-card-body .utilization-display .utilization-text{font-size:.9rem;color:var(--text-secondary)}.service-status-section .service-grid .service-card .service-card-body .service-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.service-status-section .service-grid .service-card .service-card-body .service-metrics .metric{display:flex;flex-direction:column;gap:.25rem}.service-status-section .service-grid .service-card .service-card-body .service-metrics .metric .metric-label{font-size:.8rem;color:var(--text-secondary)}.service-status-section .service-grid .service-card .service-card-body .service-metrics .metric .metric-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.service-status-section .service-grid .service-card .service-card-body .service-capabilities{display:flex;flex-wrap:wrap;gap:.25rem}.service-status-section .service-grid .service-card .service-card-body .service-capabilities .capability-tag{padding:.125rem .5rem;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:12px;font-size:.75rem}.service-status-section .service-grid .service-card .service-card-body .service-capabilities .capability-tag--more{background:var(--primary-bg);color:var(--primary-color)}.service-status-section .service-grid .service-card .service-card-details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.service-status-section .service-grid .service-card .service-card-details .contact-info{margin-bottom:1rem}.service-status-section .service-grid .service-card .service-card-details .contact-info .contact-item{display:flex;justify-content:space-between;margin-bottom:.5rem}.service-status-section .service-grid .service-card .service-card-details .contact-info .contact-item .contact-label{font-size:.8rem;color:var(--text-secondary)}.service-status-section .service-grid .service-card .service-card-details .contact-info .contact-item .contact-value{font-size:.8rem;font-weight:500;color:var(--text-primary)}.service-status-section .service-grid .service-card .service-card-details .service-actions{display:flex;gap:.5rem}.active-escalations-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.active-escalations-section .section-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.active-escalations-section .urgent-escalations{background:var(--error-bg);border:1px solid var(--error-color);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.active-escalations-section .urgent-escalations h4{margin:0 0 1rem;color:var(--error-color);font-weight:600}.active-escalations-section .urgent-escalations .escalations-list{display:flex;flex-direction:column;gap:1rem}.active-escalations-section .urgent-escalations .escalations-list .escalation-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:1rem}.active-escalations-section .urgent-escalations .escalations-list .escalation-item--urgent{border-left:4px solid var(--error-color)}.active-escalations-section .urgent-escalations .escalations-list .escalation-item .escalation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.active-escalations-section .urgent-escalations .escalations-list .escalation-item .escalation-header .escalation-meta{display:flex;gap:.75rem;align-items:center}.active-escalations-section .urgent-escalations .escalations-list .escalation-item .escalation-header .escalation-meta .escalation-service{font-weight:600;color:var(--text-primary)}.active-escalations-section .urgent-escalations .escalations-list .escalation-item .escalation-header .escalation-meta .escalation-status{padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.active-escalations-section .urgent-escalations .escalations-list .escalation-item .escalation-header .escalation-meta .escalation-status.status--pending{background:var(--warning-bg);color:var(--warning-color)}.active-escalations-section .urgent-escalations .escalations-list .escalation-item .escalation-header .escalation-meta .escalation-status.status--acknowledged{background:var(--info-bg);color:var(--info-color)}.active-escalations-section .urgent-escalations .escalations-list .escalation-item .escalation-header .escalation-meta .escalation-status.status--dispatched{background:var(--primary-bg);color:var(--primary-color)}.active-escalations-section .urgent-escalations .escalations-list .escalation-item .escalation-header .escalation-meta .escalation-status.status--on_scene{background:var(--success-bg);color:var(--success-color)}.active-escalations-section .urgent-escalations .escalations-list .escalation-item .escalation-header .escalation-meta .escalation-priority{padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.active-escalations-section .urgent-escalations .escalations-list .escalation-item .escalation-header .escalation-meta .escalation-priority.priority--emergency,.active-escalations-section .urgent-escalations .escalations-list .escalation-item .escalation-header .escalation-meta .escalation-priority.priority--critical{background:var(--error-bg);color:var(--error-color)}.active-escalations-section .urgent-escalations .escalations-list .escalation-item .escalation-header .escalation-meta .escalation-priority.priority--high{background:var(--warning-bg);color:var(--warning-color)}.active-escalations-section .urgent-escalations .escalations-list .escalation-item .escalation-header .escalation-time{font-size:.8rem;color:var(--text-secondary)}.active-escalations-section .urgent-escalations .escalations-list .escalation-item .escalation-content{margin-bottom:1rem}.active-escalations-section .urgent-escalations .escalations-list .escalation-item .escalation-content .escalation-reason{font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.active-escalations-section .urgent-escalations .escalations-list .escalation-item .escalation-content .escalation-details{font-size:.8rem;color:var(--text-secondary)}.active-escalations-section .urgent-escalations .escalations-list .escalation-item .escalation-actions{display:flex;gap:.5rem}.active-escalations-section .escalations-summary .summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.active-escalations-section .escalations-summary .summary-cards .summary-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1rem;text-align:center}.active-escalations-section .escalations-summary .summary-cards .summary-card h4{margin:0 0 .5rem;font-size:.9rem;color:var(--text-secondary)}.active-escalations-section .escalations-summary .summary-cards .summary-card .summary-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.availability-overview h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.availability-overview .availability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.availability-overview .availability-grid .availability-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.availability-overview .availability-grid .availability-group .group-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.availability-overview .availability-grid .availability-group .group-services{display:flex;flex-direction:column;gap:.5rem}.availability-overview .availability-grid .availability-group .group-services .service-status-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:4px}.availability-overview .availability-grid .availability-group .group-services .service-status-item.status--available{background:var(--success-bg);color:var(--success-color)}.availability-overview .availability-grid .availability-group .group-services .service-status-item.status--busy{background:var(--warning-bg);color:var(--warning-color)}.availability-overview .availability-grid .availability-group .group-services .service-status-item.status--unavailable,.availability-overview .availability-grid .availability-group .group-services .service-status-item.status--emergency_only{background:var(--error-bg);color:var(--error-color)}.availability-overview .availability-grid .availability-group .group-services .service-status-item .service-name{font-weight:500}.availability-overview .availability-grid .availability-group .group-services .service-status-item .service-utilization{font-weight:600;font-size:.9rem}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.access-denied h3{margin:0 0 1rem;color:var(--text-primary)}.access-denied p{margin:0;color:var(--text-secondary)}@keyframes emergencyPulse{0%,to{box-shadow:0 0 rgba(var(--error-color-rgb),.7)}50%{box-shadow:0 0 0 15px rgba(var(--error-color-rgb),0)}}@keyframes emergencyBlink{0%,50%{opacity:1}51%,to{opacity:.7}}@media (max-width: 1200px){.emergency-services-integration--dashboard .quick-actions-grid{grid-template-columns:repeat(2,1fr)}.emergency-services-integration--dashboard .service-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.emergency-services-header{flex-direction:column;gap:1rem;align-items:stretch}.emergency-services-header .header-tabs{overflow-x:auto;padding-bottom:.5rem}.emergency-services-header .header-tabs .tab-btn{flex-shrink:0;padding:.5rem .75rem;font-size:.8rem}.quick-actions-grid{grid-template-columns:1fr 1fr}.service-grid,.availability-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:1rem;align-items:stretch}.escalation-item .escalation-header{flex-direction:column;gap:.5rem;align-items:flex-start}.summary-cards{grid-template-columns:1fr}}@media (max-width: 480px){.emergency-services-content{padding:1rem}.quick-actions-grid{grid-template-columns:1fr}.quick-action-btn{padding:1.5rem 1rem}.quick-action-btn .action-icon{font-size:2rem}.service-card .service-card-header{flex-direction:column;gap:.5rem;align-items:flex-start}.service-card .service-metrics{grid-template-columns:1fr}}.alert-workflow-manager{width:100%}.alert-workflow-manager.compact .workflow-compact{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem}.alert-workflow-manager.compact .workflow-compact .workflow-actions{display:flex;gap:.5rem}.alert-workflow-manager.dashboard .workflow-overview .workflow-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.alert-workflow-manager.dashboard .workflow-overview .workflow-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937)}.alert-workflow-manager.dashboard .workflow-overview .workflow-details{margin-bottom:1.5rem}.alert-workflow-manager.dashboard .workflow-overview .workflow-details .detail-row{display:flex;align-items:center;padding:.5rem 0}.alert-workflow-manager.dashboard .workflow-overview .workflow-details .detail-row .label{flex:0 0 120px;font-weight:500;color:var(--text-secondary, #6b7280)}.alert-workflow-manager.dashboard .workflow-overview .workflow-details .detail-row .value{flex:1;color:var(--text-primary, #1f2937)}.alert-workflow-manager.dashboard .workflow-overview .workflow-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-color, #e5e7eb)}.alert-workflow-manager.detailed .workflow-detailed .workflow-tabs{display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color, #e5e7eb)}.alert-workflow-manager.detailed .workflow-detailed .workflow-tabs button{padding:.5rem 1rem;background:none;border:none;color:var(--text-secondary, #6b7280);font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.alert-workflow-manager.detailed .workflow-detailed .workflow-tabs button:hover,.alert-workflow-manager.detailed .workflow-detailed .workflow-tabs button.active{color:var(--primary-color, #3b82f6)}.alert-workflow-manager.detailed .workflow-detailed .workflow-tabs button.active:after{content:"";position:absolute;bottom:-.625rem;left:0;right:0;height:2px;background:var(--primary-color, #3b82f6)}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content{min-height:300px}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content .workflow-assignment h4{margin-top:0;margin-bottom:1rem;color:var(--text-primary, #1f2937)}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content .workflow-assignment h5{margin-top:1.5rem;margin-bottom:.75rem;font-size:.875rem;text-transform:uppercase;color:var(--text-secondary, #6b7280)}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content .workflow-assignment .assignment-info{padding:1rem;background:var(--bg-secondary, #f9fafb);border-radius:.5rem}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content .workflow-assignment .assignment-info p{margin:.5rem 0}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content .workflow-assignment .no-assignment{text-align:center;padding:2rem}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content .workflow-assignment .no-assignment p{margin-bottom:1rem;color:var(--text-secondary, #6b7280)}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content .workflow-assignment .assignment-history{margin-top:1.5rem}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content .workflow-assignment .assignment-history .history-entry{display:flex;justify-content:space-between;padding:.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content .workflow-assignment .assignment-history .history-entry:last-child{border-bottom:none}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content .workflow-tracking h4{margin-top:0;margin-bottom:1rem;color:var(--text-primary, #1f2937)}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content .workflow-tracking h5{margin-top:1.5rem;margin-bottom:.75rem;font-size:.875rem;text-transform:uppercase;color:var(--text-secondary, #6b7280)}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content .workflow-tracking .tracking-info{padding:1rem;background:var(--bg-secondary, #f9fafb);border-radius:.5rem}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content .workflow-tracking .tracking-info p{margin:.5rem 0}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content .workflow-tracking .tracking-info p:first-child{font-weight:500}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content .workflow-tracking .tracking-info .tracking-geofences{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color, #e5e7eb)}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content .workflow-audit h4{margin-top:0;margin-bottom:1rem;color:var(--text-primary, #1f2937)}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content .workflow-audit .audit-entry{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;padding:.75rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content .workflow-audit .audit-entry:last-child{border-bottom:none}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content .workflow-audit .audit-entry .audit-action{font-weight:500;color:var(--text-primary, #1f2937)}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content .workflow-audit .audit-entry .audit-user{color:var(--text-secondary, #6b7280)}.alert-workflow-manager.detailed .workflow-detailed .workflow-tab-content .workflow-audit .audit-entry .audit-time{text-align:right;color:var(--text-tertiary, #9ca3af);font-size:.875rem}.alert-workflow-manager.loading{opacity:.6;pointer-events:none}@media (max-width: 768px){.alert-workflow-manager.detailed .workflow-tabs{flex-wrap:wrap}.alert-workflow-manager.detailed .workflow-tabs button{flex:1;min-width:100px}.alert-workflow-manager.detailed .workflow-audit .audit-entry{grid-template-columns:1fr;gap:.25rem}.alert-workflow-manager.detailed .workflow-audit .audit-entry .audit-time{text-align:left}}.notification-settings .settings-section{margin-bottom:32px}.notification-settings .settings-section:last-child{margin-bottom:0}.notification-settings .settings-section .section-title{font-size:18px;font-weight:600;color:#333;margin:0 0 8px}.notification-settings .settings-section .section-description{font-size:14px;color:#666;margin:0 0 20px;line-height:1.5}.channel-options{display:flex;flex-direction:column;gap:16px}.channel-options .channel-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px}.channel-options .channel-item .channel-info{display:flex;align-items:center;gap:12px;flex:1}.channel-options .channel-item .channel-info .channel-icon{font-size:24px;min-width:24px}.channel-options .channel-item .channel-info .channel-details .channel-name{display:block;font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.channel-options .channel-item .channel-info .channel-details .channel-description{display:block;font-size:14px;color:#666}.channel-options .channel-item .channel-controls{display:flex;align-items:center;gap:12px}.sound-controls{display:flex;flex-direction:column;gap:16px}.sound-controls .control-group .control-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.sound-controls .control-group .volume-control{display:flex;align-items:center;gap:12px}.sound-controls .control-group .volume-control .volume-slider{flex:1;height:6px;border-radius:3px;background:#e9ecef;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sound-controls .control-group .volume-control .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#00d4ff;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.sound-controls .control-group .volume-control .volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#00d4ff;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.sound-controls .control-group .volume-control .volume-value{font-size:14px;font-weight:600;color:#333;min-width:40px;text-align:right}.sound-controls .control-group .sound-select{padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.sound-controls .control-group .sound-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.schedule-options .schedule-item{margin-bottom:16px}.schedule-options .schedule-item .checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.schedule-options .schedule-item .checkbox-label input[type=checkbox]{margin:0}.schedule-options .schedule-item .checkbox-label .checkbox-text{font-weight:500;color:#333}.schedule-options .quiet-hours-config{margin-left:24px;padding:16px;background:#f8f9fa;border-radius:6px;border-left:3px solid #00D4FF}.schedule-options .quiet-hours-config .time-range{display:flex;gap:16px;margin-bottom:16px}.schedule-options .quiet-hours-config .time-range .time-input{flex:1}.schedule-options .quiet-hours-config .time-range .time-input label{display:block;font-size:12px;font-weight:600;color:#666;margin-bottom:4px}.schedule-options .quiet-hours-config .time-range .time-input input[type=time]{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:4px;font-size:14px}.schedule-options .quiet-hours-config .time-range .time-input input[type=time]:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.schedule-options .quiet-hours-config .days-selection{margin-bottom:16px}.schedule-options .quiet-hours-config .days-selection>label{display:block;font-size:12px;font-weight:600;color:#666;margin-bottom:8px}.schedule-options .quiet-hours-config .days-selection .days-checkboxes{display:flex;gap:8px;flex-wrap:wrap}.schedule-options .quiet-hours-config .days-selection .days-checkboxes .day-checkbox{display:flex;align-items:center;gap:4px;font-size:12px;cursor:pointer}.schedule-options .quiet-hours-config .days-selection .days-checkboxes .day-checkbox input[type=checkbox]{margin:0}.schedule-options .quiet-hours-config .days-selection .days-checkboxes .day-checkbox span{font-weight:500;color:#333}.schedule-options .quiet-hours-config .urgent-override .checkbox-label{font-size:13px}.schedule-options .quiet-hours-config .urgent-override .checkbox-label .checkbox-text{color:#666}.priority-options .priority-item{margin-bottom:16px}.priority-options .priority-item .checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.priority-options .priority-item .checkbox-label input[type=checkbox]{margin:0}.priority-options .priority-item .checkbox-label .checkbox-text{font-weight:500;color:#333}.priority-options .priority-config{margin-left:24px;padding:16px;background:#f8f9fa;border-radius:6px;border-left:3px solid #00D4FF}.priority-options .priority-config .control-group .control-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.priority-options .priority-config .control-group .priority-select{padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.priority-options .priority-config .control-group .priority-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.templates-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.templates-list .template-item{border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.templates-list .template-item .template-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.templates-list .template-item .template-header .template-name{font-size:14px;font-weight:600;color:#333}.templates-list .template-item .template-header .template-channel{font-size:12px;color:#666;background:#e9ecef;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:500}.templates-list .template-item .template-header .template-actions{display:flex;align-items:center;gap:12px}.templates-list .template-item .template-content{padding:16px}.templates-list .template-item .template-content .template-field{margin-bottom:12px}.templates-list .template-item .template-content .template-field:last-child{margin-bottom:0}.templates-list .template-item .template-content .template-field label{display:block;font-size:12px;font-weight:600;color:#666;margin-bottom:4px}.templates-list .template-item .template-content .template-field input,.templates-list .template-item .template-content .template-field textarea{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:4px;font-size:14px;resize:vertical}.templates-list .template-item .template-content .template-field input:focus,.templates-list .template-item .template-content .template-field textarea:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.add-template .template-form{padding:16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px}.add-template .template-form .form-row{display:flex;gap:12px;margin-bottom:12px}.add-template .template-form .form-row input,.add-template .template-form .form-row select{flex:1;padding:8px 12px;border:1px solid #dee2e6;border-radius:4px;font-size:14px}.add-template .template-form .form-row input:focus,.add-template .template-form .form-row select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.add-template .template-form input,.add-template .template-form textarea{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:4px;font-size:14px;margin-bottom:12px;resize:vertical}.add-template .template-form input:focus,.add-template .template-form textarea:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.add-template .template-form .form-actions{display:flex;gap:8px;justify-content:flex-end}@media (max-width: 768px){.channel-options .channel-item{flex-direction:column;gap:12px;align-items:stretch}.channel-options .channel-item .channel-controls{justify-content:space-between}.time-range{flex-direction:column;gap:12px}.days-checkboxes{justify-content:center}.template-header{flex-direction:column;gap:8px;align-items:stretch}.template-header .template-actions{justify-content:space-between}.form-row{flex-direction:column;gap:8px}}@media (prefers-color-scheme: dark){.notification-settings .section-title{color:#f7fafc}.notification-settings .section-description{color:#a0aec0}.channel-item,.quiet-hours-config,.priority-config,.template-form{background:#2d3748;border-color:#4a5568}.channel-details .channel-name,.checkbox-text,.control-label{color:#f7fafc}.channel-details .channel-description{color:#a0aec0}.template-header{background:#374151;border-color:#4a5568}.template-header .template-name{color:#f7fafc}.template-header .template-channel{background:#4a5568;color:#a0aec0}input,textarea,select{background:#1a202c;border-color:#4a5568;color:#f7fafc}}.map-settings .settings-section{margin-bottom:32px}.map-settings .settings-section:last-child{margin-bottom:0}.map-settings .settings-section .section-title{font-size:18px;font-weight:600;color:#333;margin:0 0 8px}.map-settings .settings-section .section-description{font-size:14px;color:#666;margin:0 0 20px;line-height:1.5}.map-options{display:flex;flex-direction:column;gap:20px}.map-options .control-group .control-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.map-options .control-group .zoom-control{display:flex;align-items:center;gap:12px}.map-options .control-group .zoom-control .zoom-slider{flex:1;height:6px;border-radius:3px;background:#e9ecef;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.map-options .control-group .zoom-control .zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#00d4ff;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.map-options .control-group .zoom-control .zoom-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#00d4ff;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.map-options .control-group .zoom-control .zoom-value{font-size:14px;font-weight:600;color:#333;min-width:30px;text-align:right}.map-options .control-group .style-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.map-options .control-group .style-options .style-option{cursor:pointer}.map-options .control-group .style-options .style-option input[type=radio]{display:none}.map-options .control-group .style-options .style-option input[type=radio]:checked+.style-card{border-color:#00d4ff;background:#e7f3ff}.map-options .control-group .style-options .style-option .style-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:2px solid #e9ecef;border-radius:8px;background:#fff;transition:all .2s ease}.map-options .control-group .style-options .style-option .style-card:hover{border-color:#adb5bd}.map-options .control-group .style-options .style-option .style-card .style-icon{font-size:24px}.map-options .control-group .style-options .style-option .style-card .style-label{font-size:12px;font-weight:600;color:#333;text-align:center}.map-options .control-group .mode-select{padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;width:100%}.map-options .control-group .mode-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.feature-options,.layer-options{display:flex;flex-direction:column;gap:16px}.feature-options .feature-item,.feature-options .layer-item,.layer-options .feature-item,.layer-options .layer-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px}.feature-options .feature-item .feature-info,.feature-options .feature-item .layer-info,.feature-options .layer-item .feature-info,.feature-options .layer-item .layer-info,.layer-options .feature-item .feature-info,.layer-options .feature-item .layer-info,.layer-options .layer-item .feature-info,.layer-options .layer-item .layer-info{display:flex;align-items:center;gap:12px;flex:1}.feature-options .feature-item .feature-info .feature-icon,.feature-options .feature-item .feature-info .layer-icon,.feature-options .feature-item .layer-info .feature-icon,.feature-options .feature-item .layer-info .layer-icon,.feature-options .layer-item .feature-info .feature-icon,.feature-options .layer-item .feature-info .layer-icon,.feature-options .layer-item .layer-info .feature-icon,.feature-options .layer-item .layer-info .layer-icon,.layer-options .feature-item .feature-info .feature-icon,.layer-options .feature-item .feature-info .layer-icon,.layer-options .feature-item .layer-info .feature-icon,.layer-options .feature-item .layer-info .layer-icon,.layer-options .layer-item .feature-info .feature-icon,.layer-options .layer-item .feature-info .layer-icon,.layer-options .layer-item .layer-info .feature-icon,.layer-options .layer-item .layer-info .layer-icon{font-size:24px;min-width:24px}.feature-options .feature-item .feature-info .feature-details .feature-name,.feature-options .feature-item .feature-info .feature-details .layer-name,.feature-options .feature-item .feature-info .layer-details .feature-name,.feature-options .feature-item .feature-info .layer-details .layer-name,.feature-options .feature-item .layer-info .feature-details .feature-name,.feature-options .feature-item .layer-info .feature-details .layer-name,.feature-options .feature-item .layer-info .layer-details .feature-name,.feature-options .feature-item .layer-info .layer-details .layer-name,.feature-options .layer-item .feature-info .feature-details .feature-name,.feature-options .layer-item .feature-info .feature-details .layer-name,.feature-options .layer-item .feature-info .layer-details .feature-name,.feature-options .layer-item .feature-info .layer-details .layer-name,.feature-options .layer-item .layer-info .feature-details .feature-name,.feature-options .layer-item .layer-info .feature-details .layer-name,.feature-options .layer-item .layer-info .layer-details .feature-name,.feature-options .layer-item .layer-info .layer-details .layer-name,.layer-options .feature-item .feature-info .feature-details .feature-name,.layer-options .feature-item .feature-info .feature-details .layer-name,.layer-options .feature-item .feature-info .layer-details .feature-name,.layer-options .feature-item .feature-info .layer-details .layer-name,.layer-options .feature-item .layer-info .feature-details .feature-name,.layer-options .feature-item .layer-info .feature-details .layer-name,.layer-options .feature-item .layer-info .layer-details .feature-name,.layer-options .feature-item .layer-info .layer-details .layer-name,.layer-options .layer-item .feature-info .feature-details .feature-name,.layer-options .layer-item .feature-info .feature-details .layer-name,.layer-options .layer-item .feature-info .layer-details .feature-name,.layer-options .layer-item .feature-info .layer-details .layer-name,.layer-options .layer-item .layer-info .feature-details .feature-name,.layer-options .layer-item .layer-info .feature-details .layer-name,.layer-options .layer-item .layer-info .layer-details .feature-name,.layer-options .layer-item .layer-info .layer-details .layer-name{display:block;font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.feature-options .feature-item .feature-info .feature-details .feature-description,.feature-options .feature-item .feature-info .feature-details .layer-description,.feature-options .feature-item .feature-info .layer-details .feature-description,.feature-options .feature-item .feature-info .layer-details .layer-description,.feature-options .feature-item .layer-info .feature-details .feature-description,.feature-options .feature-item .layer-info .feature-details .layer-description,.feature-options .feature-item .layer-info .layer-details .feature-description,.feature-options .feature-item .layer-info .layer-details .layer-description,.feature-options .layer-item .feature-info .feature-details .feature-description,.feature-options .layer-item .feature-info .feature-details .layer-description,.feature-options .layer-item .feature-info .layer-details .feature-description,.feature-options .layer-item .feature-info .layer-details .layer-description,.feature-options .layer-item .layer-info .feature-details .feature-description,.feature-options .layer-item .layer-info .feature-details .layer-description,.feature-options .layer-item .layer-info .layer-details .feature-description,.feature-options .layer-item .layer-info .layer-details .layer-description,.layer-options .feature-item .feature-info .feature-details .feature-description,.layer-options .feature-item .feature-info .feature-details .layer-description,.layer-options .feature-item .feature-info .layer-details .feature-description,.layer-options .feature-item .feature-info .layer-details .layer-description,.layer-options .feature-item .layer-info .feature-details .feature-description,.layer-options .feature-item .layer-info .feature-details .layer-description,.layer-options .feature-item .layer-info .layer-details .feature-description,.layer-options .feature-item .layer-info .layer-details .layer-description,.layer-options .layer-item .feature-info .feature-details .feature-description,.layer-options .layer-item .feature-info .feature-details .layer-description,.layer-options .layer-item .feature-info .layer-details .feature-description,.layer-options .layer-item .feature-info .layer-details .layer-description,.layer-options .layer-item .layer-info .feature-details .feature-description,.layer-options .layer-item .layer-info .feature-details .layer-description,.layer-options .layer-item .layer-info .layer-details .feature-description,.layer-options .layer-item .layer-info .layer-details .layer-description{display:block;font-size:14px;color:#666}.performance-options{display:flex;flex-direction:column;gap:20px}.performance-options .performance-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px}.performance-options .control-group .control-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.performance-options .control-group .speed-options{display:flex;gap:12px}.performance-options .control-group .speed-options .speed-option{flex:1;cursor:pointer}.performance-options .control-group .speed-options .speed-option input[type=radio]{display:none}.performance-options .control-group .speed-options .speed-option input[type=radio]:checked+.speed-label{background:#00d4ff;color:#fff}.performance-options .control-group .speed-options .speed-option .speed-label{display:block;padding:8px 16px;text-align:center;border:1px solid #dee2e6;border-radius:6px;background:#fff;font-size:14px;font-weight:500;color:#333;transition:all .2s ease}.performance-options .control-group .speed-options .speed-option .speed-label:hover{border-color:#adb5bd}.performance-options .control-group .marker-control{display:flex;align-items:center;gap:12px}.performance-options .control-group .marker-control .marker-slider{flex:1;height:6px;border-radius:3px;background:#e9ecef;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.performance-options .control-group .marker-control .marker-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#00d4ff;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.performance-options .control-group .marker-control .marker-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#00d4ff;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.performance-options .control-group .marker-control .marker-value{font-size:14px;font-weight:600;color:#333;min-width:50px;text-align:right}.performance-options .control-group .control-hint{font-size:12px;color:#666;margin-top:8px;font-style:italic}.behavior-options{display:flex;flex-direction:column;gap:12px}.behavior-options .behavior-item .checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.behavior-options .behavior-item .checkbox-label input[type=checkbox]{margin:0}.behavior-options .behavior-item .checkbox-label .checkbox-text{font-weight:500;color:#333}.performance-options .performance-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:16px}.performance-options .performance-item .performance-info .performance-name{display:block;font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.performance-options .performance-item .performance-info .performance-description{display:block;font-size:14px;color:#666}.performance-options .performance-options{display:flex;gap:12px}.performance-options .performance-options .performance-option{flex:1;cursor:pointer}.performance-options .performance-options .performance-option input[type=radio]{display:none}.performance-options .performance-options .performance-option input[type=radio]:checked+.performance-card{border-color:#00d4ff;background:#e7f3ff}.performance-options .performance-options .performance-option .performance-card{padding:16px;border:2px solid #e9ecef;border-radius:8px;background:#fff;transition:all .2s ease;text-align:center}.performance-options .performance-options .performance-option .performance-card:hover{border-color:#adb5bd}.performance-options .performance-options .performance-option .performance-card .performance-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.performance-options .performance-options .performance-option .performance-card .performance-description{font-size:12px;color:#666}@media (max-width: 768px){.style-options{grid-template-columns:repeat(2,1fr)}.feature-item,.layer-item,.performance-item{flex-direction:column;gap:12px;align-items:stretch}.speed-options,.performance-options{flex-direction:column}.marker-control,.zoom-control{flex-direction:column;gap:8px;align-items:stretch}.marker-control .marker-value,.marker-control .zoom-value,.zoom-control .marker-value,.zoom-control .zoom-value{text-align:center}}@media (prefers-contrast: high){.style-card,.performance-card,.toggle-slider{border:2px solid #000}}@media (prefers-color-scheme: dark){.map-settings .section-title{color:#f7fafc}.map-settings .section-description{color:#a0aec0}.feature-item,.layer-item,.performance-item{background:#2d3748;border-color:#4a5568}.feature-name,.layer-name,.performance-name,.control-label,.checkbox-text{color:#f7fafc}.feature-description,.layer-description,.performance-description,.control-hint{color:#a0aec0}.style-card,.performance-card{background:#2d3748;border-color:#4a5568}.style-card .style-label,.style-card .performance-label,.performance-card .style-label,.performance-card .performance-label{color:#f7fafc}.style-card .performance-description,.performance-card .performance-description{color:#a0aec0}.speed-label{background:#2d3748;border-color:#4a5568;color:#f7fafc}.mode-select{background:#1a202c;border-color:#4a5568;color:#f7fafc}.zoom-value,.marker-value{color:#f7fafc}}.alert-preferences .settings-section{margin-bottom:32px}.alert-preferences .settings-section:last-child{margin-bottom:0}.alert-preferences .settings-section .section-title{font-size:18px;font-weight:600;color:#333;margin:0 0 8px}.alert-preferences .settings-section .section-description{font-size:14px;color:#666;margin:0 0 20px;line-height:1.5}.acknowledgment-options,.assignment-options,.priority-options,.sound-visual-options,.quick-actions-options{display:flex;flex-direction:column;gap:16px}.acknowledgment-options .option-item,.assignment-options .option-item,.priority-options .option-item,.sound-visual-options .option-item,.quick-actions-options .option-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px}.acknowledgment-options .option-item .option-info,.assignment-options .option-item .option-info,.priority-options .option-item .option-info,.sound-visual-options .option-item .option-info,.quick-actions-options .option-item .option-info{flex:1}.acknowledgment-options .option-item .option-info .option-name,.assignment-options .option-item .option-info .option-name,.priority-options .option-item .option-info .option-name,.sound-visual-options .option-item .option-info .option-name,.quick-actions-options .option-item .option-info .option-name{display:block;font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.acknowledgment-options .option-item .option-info .option-description,.assignment-options .option-item .option-info .option-description,.priority-options .option-item .option-info .option-description,.sound-visual-options .option-item .option-info .option-description,.quick-actions-options .option-item .option-info .option-description{display:block;font-size:14px;color:#666}.control-group{margin-top:16px}.control-group .control-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.control-group .concurrent-control{display:flex;align-items:center;gap:12px}.control-group .concurrent-control .concurrent-slider{flex:1;height:6px;border-radius:3px;background:#e9ecef;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.control-group .concurrent-control .concurrent-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#00d4ff;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.control-group .concurrent-control .concurrent-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#00d4ff;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.control-group .concurrent-control .concurrent-value{font-size:14px;font-weight:600;color:#333;min-width:30px;text-align:right}.control-group .zones-selection .zones-select{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;min-height:100px}.control-group .zones-selection .zones-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.control-group .zones-selection .control-hint{font-size:12px;color:#666;margin-top:8px;font-style:italic}.control-group .skills-input .skills-field{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px}.control-group .skills-input .skills-field:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.control-group .skills-input .control-hint{font-size:12px;color:#666;margin-top:8px;font-style:italic}.priority-config{margin-left:24px;padding:16px;background:#f8f9fa;border-radius:6px;border-left:3px solid #00D4FF}.priority-config .priority-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.priority-config .priority-levels .priority-option{cursor:pointer}.priority-config .priority-levels .priority-option input[type=radio]{display:none}.priority-config .priority-levels .priority-option input[type=radio]:checked+.priority-card{background:#e7f3ff;transform:scale(1.05)}.priority-config .priority-levels .priority-option .priority-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:2px solid;border-radius:8px;background:#fff;transition:all .2s ease}.priority-config .priority-levels .priority-option .priority-card:hover{transform:scale(1.02)}.priority-config .priority-levels .priority-option .priority-card .priority-icon{font-size:24px}.priority-config .priority-levels .priority-option .priority-card .priority-label{font-size:12px;font-weight:600;color:#333;text-align:center}.sound-config{margin-left:24px;padding:16px;background:#f8f9fa;border-radius:6px;border-left:3px solid #00D4FF}.sound-config .volume-control{display:flex;align-items:center;gap:12px}.sound-config .volume-control .volume-slider{flex:1;height:6px;border-radius:3px;background:#e9ecef;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sound-config .volume-control .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#00d4ff;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.sound-config .volume-control .volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#00d4ff;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.sound-config .volume-control .volume-value{font-size:14px;font-weight:600;color:#333;min-width:40px;text-align:right}.sound-config .sound-packs{display:flex;flex-direction:column;gap:8px}.sound-config .sound-packs .sound-pack-option{cursor:pointer}.sound-config .sound-packs .sound-pack-option input[type=radio]{display:none}.sound-config .sound-packs .sound-pack-option input[type=radio]:checked+.sound-pack-card{border-color:#00d4ff;background:#e7f3ff}.sound-config .sound-packs .sound-pack-option .sound-pack-card{padding:12px;border:2px solid #e9ecef;border-radius:6px;background:#fff;transition:all .2s ease}.sound-config .sound-packs .sound-pack-option .sound-pack-card:hover{border-color:#adb5bd}.sound-config .sound-packs .sound-pack-option .sound-pack-card .pack-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:2px}.sound-config .sound-packs .sound-pack-option .sound-pack-card .pack-description{font-size:12px;color:#666}.sound-config .custom-sounds .sound-upload .sound-file-input{width:100%;padding:8px;border:1px solid #dee2e6;border-radius:4px;margin-bottom:8px}.sound-config .custom-sounds .sound-upload .upload-hint{font-size:12px;color:#666;margin:0;font-style:italic}.shortcuts-list{display:flex;flex-direction:column;gap:8px}.shortcuts-list .shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px}.shortcuts-list .shortcut-item .shortcut-action{font-size:14px;font-weight:500;color:#333}.shortcuts-list .shortcut-item .shortcut-keys{display:flex;gap:4px}.shortcuts-list .shortcut-item .shortcut-keys kbd{padding:2px 6px;background:#e9ecef;border:1px solid #adb5bd;border-radius:3px;font-size:11px;font-weight:600;color:#333;font-family:monospace}@media (max-width: 768px){.option-item{flex-direction:column;gap:12px;align-items:stretch}.priority-levels{grid-template-columns:repeat(2,1fr)}.sound-packs .sound-pack-card{text-align:center}.concurrent-control,.volume-control{flex-direction:column;gap:8px;align-items:stretch}.concurrent-control .concurrent-value,.concurrent-control .volume-value,.volume-control .concurrent-value,.volume-control .volume-value{text-align:center}.shortcut-item{flex-direction:column;gap:8px;text-align:center}}@media (prefers-contrast: high){.priority-card,.sound-pack-card,.toggle-slider,kbd{border:2px solid #000}}@media (prefers-color-scheme: dark){.alert-preferences .section-title{color:#f7fafc}.alert-preferences .section-description{color:#a0aec0}.option-item,.priority-config,.sound-config,.shortcut-item{background:#2d3748;border-color:#4a5568}.option-name,.control-label,.shortcut-action{color:#f7fafc}.option-description,.control-hint{color:#a0aec0}.priority-card,.sound-pack-card{background:#374151;border-color:#4a5568}.priority-card .priority-label,.priority-card .pack-label,.sound-pack-card .priority-label,.sound-pack-card .pack-label{color:#f7fafc}.priority-card .pack-description,.sound-pack-card .pack-description{color:#a0aec0}.zones-select,.skills-field,.sound-file-input{background:#1a202c;border-color:#4a5568;color:#f7fafc}.concurrent-value,.volume-value{color:#f7fafc}kbd{background:#4a5568;border-color:#718096;color:#f7fafc}}.profile-settings .settings-section{margin-bottom:32px}.profile-settings .settings-section:last-child{margin-bottom:0}.profile-settings .settings-section .section-title{font-size:18px;font-weight:600;color:#333;margin:0 0 8px}.profile-settings .settings-section .section-description{font-size:14px;color:#666;margin:0 0 20px;line-height:1.5}.profile-form{display:flex;gap:24px;align-items:flex-start}.profile-form .profile-picture-section{display:flex;flex-direction:column;align-items:center;gap:16px}.profile-form .profile-picture-section .picture-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid #e9ecef;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.profile-form .profile-picture-section .picture-preview .profile-image{width:100%;height:100%;object-fit:cover}.profile-form .profile-picture-section .picture-preview .profile-placeholder .placeholder-icon{font-size:48px;color:#adb5bd}.profile-form .profile-picture-section .picture-controls{display:flex;flex-direction:column;gap:8px;align-items:center}.profile-form .profile-picture-section .picture-controls .picture-input{display:none}.profile-form .form-fields{flex:1}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-row .form-group{flex:1}.form-group{margin-bottom:16px}.form-group .form-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:6px}.form-group .form-input,.form-group .form-select{width:100%;padding:10px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;transition:border-color .2s ease}.form-group .form-input:focus,.form-group .form-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.form-group .form-input::placeholder,.form-group .form-select::placeholder{color:#adb5bd}.form-group .form-select{cursor:pointer}.contact-form .form-row{display:flex;gap:16px;margin-bottom:16px}.contact-form .form-row .form-group{flex:1}.preferences-form .theme-options{display:flex;gap:12px;margin-bottom:16px}.preferences-form .theme-options .theme-option{flex:1;cursor:pointer}.preferences-form .theme-options .theme-option input[type=radio]{display:none}.preferences-form .theme-options .theme-option input[type=radio]:checked+.theme-card{border-color:#00d4ff;background:#e7f3ff}.preferences-form .theme-options .theme-option .theme-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:2px solid #e9ecef;border-radius:8px;background:#fff;transition:all .2s ease}.preferences-form .theme-options .theme-option .theme-card:hover{border-color:#adb5bd}.preferences-form .theme-options .theme-option .theme-card .theme-icon{font-size:24px}.preferences-form .theme-options .theme-option .theme-card .theme-label{font-size:12px;font-weight:600;color:#333;text-align:center}.schedule-form{display:flex;flex-direction:column;gap:16px}.schedule-form .schedule-day{padding:16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px}.schedule-form .schedule-day .day-header{margin-bottom:12px}.schedule-form .schedule-day .day-header .day-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.schedule-form .schedule-day .day-header .day-checkbox input[type=checkbox]{margin:0}.schedule-form .schedule-day .day-header .day-checkbox .day-name{font-size:16px;font-weight:600;color:#333}.schedule-form .schedule-day .day-times{display:flex;align-items:center;gap:12px;margin-left:24px}.schedule-form .schedule-day .day-times .time-input{padding:8px 12px;border:1px solid #dee2e6;border-radius:4px;font-size:14px}.schedule-form .schedule-day .day-times .time-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.schedule-form .schedule-day .day-times .time-separator{font-size:14px;color:#666;font-weight:500}.security-form .security-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:16px}.security-form .security-item .security-info{flex:1}.security-form .security-item .security-info .security-name{display:block;font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.security-form .security-item .security-info .security-description{display:block;font-size:14px;color:#666}.security-form .password-change{margin-top:24px;padding:20px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px}.security-form .password-change .password-title{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.security-form .password-change .password-form .form-group{margin-bottom:16px}.security-form .password-change .password-form .form-group .form-label{font-size:14px;font-weight:600;color:#333;margin-bottom:6px}.security-form .password-change .password-form .form-group .form-input{width:100%;padding:10px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px}.security-form .password-change .password-form .form-group .form-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}@media (max-width: 768px){.profile-form{flex-direction:column;gap:20px}.profile-form .profile-picture-section{align-self:center}.form-row{flex-direction:column;gap:12px}.theme-options{flex-direction:column}.day-times{flex-direction:column;gap:8px;align-items:stretch}.day-times .time-separator{text-align:center}.security-item{flex-direction:column;gap:12px;align-items:stretch}}@media (prefers-contrast: high){.picture-preview{border:3px solid #000}.theme-card,.toggle-slider{border:2px solid #000}}@media (prefers-color-scheme: dark){.profile-settings .section-title{color:#f7fafc}.profile-settings .section-description{color:#a0aec0}.picture-preview{background:#2d3748;border-color:#4a5568}.picture-preview .placeholder-icon{color:#718096}.schedule-day,.security-item,.password-change{background:#2d3748;border-color:#4a5568}.form-label,.day-name,.security-name,.password-title{color:#f7fafc}.security-description,.time-separator{color:#a0aec0}.form-input,.form-select,.time-input{background:#1a202c;border-color:#4a5568;color:#f7fafc}.form-input::placeholder,.form-select::placeholder,.time-input::placeholder{color:#718096}.theme-card{background:#374151;border-color:#4a5568}.theme-card .theme-label{color:#f7fafc}}.system-configuration .settings-section{margin-bottom:32px}.system-configuration .settings-section:last-child{margin-bottom:0}.system-configuration .settings-section .section-title{font-size:18px;font-weight:600;color:#333;margin:0 0 8px}.system-configuration .settings-section .section-description{font-size:14px;color:#666;margin:0 0 20px;line-height:1.5}.behavior-options{display:flex;flex-direction:column;gap:20px}.behavior-options .control-group .control-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.behavior-options .control-group .timeout-control{display:flex;align-items:center;gap:12px}.behavior-options .control-group .timeout-control .timeout-slider{flex:1;height:6px;border-radius:3px;background:#e9ecef;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.behavior-options .control-group .timeout-control .timeout-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#00d4ff;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.behavior-options .control-group .timeout-control .timeout-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#00d4ff;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.behavior-options .control-group .timeout-control .timeout-value{font-size:14px;font-weight:600;color:#333;min-width:60px;text-align:right}.behavior-options .control-group .performance-options{display:flex;gap:12px}.behavior-options .control-group .performance-options .performance-option{flex:1;cursor:pointer}.behavior-options .control-group .performance-options .performance-option input[type=radio]{display:none}.behavior-options .control-group .performance-options .performance-option input[type=radio]:checked+.performance-card{border-color:#00d4ff;background:#e7f3ff}.behavior-options .control-group .performance-options .performance-option .performance-card{padding:16px;border:2px solid #e9ecef;border-radius:8px;background:#fff;transition:all .2s ease;text-align:center}.behavior-options .control-group .performance-options .performance-option .performance-card:hover{border-color:#adb5bd}.behavior-options .control-group .performance-options .performance-option .performance-card .performance-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.behavior-options .control-group .performance-options .performance-option .performance-card .performance-description{font-size:12px;color:#666}.behavior-options .behavior-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px}.behavior-options .behavior-item .behavior-info{flex:1}.behavior-options .behavior-item .behavior-info .behavior-name{display:block;font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.behavior-options .behavior-item .behavior-info .behavior-description{display:block;font-size:14px;color:#666}.config-tabs .tab-nav{display:flex;border-bottom:2px solid #e9ecef;margin-bottom:24px}.config-tabs .tab-nav .tab-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:#666;border-bottom:2px solid transparent;transition:all .2s ease}.config-tabs .tab-nav .tab-button:hover{color:#333;background:#f8f9fa}.config-tabs .tab-nav .tab-button--active{color:#00d4ff;border-bottom-color:#00d4ff;background:#e7f3ff}.config-tabs .tab-nav .tab-button .tab-icon{font-size:16px}.config-tabs .tab-nav .tab-button .tab-label{font-weight:600}.config-tabs .tab-content{min-height:400px}.templates-config .config-header,.zones-config .config-header,.integrations-config .config-header,.advanced-config .config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.templates-config .config-header h4,.zones-config .config-header h4,.integrations-config .config-header h4,.advanced-config .config-header h4{font-size:18px;font-weight:600;color:#333;margin:0}.templates-list,.zones-list,.integrations-list{display:flex;flex-direction:column;gap:16px}.templates-list .template-card,.templates-list .zone-card,.templates-list .integration-card,.zones-list .template-card,.zones-list .zone-card,.zones-list .integration-card,.integrations-list .template-card,.integrations-list .zone-card,.integrations-list .integration-card{border:1px solid #e9ecef;border-radius:8px;background:#fff;overflow:hidden}.templates-list .template-card .template-header,.templates-list .template-card .zone-header,.templates-list .template-card .integration-header,.templates-list .zone-card .template-header,.templates-list .zone-card .zone-header,.templates-list .zone-card .integration-header,.templates-list .integration-card .template-header,.templates-list .integration-card .zone-header,.templates-list .integration-card .integration-header,.zones-list .template-card .template-header,.zones-list .template-card .zone-header,.zones-list .template-card .integration-header,.zones-list .zone-card .template-header,.zones-list .zone-card .zone-header,.zones-list .zone-card .integration-header,.zones-list .integration-card .template-header,.zones-list .integration-card .zone-header,.zones-list .integration-card .integration-header,.integrations-list .template-card .template-header,.integrations-list .template-card .zone-header,.integrations-list .template-card .integration-header,.integrations-list .zone-card .template-header,.integrations-list .zone-card .zone-header,.integrations-list .zone-card .integration-header,.integrations-list .integration-card .template-header,.integrations-list .integration-card .zone-header,.integrations-list .integration-card .integration-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.templates-list .template-card .template-header .template-info,.templates-list .template-card .template-header .zone-info,.templates-list .template-card .template-header .integration-info,.templates-list .template-card .zone-header .template-info,.templates-list .template-card .zone-header .zone-info,.templates-list .template-card .zone-header .integration-info,.templates-list .template-card .integration-header .template-info,.templates-list .template-card .integration-header .zone-info,.templates-list .template-card .integration-header .integration-info,.templates-list .zone-card .template-header .template-info,.templates-list .zone-card .template-header .zone-info,.templates-list .zone-card .template-header .integration-info,.templates-list .zone-card .zone-header .template-info,.templates-list .zone-card .zone-header .zone-info,.templates-list .zone-card .zone-header .integration-info,.templates-list .zone-card .integration-header .template-info,.templates-list .zone-card .integration-header .zone-info,.templates-list .zone-card .integration-header .integration-info,.templates-list .integration-card .template-header .template-info,.templates-list .integration-card .template-header .zone-info,.templates-list .integration-card .template-header .integration-info,.templates-list .integration-card .zone-header .template-info,.templates-list .integration-card .zone-header .zone-info,.templates-list .integration-card .zone-header .integration-info,.templates-list .integration-card .integration-header .template-info,.templates-list .integration-card .integration-header .zone-info,.templates-list .integration-card .integration-header .integration-info,.zones-list .template-card .template-header .template-info,.zones-list .template-card .template-header .zone-info,.zones-list .template-card .template-header .integration-info,.zones-list .template-card .zone-header .template-info,.zones-list .template-card .zone-header .zone-info,.zones-list .template-card .zone-header .integration-info,.zones-list .template-card .integration-header .template-info,.zones-list .template-card .integration-header .zone-info,.zones-list .template-card .integration-header .integration-info,.zones-list .zone-card .template-header .template-info,.zones-list .zone-card .template-header .zone-info,.zones-list .zone-card .template-header .integration-info,.zones-list .zone-card .zone-header .template-info,.zones-list .zone-card .zone-header .zone-info,.zones-list .zone-card .zone-header .integration-info,.zones-list .zone-card .integration-header .template-info,.zones-list .zone-card .integration-header .zone-info,.zones-list .zone-card .integration-header .integration-info,.zones-list .integration-card .template-header .template-info,.zones-list .integration-card .template-header .zone-info,.zones-list .integration-card .template-header .integration-info,.zones-list .integration-card .zone-header .template-info,.zones-list .integration-card .zone-header .zone-info,.zones-list .integration-card .zone-header .integration-info,.zones-list .integration-card .integration-header .template-info,.zones-list .integration-card .integration-header .zone-info,.zones-list .integration-card .integration-header .integration-info,.integrations-list .template-card .template-header .template-info,.integrations-list .template-card .template-header .zone-info,.integrations-list .template-card .template-header .integration-info,.integrations-list .template-card .zone-header .template-info,.integrations-list .template-card .zone-header .zone-info,.integrations-list .template-card .zone-header .integration-info,.integrations-list .template-card .integration-header .template-info,.integrations-list .template-card .integration-header .zone-info,.integrations-list .template-card .integration-header .integration-info,.integrations-list .zone-card .template-header .template-info,.integrations-list .zone-card .template-header .zone-info,.integrations-list .zone-card .template-header .integration-info,.integrations-list .zone-card .zone-header .template-info,.integrations-list .zone-card .zone-header .zone-info,.integrations-list .zone-card .zone-header .integration-info,.integrations-list .zone-card .integration-header .template-info,.integrations-list .zone-card .integration-header .zone-info,.integrations-list .zone-card .integration-header .integration-info,.integrations-list .integration-card .template-header .template-info,.integrations-list .integration-card .template-header .zone-info,.integrations-list .integration-card .template-header .integration-info,.integrations-list .integration-card .zone-header .template-info,.integrations-list .integration-card .zone-header .zone-info,.integrations-list .integration-card .zone-header .integration-info,.integrations-list .integration-card .integration-header .template-info,.integrations-list .integration-card .integration-header .zone-info,.integrations-list .integration-card .integration-header .integration-info{display:flex;align-items:center;gap:12px;flex:1}.templates-list .template-card .template-header .template-info .template-name,.templates-list .template-card .template-header .template-info .zone-name,.templates-list .template-card .template-header .template-info .integration-name,.templates-list .template-card .template-header .zone-info .template-name,.templates-list .template-card .template-header .zone-info .zone-name,.templates-list .template-card .template-header .zone-info .integration-name,.templates-list .template-card .template-header .integration-info .template-name,.templates-list .template-card .template-header .integration-info .zone-name,.templates-list .template-card .template-header .integration-info .integration-name,.templates-list .template-card .zone-header .template-info .template-name,.templates-list .template-card .zone-header .template-info .zone-name,.templates-list .template-card .zone-header .template-info .integration-name,.templates-list .template-card .zone-header .zone-info .template-name,.templates-list .template-card .zone-header .zone-info .zone-name,.templates-list .template-card .zone-header .zone-info .integration-name,.templates-list .template-card .zone-header .integration-info .template-name,.templates-list .template-card .zone-header .integration-info .zone-name,.templates-list .template-card .zone-header .integration-info .integration-name,.templates-list .template-card .integration-header .template-info .template-name,.templates-list .template-card .integration-header .template-info .zone-name,.templates-list .template-card .integration-header .template-info .integration-name,.templates-list .template-card .integration-header .zone-info .template-name,.templates-list .template-card .integration-header .zone-info .zone-name,.templates-list .template-card .integration-header .zone-info .integration-name,.templates-list .template-card .integration-header .integration-info .template-name,.templates-list .template-card .integration-header .integration-info .zone-name,.templates-list .template-card .integration-header .integration-info .integration-name,.templates-list .zone-card .template-header .template-info .template-name,.templates-list .zone-card .template-header .template-info .zone-name,.templates-list .zone-card .template-header .template-info .integration-name,.templates-list .zone-card .template-header .zone-info .template-name,.templates-list .zone-card .template-header .zone-info .zone-name,.templates-list .zone-card .template-header .zone-info .integration-name,.templates-list .zone-card .template-header .integration-info .template-name,.templates-list .zone-card .template-header .integration-info .zone-name,.templates-list .zone-card .template-header .integration-info .integration-name,.templates-list .zone-card .zone-header .template-info .template-name,.templates-list .zone-card .zone-header .template-info .zone-name,.templates-list .zone-card .zone-header .template-info .integration-name,.templates-list .zone-card .zone-header .zone-info .template-name,.templates-list .zone-card .zone-header .zone-info .zone-name,.templates-list .zone-card .zone-header .zone-info .integration-name,.templates-list .zone-card .zone-header .integration-info .template-name,.templates-list .zone-card .zone-header .integration-info .zone-name,.templates-list .zone-card .zone-header .integration-info .integration-name,.templates-list .zone-card .integration-header .template-info .template-name,.templates-list .zone-card .integration-header .template-info .zone-name,.templates-list .zone-card .integration-header .template-info .integration-name,.templates-list .zone-card .integration-header .zone-info .template-name,.templates-list .zone-card .integration-header .zone-info .zone-name,.templates-list .zone-card .integration-header .zone-info .integration-name,.templates-list .zone-card .integration-header .integration-info .template-name,.templates-list .zone-card .integration-header .integration-info .zone-name,.templates-list .zone-card .integration-header .integration-info .integration-name,.templates-list .integration-card .template-header .template-info .template-name,.templates-list .integration-card .template-header .template-info .zone-name,.templates-list .integration-card .template-header .template-info .integration-name,.templates-list .integration-card .template-header .zone-info .template-name,.templates-list .integration-card .template-header .zone-info .zone-name,.templates-list .integration-card .template-header .zone-info .integration-name,.templates-list .integration-card .template-header .integration-info .template-name,.templates-list .integration-card .template-header .integration-info .zone-name,.templates-list .integration-card .template-header .integration-info .integration-name,.templates-list .integration-card .zone-header .template-info .template-name,.templates-list .integration-card .zone-header .template-info .zone-name,.templates-list .integration-card .zone-header .template-info .integration-name,.templates-list .integration-card .zone-header .zone-info .template-name,.templates-list .integration-card .zone-header .zone-info .zone-name,.templates-list .integration-card .zone-header .zone-info .integration-name,.templates-list .integration-card .zone-header .integration-info .template-name,.templates-list .integration-card .zone-header .integration-info .zone-name,.templates-list .integration-card .zone-header .integration-info .integration-name,.templates-list .integration-card .integration-header .template-info .template-name,.templates-list .integration-card .integration-header .template-info .zone-name,.templates-list .integration-card .integration-header .template-info .integration-name,.templates-list .integration-card .integration-header .zone-info .template-name,.templates-list .integration-card .integration-header .zone-info .zone-name,.templates-list .integration-card .integration-header .zone-info .integration-name,.templates-list .integration-card .integration-header .integration-info .template-name,.templates-list .integration-card .integration-header .integration-info .zone-name,.templates-list .integration-card .integration-header .integration-info .integration-name,.zones-list .template-card .template-header .template-info .template-name,.zones-list .template-card .template-header .template-info .zone-name,.zones-list .template-card .template-header .template-info .integration-name,.zones-list .template-card .template-header .zone-info .template-name,.zones-list .template-card .template-header .zone-info .zone-name,.zones-list .template-card .template-header .zone-info .integration-name,.zones-list .template-card .template-header .integration-info .template-name,.zones-list .template-card .template-header .integration-info .zone-name,.zones-list .template-card .template-header .integration-info .integration-name,.zones-list .template-card .zone-header .template-info .template-name,.zones-list .template-card .zone-header .template-info .zone-name,.zones-list .template-card .zone-header .template-info .integration-name,.zones-list .template-card .zone-header .zone-info .template-name,.zones-list .template-card .zone-header .zone-info .zone-name,.zones-list .template-card .zone-header .zone-info .integration-name,.zones-list .template-card .zone-header .integration-info .template-name,.zones-list .template-card .zone-header .integration-info .zone-name,.zones-list .template-card .zone-header .integration-info .integration-name,.zones-list .template-card .integration-header .template-info .template-name,.zones-list .template-card .integration-header .template-info .zone-name,.zones-list .template-card .integration-header .template-info .integration-name,.zones-list .template-card .integration-header .zone-info .template-name,.zones-list .template-card .integration-header .zone-info .zone-name,.zones-list .template-card .integration-header .zone-info .integration-name,.zones-list .template-card .integration-header .integration-info .template-name,.zones-list .template-card .integration-header .integration-info .zone-name,.zones-list .template-card .integration-header .integration-info .integration-name,.zones-list .zone-card .template-header .template-info .template-name,.zones-list .zone-card .template-header .template-info .zone-name,.zones-list .zone-card .template-header .template-info .integration-name,.zones-list .zone-card .template-header .zone-info .template-name,.zones-list .zone-card .template-header .zone-info .zone-name,.zones-list .zone-card .template-header .zone-info .integration-name,.zones-list .zone-card .template-header .integration-info .template-name,.zones-list .zone-card .template-header .integration-info .zone-name,.zones-list .zone-card .template-header .integration-info .integration-name,.zones-list .zone-card .zone-header .template-info .template-name,.zones-list .zone-card .zone-header .template-info .zone-name,.zones-list .zone-card .zone-header .template-info .integration-name,.zones-list .zone-card .zone-header .zone-info .template-name,.zones-list .zone-card .zone-header .zone-info .zone-name,.zones-list .zone-card .zone-header .zone-info .integration-name,.zones-list .zone-card .zone-header .integration-info .template-name,.zones-list .zone-card .zone-header .integration-info .zone-name,.zones-list .zone-card .zone-header .integration-info .integration-name,.zones-list .zone-card .integration-header .template-info .template-name,.zones-list .zone-card .integration-header .template-info .zone-name,.zones-list .zone-card .integration-header .template-info .integration-name,.zones-list .zone-card .integration-header .zone-info .template-name,.zones-list .zone-card .integration-header .zone-info .zone-name,.zones-list .zone-card .integration-header .zone-info .integration-name,.zones-list .zone-card .integration-header .integration-info .template-name,.zones-list .zone-card .integration-header .integration-info .zone-name,.zones-list .zone-card .integration-header .integration-info .integration-name,.zones-list .integration-card .template-header .template-info .template-name,.zones-list .integration-card .template-header .template-info .zone-name,.zones-list .integration-card .template-header .template-info .integration-name,.zones-list .integration-card .template-header .zone-info .template-name,.zones-list .integration-card .template-header .zone-info .zone-name,.zones-list .integration-card .template-header .zone-info .integration-name,.zones-list .integration-card .template-header .integration-info .template-name,.zones-list .integration-card .template-header .integration-info .zone-name,.zones-list .integration-card .template-header .integration-info .integration-name,.zones-list .integration-card .zone-header .template-info .template-name,.zones-list .integration-card .zone-header .template-info .zone-name,.zones-list .integration-card .zone-header .template-info .integration-name,.zones-list .integration-card .zone-header .zone-info .template-name,.zones-list .integration-card .zone-header .zone-info .zone-name,.zones-list .integration-card .zone-header .zone-info .integration-name,.zones-list .integration-card .zone-header .integration-info .template-name,.zones-list .integration-card .zone-header .integration-info .zone-name,.zones-list .integration-card .zone-header .integration-info .integration-name,.zones-list .integration-card .integration-header .template-info .template-name,.zones-list .integration-card .integration-header .template-info .zone-name,.zones-list .integration-card .integration-header .template-info .integration-name,.zones-list .integration-card .integration-header .zone-info .template-name,.zones-list .integration-card .integration-header .zone-info .zone-name,.zones-list .integration-card .integration-header .zone-info .integration-name,.zones-list .integration-card .integration-header .integration-info .template-name,.zones-list .integration-card .integration-header .integration-info .zone-name,.zones-list .integration-card .integration-header .integration-info .integration-name,.integrations-list .template-card .template-header .template-info .template-name,.integrations-list .template-card .template-header .template-info .zone-name,.integrations-list .template-card .template-header .template-info .integration-name,.integrations-list .template-card .template-header .zone-info .template-name,.integrations-list .template-card .template-header .zone-info .zone-name,.integrations-list .template-card .template-header .zone-info .integration-name,.integrations-list .template-card .template-header .integration-info .template-name,.integrations-list .template-card .template-header .integration-info .zone-name,.integrations-list .template-card .template-header .integration-info .integration-name,.integrations-list .template-card .zone-header .template-info .template-name,.integrations-list .template-card .zone-header .template-info .zone-name,.integrations-list .template-card .zone-header .template-info .integration-name,.integrations-list .template-card .zone-header .zone-info .template-name,.integrations-list .template-card .zone-header .zone-info .zone-name,.integrations-list .template-card .zone-header .zone-info .integration-name,.integrations-list .template-card .zone-header .integration-info .template-name,.integrations-list .template-card .zone-header .integration-info .zone-name,.integrations-list .template-card .zone-header .integration-info .integration-name,.integrations-list .template-card .integration-header .template-info .template-name,.integrations-list .template-card .integration-header .template-info .zone-name,.integrations-list .template-card .integration-header .template-info .integration-name,.integrations-list .template-card .integration-header .zone-info .template-name,.integrations-list .template-card .integration-header .zone-info .zone-name,.integrations-list .template-card .integration-header .zone-info .integration-name,.integrations-list .template-card .integration-header .integration-info .template-name,.integrations-list .template-card .integration-header .integration-info .zone-name,.integrations-list .template-card .integration-header .integration-info .integration-name,.integrations-list .zone-card .template-header .template-info .template-name,.integrations-list .zone-card .template-header .template-info .zone-name,.integrations-list .zone-card .template-header .template-info .integration-name,.integrations-list .zone-card .template-header .zone-info .template-name,.integrations-list .zone-card .template-header .zone-info .zone-name,.integrations-list .zone-card .template-header .zone-info .integration-name,.integrations-list .zone-card .template-header .integration-info .template-name,.integrations-list .zone-card .template-header .integration-info .zone-name,.integrations-list .zone-card .template-header .integration-info .integration-name,.integrations-list .zone-card .zone-header .template-info .template-name,.integrations-list .zone-card .zone-header .template-info .zone-name,.integrations-list .zone-card .zone-header .template-info .integration-name,.integrations-list .zone-card .zone-header .zone-info .template-name,.integrations-list .zone-card .zone-header .zone-info .zone-name,.integrations-list .zone-card .zone-header .zone-info .integration-name,.integrations-list .zone-card .zone-header .integration-info .template-name,.integrations-list .zone-card .zone-header .integration-info .zone-name,.integrations-list .zone-card .zone-header .integration-info .integration-name,.integrations-list .zone-card .integration-header .template-info .template-name,.integrations-list .zone-card .integration-header .template-info .zone-name,.integrations-list .zone-card .integration-header .template-info .integration-name,.integrations-list .zone-card .integration-header .zone-info .template-name,.integrations-list .zone-card .integration-header .zone-info .zone-name,.integrations-list .zone-card .integration-header .zone-info .integration-name,.integrations-list .zone-card .integration-header .integration-info .template-name,.integrations-list .zone-card .integration-header .integration-info .zone-name,.integrations-list .zone-card .integration-header .integration-info .integration-name,.integrations-list .integration-card .template-header .template-info .template-name,.integrations-list .integration-card .template-header .template-info .zone-name,.integrations-list .integration-card .template-header .template-info .integration-name,.integrations-list .integration-card .template-header .zone-info .template-name,.integrations-list .integration-card .template-header .zone-info .zone-name,.integrations-list .integration-card .template-header .zone-info .integration-name,.integrations-list .integration-card .template-header .integration-info .template-name,.integrations-list .integration-card .template-header .integration-info .zone-name,.integrations-list .integration-card .template-header .integration-info .integration-name,.integrations-list .integration-card .zone-header .template-info .template-name,.integrations-list .integration-card .zone-header .template-info .zone-name,.integrations-list .integration-card .zone-header .template-info .integration-name,.integrations-list .integration-card .zone-header .zone-info .template-name,.integrations-list .integration-card .zone-header .zone-info .zone-name,.integrations-list .integration-card .zone-header .zone-info .integration-name,.integrations-list .integration-card .zone-header .integration-info .template-name,.integrations-list .integration-card .zone-header .integration-info .zone-name,.integrations-list .integration-card .zone-header .integration-info .integration-name,.integrations-list .integration-card .integration-header .template-info .template-name,.integrations-list .integration-card .integration-header .template-info .zone-name,.integrations-list .integration-card .integration-header .template-info .integration-name,.integrations-list .integration-card .integration-header .zone-info .template-name,.integrations-list .integration-card .integration-header .zone-info .zone-name,.integrations-list .integration-card .integration-header .zone-info .integration-name,.integrations-list .integration-card .integration-header .integration-info .template-name,.integrations-list .integration-card .integration-header .integration-info .zone-name,.integrations-list .integration-card .integration-header .integration-info .integration-name{font-size:16px;font-weight:600;color:#333}.templates-list .template-card .template-header .template-info .template-type,.templates-list .template-card .template-header .template-info .zone-priority,.templates-list .template-card .template-header .template-info .integration-type,.templates-list .template-card .template-header .zone-info .template-type,.templates-list .template-card .template-header .zone-info .zone-priority,.templates-list .template-card .template-header .zone-info .integration-type,.templates-list .template-card .template-header .integration-info .template-type,.templates-list .template-card .template-header .integration-info .zone-priority,.templates-list .template-card .template-header .integration-info .integration-type,.templates-list .template-card .zone-header .template-info .template-type,.templates-list .template-card .zone-header .template-info .zone-priority,.templates-list .template-card .zone-header .template-info .integration-type,.templates-list .template-card .zone-header .zone-info .template-type,.templates-list .template-card .zone-header .zone-info .zone-priority,.templates-list .template-card .zone-header .zone-info .integration-type,.templates-list .template-card .zone-header .integration-info .template-type,.templates-list .template-card .zone-header .integration-info .zone-priority,.templates-list .template-card .zone-header .integration-info .integration-type,.templates-list .template-card .integration-header .template-info .template-type,.templates-list .template-card .integration-header .template-info .zone-priority,.templates-list .template-card .integration-header .template-info .integration-type,.templates-list .template-card .integration-header .zone-info .template-type,.templates-list .template-card .integration-header .zone-info .zone-priority,.templates-list .template-card .integration-header .zone-info .integration-type,.templates-list .template-card .integration-header .integration-info .template-type,.templates-list .template-card .integration-header .integration-info .zone-priority,.templates-list .template-card .integration-header .integration-info .integration-type,.templates-list .zone-card .template-header .template-info .template-type,.templates-list .zone-card .template-header .template-info .zone-priority,.templates-list .zone-card .template-header .template-info .integration-type,.templates-list .zone-card .template-header .zone-info .template-type,.templates-list .zone-card .template-header .zone-info .zone-priority,.templates-list .zone-card .template-header .zone-info .integration-type,.templates-list .zone-card .template-header .integration-info .template-type,.templates-list .zone-card .template-header .integration-info .zone-priority,.templates-list .zone-card .template-header .integration-info .integration-type,.templates-list .zone-card .zone-header .template-info .template-type,.templates-list .zone-card .zone-header .template-info .zone-priority,.templates-list .zone-card .zone-header .template-info .integration-type,.templates-list .zone-card .zone-header .zone-info .template-type,.templates-list .zone-card .zone-header .zone-info .zone-priority,.templates-list .zone-card .zone-header .zone-info .integration-type,.templates-list .zone-card .zone-header .integration-info .template-type,.templates-list .zone-card .zone-header .integration-info .zone-priority,.templates-list .zone-card .zone-header .integration-info .integration-type,.templates-list .zone-card .integration-header .template-info .template-type,.templates-list .zone-card .integration-header .template-info .zone-priority,.templates-list .zone-card .integration-header .template-info .integration-type,.templates-list .zone-card .integration-header .zone-info .template-type,.templates-list .zone-card .integration-header .zone-info .zone-priority,.templates-list .zone-card .integration-header .zone-info .integration-type,.templates-list .zone-card .integration-header .integration-info .template-type,.templates-list .zone-card .integration-header .integration-info .zone-priority,.templates-list .zone-card .integration-header .integration-info .integration-type,.templates-list .integration-card .template-header .template-info .template-type,.templates-list .integration-card .template-header .template-info .zone-priority,.templates-list .integration-card .template-header .template-info .integration-type,.templates-list .integration-card .template-header .zone-info .template-type,.templates-list .integration-card .template-header .zone-info .zone-priority,.templates-list .integration-card .template-header .zone-info .integration-type,.templates-list .integration-card .template-header .integration-info .template-type,.templates-list .integration-card .template-header .integration-info .zone-priority,.templates-list .integration-card .template-header .integration-info .integration-type,.templates-list .integration-card .zone-header .template-info .template-type,.templates-list .integration-card .zone-header .template-info .zone-priority,.templates-list .integration-card .zone-header .template-info .integration-type,.templates-list .integration-card .zone-header .zone-info .template-type,.templates-list .integration-card .zone-header .zone-info .zone-priority,.templates-list .integration-card .zone-header .zone-info .integration-type,.templates-list .integration-card .zone-header .integration-info .template-type,.templates-list .integration-card .zone-header .integration-info .zone-priority,.templates-list .integration-card .zone-header .integration-info .integration-type,.templates-list .integration-card .integration-header .template-info .template-type,.templates-list .integration-card .integration-header .template-info .zone-priority,.templates-list .integration-card .integration-header .template-info .integration-type,.templates-list .integration-card .integration-header .zone-info .template-type,.templates-list .integration-card .integration-header .zone-info .zone-priority,.templates-list .integration-card .integration-header .zone-info .integration-type,.templates-list .integration-card .integration-header .integration-info .template-type,.templates-list .integration-card .integration-header .integration-info .zone-priority,.templates-list .integration-card .integration-header .integration-info .integration-type,.zones-list .template-card .template-header .template-info .template-type,.zones-list .template-card .template-header .template-info .zone-priority,.zones-list .template-card .template-header .template-info .integration-type,.zones-list .template-card .template-header .zone-info .template-type,.zones-list .template-card .template-header .zone-info .zone-priority,.zones-list .template-card .template-header .zone-info .integration-type,.zones-list .template-card .template-header .integration-info .template-type,.zones-list .template-card .template-header .integration-info .zone-priority,.zones-list .template-card .template-header .integration-info .integration-type,.zones-list .template-card .zone-header .template-info .template-type,.zones-list .template-card .zone-header .template-info .zone-priority,.zones-list .template-card .zone-header .template-info .integration-type,.zones-list .template-card .zone-header .zone-info .template-type,.zones-list .template-card .zone-header .zone-info .zone-priority,.zones-list .template-card .zone-header .zone-info .integration-type,.zones-list .template-card .zone-header .integration-info .template-type,.zones-list .template-card .zone-header .integration-info .zone-priority,.zones-list .template-card .zone-header .integration-info .integration-type,.zones-list .template-card .integration-header .template-info .template-type,.zones-list .template-card .integration-header .template-info .zone-priority,.zones-list .template-card .integration-header .template-info .integration-type,.zones-list .template-card .integration-header .zone-info .template-type,.zones-list .template-card .integration-header .zone-info .zone-priority,.zones-list .template-card .integration-header .zone-info .integration-type,.zones-list .template-card .integration-header .integration-info .template-type,.zones-list .template-card .integration-header .integration-info .zone-priority,.zones-list .template-card .integration-header .integration-info .integration-type,.zones-list .zone-card .template-header .template-info .template-type,.zones-list .zone-card .template-header .template-info .zone-priority,.zones-list .zone-card .template-header .template-info .integration-type,.zones-list .zone-card .template-header .zone-info .template-type,.zones-list .zone-card .template-header .zone-info .zone-priority,.zones-list .zone-card .template-header .zone-info .integration-type,.zones-list .zone-card .template-header .integration-info .template-type,.zones-list .zone-card .template-header .integration-info .zone-priority,.zones-list .zone-card .template-header .integration-info .integration-type,.zones-list .zone-card .zone-header .template-info .template-type,.zones-list .zone-card .zone-header .template-info .zone-priority,.zones-list .zone-card .zone-header .template-info .integration-type,.zones-list .zone-card .zone-header .zone-info .template-type,.zones-list .zone-card .zone-header .zone-info .zone-priority,.zones-list .zone-card .zone-header .zone-info .integration-type,.zones-list .zone-card .zone-header .integration-info .template-type,.zones-list .zone-card .zone-header .integration-info .zone-priority,.zones-list .zone-card .zone-header .integration-info .integration-type,.zones-list .zone-card .integration-header .template-info .template-type,.zones-list .zone-card .integration-header .template-info .zone-priority,.zones-list .zone-card .integration-header .template-info .integration-type,.zones-list .zone-card .integration-header .zone-info .template-type,.zones-list .zone-card .integration-header .zone-info .zone-priority,.zones-list .zone-card .integration-header .zone-info .integration-type,.zones-list .zone-card .integration-header .integration-info .template-type,.zones-list .zone-card .integration-header .integration-info .zone-priority,.zones-list .zone-card .integration-header .integration-info .integration-type,.zones-list .integration-card .template-header .template-info .template-type,.zones-list .integration-card .template-header .template-info .zone-priority,.zones-list .integration-card .template-header .template-info .integration-type,.zones-list .integration-card .template-header .zone-info .template-type,.zones-list .integration-card .template-header .zone-info .zone-priority,.zones-list .integration-card .template-header .zone-info .integration-type,.zones-list .integration-card .template-header .integration-info .template-type,.zones-list .integration-card .template-header .integration-info .zone-priority,.zones-list .integration-card .template-header .integration-info .integration-type,.zones-list .integration-card .zone-header .template-info .template-type,.zones-list .integration-card .zone-header .template-info .zone-priority,.zones-list .integration-card .zone-header .template-info .integration-type,.zones-list .integration-card .zone-header .zone-info .template-type,.zones-list .integration-card .zone-header .zone-info .zone-priority,.zones-list .integration-card .zone-header .zone-info .integration-type,.zones-list .integration-card .zone-header .integration-info .template-type,.zones-list .integration-card .zone-header .integration-info .zone-priority,.zones-list .integration-card .zone-header .integration-info .integration-type,.zones-list .integration-card .integration-header .template-info .template-type,.zones-list .integration-card .integration-header .template-info .zone-priority,.zones-list .integration-card .integration-header .template-info .integration-type,.zones-list .integration-card .integration-header .zone-info .template-type,.zones-list .integration-card .integration-header .zone-info .zone-priority,.zones-list .integration-card .integration-header .zone-info .integration-type,.zones-list .integration-card .integration-header .integration-info .template-type,.zones-list .integration-card .integration-header .integration-info .zone-priority,.zones-list .integration-card .integration-header .integration-info .integration-type,.integrations-list .template-card .template-header .template-info .template-type,.integrations-list .template-card .template-header .template-info .zone-priority,.integrations-list .template-card .template-header .template-info .integration-type,.integrations-list .template-card .template-header .zone-info .template-type,.integrations-list .template-card .template-header .zone-info .zone-priority,.integrations-list .template-card .template-header .zone-info .integration-type,.integrations-list .template-card .template-header .integration-info .template-type,.integrations-list .template-card .template-header .integration-info .zone-priority,.integrations-list .template-card .template-header .integration-info .integration-type,.integrations-list .template-card .zone-header .template-info .template-type,.integrations-list .template-card .zone-header .template-info .zone-priority,.integrations-list .template-card .zone-header .template-info .integration-type,.integrations-list .template-card .zone-header .zone-info .template-type,.integrations-list .template-card .zone-header .zone-info .zone-priority,.integrations-list .template-card .zone-header .zone-info .integration-type,.integrations-list .template-card .zone-header .integration-info .template-type,.integrations-list .template-card .zone-header .integration-info .zone-priority,.integrations-list .template-card .zone-header .integration-info .integration-type,.integrations-list .template-card .integration-header .template-info .template-type,.integrations-list .template-card .integration-header .template-info .zone-priority,.integrations-list .template-card .integration-header .template-info .integration-type,.integrations-list .template-card .integration-header .zone-info .template-type,.integrations-list .template-card .integration-header .zone-info .zone-priority,.integrations-list .template-card .integration-header .zone-info .integration-type,.integrations-list .template-card .integration-header .integration-info .template-type,.integrations-list .template-card .integration-header .integration-info .zone-priority,.integrations-list .template-card .integration-header .integration-info .integration-type,.integrations-list .zone-card .template-header .template-info .template-type,.integrations-list .zone-card .template-header .template-info .zone-priority,.integrations-list .zone-card .template-header .template-info .integration-type,.integrations-list .zone-card .template-header .zone-info .template-type,.integrations-list .zone-card .template-header .zone-info .zone-priority,.integrations-list .zone-card .template-header .zone-info .integration-type,.integrations-list .zone-card .template-header .integration-info .template-type,.integrations-list .zone-card .template-header .integration-info .zone-priority,.integrations-list .zone-card .template-header .integration-info .integration-type,.integrations-list .zone-card .zone-header .template-info .template-type,.integrations-list .zone-card .zone-header .template-info .zone-priority,.integrations-list .zone-card .zone-header .template-info .integration-type,.integrations-list .zone-card .zone-header .zone-info .template-type,.integrations-list .zone-card .zone-header .zone-info .zone-priority,.integrations-list .zone-card .zone-header .zone-info .integration-type,.integrations-list .zone-card .zone-header .integration-info .template-type,.integrations-list .zone-card .zone-header .integration-info .zone-priority,.integrations-list .zone-card .zone-header .integration-info .integration-type,.integrations-list .zone-card .integration-header .template-info .template-type,.integrations-list .zone-card .integration-header .template-info .zone-priority,.integrations-list .zone-card .integration-header .template-info .integration-type,.integrations-list .zone-card .integration-header .zone-info .template-type,.integrations-list .zone-card .integration-header .zone-info .zone-priority,.integrations-list .zone-card .integration-header .zone-info .integration-type,.integrations-list .zone-card .integration-header .integration-info .template-type,.integrations-list .zone-card .integration-header .integration-info .zone-priority,.integrations-list .zone-card .integration-header .integration-info .integration-type,.integrations-list .integration-card .template-header .template-info .template-type,.integrations-list .integration-card .template-header .template-info .zone-priority,.integrations-list .integration-card .template-header .template-info .integration-type,.integrations-list .integration-card .template-header .zone-info .template-type,.integrations-list .integration-card .template-header .zone-info .zone-priority,.integrations-list .integration-card .template-header .zone-info .integration-type,.integrations-list .integration-card .template-header .integration-info .template-type,.integrations-list .integration-card .template-header .integration-info .zone-priority,.integrations-list .integration-card .template-header .integration-info .integration-type,.integrations-list .integration-card .zone-header .template-info .template-type,.integrations-list .integration-card .zone-header .template-info .zone-priority,.integrations-list .integration-card .zone-header .template-info .integration-type,.integrations-list .integration-card .zone-header .zone-info .template-type,.integrations-list .integration-card .zone-header .zone-info .zone-priority,.integrations-list .integration-card .zone-header .zone-info .integration-type,.integrations-list .integration-card .zone-header .integration-info .template-type,.integrations-list .integration-card .zone-header .integration-info .zone-priority,.integrations-list .integration-card .zone-header .integration-info .integration-type,.integrations-list .integration-card .integration-header .template-info .template-type,.integrations-list .integration-card .integration-header .template-info .zone-priority,.integrations-list .integration-card .integration-header .template-info .integration-type,.integrations-list .integration-card .integration-header .zone-info .template-type,.integrations-list .integration-card .integration-header .zone-info .zone-priority,.integrations-list .integration-card .integration-header .zone-info .integration-type,.integrations-list .integration-card .integration-header .integration-info .template-type,.integrations-list .integration-card .integration-header .integration-info .zone-priority,.integrations-list .integration-card .integration-header .integration-info .integration-type{font-size:12px;color:#666;background:#e9ecef;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:500}.templates-list .template-card .template-header .template-info .template-priority,.templates-list .template-card .template-header .zone-info .template-priority,.templates-list .template-card .template-header .integration-info .template-priority,.templates-list .template-card .zone-header .template-info .template-priority,.templates-list .template-card .zone-header .zone-info .template-priority,.templates-list .template-card .zone-header .integration-info .template-priority,.templates-list .template-card .integration-header .template-info .template-priority,.templates-list .template-card .integration-header .zone-info .template-priority,.templates-list .template-card .integration-header .integration-info .template-priority,.templates-list .zone-card .template-header .template-info .template-priority,.templates-list .zone-card .template-header .zone-info .template-priority,.templates-list .zone-card .template-header .integration-info .template-priority,.templates-list .zone-card .zone-header .template-info .template-priority,.templates-list .zone-card .zone-header .zone-info .template-priority,.templates-list .zone-card .zone-header .integration-info .template-priority,.templates-list .zone-card .integration-header .template-info .template-priority,.templates-list .zone-card .integration-header .zone-info .template-priority,.templates-list .zone-card .integration-header .integration-info .template-priority,.templates-list .integration-card .template-header .template-info .template-priority,.templates-list .integration-card .template-header .zone-info .template-priority,.templates-list .integration-card .template-header .integration-info .template-priority,.templates-list .integration-card .zone-header .template-info .template-priority,.templates-list .integration-card .zone-header .zone-info .template-priority,.templates-list .integration-card .zone-header .integration-info .template-priority,.templates-list .integration-card .integration-header .template-info .template-priority,.templates-list .integration-card .integration-header .zone-info .template-priority,.templates-list .integration-card .integration-header .integration-info .template-priority,.zones-list .template-card .template-header .template-info .template-priority,.zones-list .template-card .template-header .zone-info .template-priority,.zones-list .template-card .template-header .integration-info .template-priority,.zones-list .template-card .zone-header .template-info .template-priority,.zones-list .template-card .zone-header .zone-info .template-priority,.zones-list .template-card .zone-header .integration-info .template-priority,.zones-list .template-card .integration-header .template-info .template-priority,.zones-list .template-card .integration-header .zone-info .template-priority,.zones-list .template-card .integration-header .integration-info .template-priority,.zones-list .zone-card .template-header .template-info .template-priority,.zones-list .zone-card .template-header .zone-info .template-priority,.zones-list .zone-card .template-header .integration-info .template-priority,.zones-list .zone-card .zone-header .template-info .template-priority,.zones-list .zone-card .zone-header .zone-info .template-priority,.zones-list .zone-card .zone-header .integration-info .template-priority,.zones-list .zone-card .integration-header .template-info .template-priority,.zones-list .zone-card .integration-header .zone-info .template-priority,.zones-list .zone-card .integration-header .integration-info .template-priority,.zones-list .integration-card .template-header .template-info .template-priority,.zones-list .integration-card .template-header .zone-info .template-priority,.zones-list .integration-card .template-header .integration-info .template-priority,.zones-list .integration-card .zone-header .template-info .template-priority,.zones-list .integration-card .zone-header .zone-info .template-priority,.zones-list .integration-card .zone-header .integration-info .template-priority,.zones-list .integration-card .integration-header .template-info .template-priority,.zones-list .integration-card .integration-header .zone-info .template-priority,.zones-list .integration-card .integration-header .integration-info .template-priority,.integrations-list .template-card .template-header .template-info .template-priority,.integrations-list .template-card .template-header .zone-info .template-priority,.integrations-list .template-card .template-header .integration-info .template-priority,.integrations-list .template-card .zone-header .template-info .template-priority,.integrations-list .template-card .zone-header .zone-info .template-priority,.integrations-list .template-card .zone-header .integration-info .template-priority,.integrations-list .template-card .integration-header .template-info .template-priority,.integrations-list .template-card .integration-header .zone-info .template-priority,.integrations-list .template-card .integration-header .integration-info .template-priority,.integrations-list .zone-card .template-header .template-info .template-priority,.integrations-list .zone-card .template-header .zone-info .template-priority,.integrations-list .zone-card .template-header .integration-info .template-priority,.integrations-list .zone-card .zone-header .template-info .template-priority,.integrations-list .zone-card .zone-header .zone-info .template-priority,.integrations-list .zone-card .zone-header .integration-info .template-priority,.integrations-list .zone-card .integration-header .template-info .template-priority,.integrations-list .zone-card .integration-header .zone-info .template-priority,.integrations-list .zone-card .integration-header .integration-info .template-priority,.integrations-list .integration-card .template-header .template-info .template-priority,.integrations-list .integration-card .template-header .zone-info .template-priority,.integrations-list .integration-card .template-header .integration-info .template-priority,.integrations-list .integration-card .zone-header .template-info .template-priority,.integrations-list .integration-card .zone-header .zone-info .template-priority,.integrations-list .integration-card .zone-header .integration-info .template-priority,.integrations-list .integration-card .integration-header .template-info .template-priority,.integrations-list .integration-card .integration-header .zone-info .template-priority,.integrations-list .integration-card .integration-header .integration-info .template-priority{font-size:12px;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:500}.templates-list .template-card .template-header .template-info .template-priority.priority--low,.templates-list .template-card .template-header .zone-info .template-priority.priority--low,.templates-list .template-card .template-header .integration-info .template-priority.priority--low,.templates-list .template-card .zone-header .template-info .template-priority.priority--low,.templates-list .template-card .zone-header .zone-info .template-priority.priority--low,.templates-list .template-card .zone-header .integration-info .template-priority.priority--low,.templates-list .template-card .integration-header .template-info .template-priority.priority--low,.templates-list .template-card .integration-header .zone-info .template-priority.priority--low,.templates-list .template-card .integration-header .integration-info .template-priority.priority--low,.templates-list .zone-card .template-header .template-info .template-priority.priority--low,.templates-list .zone-card .template-header .zone-info .template-priority.priority--low,.templates-list .zone-card .template-header .integration-info .template-priority.priority--low,.templates-list .zone-card .zone-header .template-info .template-priority.priority--low,.templates-list .zone-card .zone-header .zone-info .template-priority.priority--low,.templates-list .zone-card .zone-header .integration-info .template-priority.priority--low,.templates-list .zone-card .integration-header .template-info .template-priority.priority--low,.templates-list .zone-card .integration-header .zone-info .template-priority.priority--low,.templates-list .zone-card .integration-header .integration-info .template-priority.priority--low,.templates-list .integration-card .template-header .template-info .template-priority.priority--low,.templates-list .integration-card .template-header .zone-info .template-priority.priority--low,.templates-list .integration-card .template-header .integration-info .template-priority.priority--low,.templates-list .integration-card .zone-header .template-info .template-priority.priority--low,.templates-list .integration-card .zone-header .zone-info .template-priority.priority--low,.templates-list .integration-card .zone-header .integration-info .template-priority.priority--low,.templates-list .integration-card .integration-header .template-info .template-priority.priority--low,.templates-list .integration-card .integration-header .zone-info .template-priority.priority--low,.templates-list .integration-card .integration-header .integration-info .template-priority.priority--low,.zones-list .template-card .template-header .template-info .template-priority.priority--low,.zones-list .template-card .template-header .zone-info .template-priority.priority--low,.zones-list .template-card .template-header .integration-info .template-priority.priority--low,.zones-list .template-card .zone-header .template-info .template-priority.priority--low,.zones-list .template-card .zone-header .zone-info .template-priority.priority--low,.zones-list .template-card .zone-header .integration-info .template-priority.priority--low,.zones-list .template-card .integration-header .template-info .template-priority.priority--low,.zones-list .template-card .integration-header .zone-info .template-priority.priority--low,.zones-list .template-card .integration-header .integration-info .template-priority.priority--low,.zones-list .zone-card .template-header .template-info .template-priority.priority--low,.zones-list .zone-card .template-header .zone-info .template-priority.priority--low,.zones-list .zone-card .template-header .integration-info .template-priority.priority--low,.zones-list .zone-card .zone-header .template-info .template-priority.priority--low,.zones-list .zone-card .zone-header .zone-info .template-priority.priority--low,.zones-list .zone-card .zone-header .integration-info .template-priority.priority--low,.zones-list .zone-card .integration-header .template-info .template-priority.priority--low,.zones-list .zone-card .integration-header .zone-info .template-priority.priority--low,.zones-list .zone-card .integration-header .integration-info .template-priority.priority--low,.zones-list .integration-card .template-header .template-info .template-priority.priority--low,.zones-list .integration-card .template-header .zone-info .template-priority.priority--low,.zones-list .integration-card .template-header .integration-info .template-priority.priority--low,.zones-list .integration-card .zone-header .template-info .template-priority.priority--low,.zones-list .integration-card .zone-header .zone-info .template-priority.priority--low,.zones-list .integration-card .zone-header .integration-info .template-priority.priority--low,.zones-list .integration-card .integration-header .template-info .template-priority.priority--low,.zones-list .integration-card .integration-header .zone-info .template-priority.priority--low,.zones-list .integration-card .integration-header .integration-info .template-priority.priority--low,.integrations-list .template-card .template-header .template-info .template-priority.priority--low,.integrations-list .template-card .template-header .zone-info .template-priority.priority--low,.integrations-list .template-card .template-header .integration-info .template-priority.priority--low,.integrations-list .template-card .zone-header .template-info .template-priority.priority--low,.integrations-list .template-card .zone-header .zone-info .template-priority.priority--low,.integrations-list .template-card .zone-header .integration-info .template-priority.priority--low,.integrations-list .template-card .integration-header .template-info .template-priority.priority--low,.integrations-list .template-card .integration-header .zone-info .template-priority.priority--low,.integrations-list .template-card .integration-header .integration-info .template-priority.priority--low,.integrations-list .zone-card .template-header .template-info .template-priority.priority--low,.integrations-list .zone-card .template-header .zone-info .template-priority.priority--low,.integrations-list .zone-card .template-header .integration-info .template-priority.priority--low,.integrations-list .zone-card .zone-header .template-info .template-priority.priority--low,.integrations-list .zone-card .zone-header .zone-info .template-priority.priority--low,.integrations-list .zone-card .zone-header .integration-info .template-priority.priority--low,.integrations-list .zone-card .integration-header .template-info .template-priority.priority--low,.integrations-list .zone-card .integration-header .zone-info .template-priority.priority--low,.integrations-list .zone-card .integration-header .integration-info .template-priority.priority--low,.integrations-list .integration-card .template-header .template-info .template-priority.priority--low,.integrations-list .integration-card .template-header .zone-info .template-priority.priority--low,.integrations-list .integration-card .template-header .integration-info .template-priority.priority--low,.integrations-list .integration-card .zone-header .template-info .template-priority.priority--low,.integrations-list .integration-card .zone-header .zone-info .template-priority.priority--low,.integrations-list .integration-card .zone-header .integration-info .template-priority.priority--low,.integrations-list .integration-card .integration-header .template-info .template-priority.priority--low,.integrations-list .integration-card .integration-header .zone-info .template-priority.priority--low,.integrations-list .integration-card .integration-header .integration-info .template-priority.priority--low{background:#d4edda;color:#155724}.templates-list .template-card .template-header .template-info .template-priority.priority--medium,.templates-list .template-card .template-header .zone-info .template-priority.priority--medium,.templates-list .template-card .template-header .integration-info .template-priority.priority--medium,.templates-list .template-card .zone-header .template-info .template-priority.priority--medium,.templates-list .template-card .zone-header .zone-info .template-priority.priority--medium,.templates-list .template-card .zone-header .integration-info .template-priority.priority--medium,.templates-list .template-card .integration-header .template-info .template-priority.priority--medium,.templates-list .template-card .integration-header .zone-info .template-priority.priority--medium,.templates-list .template-card .integration-header .integration-info .template-priority.priority--medium,.templates-list .zone-card .template-header .template-info .template-priority.priority--medium,.templates-list .zone-card .template-header .zone-info .template-priority.priority--medium,.templates-list .zone-card .template-header .integration-info .template-priority.priority--medium,.templates-list .zone-card .zone-header .template-info .template-priority.priority--medium,.templates-list .zone-card .zone-header .zone-info .template-priority.priority--medium,.templates-list .zone-card .zone-header .integration-info .template-priority.priority--medium,.templates-list .zone-card .integration-header .template-info .template-priority.priority--medium,.templates-list .zone-card .integration-header .zone-info .template-priority.priority--medium,.templates-list .zone-card .integration-header .integration-info .template-priority.priority--medium,.templates-list .integration-card .template-header .template-info .template-priority.priority--medium,.templates-list .integration-card .template-header .zone-info .template-priority.priority--medium,.templates-list .integration-card .template-header .integration-info .template-priority.priority--medium,.templates-list .integration-card .zone-header .template-info .template-priority.priority--medium,.templates-list .integration-card .zone-header .zone-info .template-priority.priority--medium,.templates-list .integration-card .zone-header .integration-info .template-priority.priority--medium,.templates-list .integration-card .integration-header .template-info .template-priority.priority--medium,.templates-list .integration-card .integration-header .zone-info .template-priority.priority--medium,.templates-list .integration-card .integration-header .integration-info .template-priority.priority--medium,.zones-list .template-card .template-header .template-info .template-priority.priority--medium,.zones-list .template-card .template-header .zone-info .template-priority.priority--medium,.zones-list .template-card .template-header .integration-info .template-priority.priority--medium,.zones-list .template-card .zone-header .template-info .template-priority.priority--medium,.zones-list .template-card .zone-header .zone-info .template-priority.priority--medium,.zones-list .template-card .zone-header .integration-info .template-priority.priority--medium,.zones-list .template-card .integration-header .template-info .template-priority.priority--medium,.zones-list .template-card .integration-header .zone-info .template-priority.priority--medium,.zones-list .template-card .integration-header .integration-info .template-priority.priority--medium,.zones-list .zone-card .template-header .template-info .template-priority.priority--medium,.zones-list .zone-card .template-header .zone-info .template-priority.priority--medium,.zones-list .zone-card .template-header .integration-info .template-priority.priority--medium,.zones-list .zone-card .zone-header .template-info .template-priority.priority--medium,.zones-list .zone-card .zone-header .zone-info .template-priority.priority--medium,.zones-list .zone-card .zone-header .integration-info .template-priority.priority--medium,.zones-list .zone-card .integration-header .template-info .template-priority.priority--medium,.zones-list .zone-card .integration-header .zone-info .template-priority.priority--medium,.zones-list .zone-card .integration-header .integration-info .template-priority.priority--medium,.zones-list .integration-card .template-header .template-info .template-priority.priority--medium,.zones-list .integration-card .template-header .zone-info .template-priority.priority--medium,.zones-list .integration-card .template-header .integration-info .template-priority.priority--medium,.zones-list .integration-card .zone-header .template-info .template-priority.priority--medium,.zones-list .integration-card .zone-header .zone-info .template-priority.priority--medium,.zones-list .integration-card .zone-header .integration-info .template-priority.priority--medium,.zones-list .integration-card .integration-header .template-info .template-priority.priority--medium,.zones-list .integration-card .integration-header .zone-info .template-priority.priority--medium,.zones-list .integration-card .integration-header .integration-info .template-priority.priority--medium,.integrations-list .template-card .template-header .template-info .template-priority.priority--medium,.integrations-list .template-card .template-header .zone-info .template-priority.priority--medium,.integrations-list .template-card .template-header .integration-info .template-priority.priority--medium,.integrations-list .template-card .zone-header .template-info .template-priority.priority--medium,.integrations-list .template-card .zone-header .zone-info .template-priority.priority--medium,.integrations-list .template-card .zone-header .integration-info .template-priority.priority--medium,.integrations-list .template-card .integration-header .template-info .template-priority.priority--medium,.integrations-list .template-card .integration-header .zone-info .template-priority.priority--medium,.integrations-list .template-card .integration-header .integration-info .template-priority.priority--medium,.integrations-list .zone-card .template-header .template-info .template-priority.priority--medium,.integrations-list .zone-card .template-header .zone-info .template-priority.priority--medium,.integrations-list .zone-card .template-header .integration-info .template-priority.priority--medium,.integrations-list .zone-card .zone-header .template-info .template-priority.priority--medium,.integrations-list .zone-card .zone-header .zone-info .template-priority.priority--medium,.integrations-list .zone-card .zone-header .integration-info .template-priority.priority--medium,.integrations-list .zone-card .integration-header .template-info .template-priority.priority--medium,.integrations-list .zone-card .integration-header .zone-info .template-priority.priority--medium,.integrations-list .zone-card .integration-header .integration-info .template-priority.priority--medium,.integrations-list .integration-card .template-header .template-info .template-priority.priority--medium,.integrations-list .integration-card .template-header .zone-info .template-priority.priority--medium,.integrations-list .integration-card .template-header .integration-info .template-priority.priority--medium,.integrations-list .integration-card .zone-header .template-info .template-priority.priority--medium,.integrations-list .integration-card .zone-header .zone-info .template-priority.priority--medium,.integrations-list .integration-card .zone-header .integration-info .template-priority.priority--medium,.integrations-list .integration-card .integration-header .template-info .template-priority.priority--medium,.integrations-list .integration-card .integration-header .zone-info .template-priority.priority--medium,.integrations-list .integration-card .integration-header .integration-info .template-priority.priority--medium{background:#fff3cd;color:#856404}.templates-list .template-card .template-header .template-info .template-priority.priority--high,.templates-list .template-card .template-header .zone-info .template-priority.priority--high,.templates-list .template-card .template-header .integration-info .template-priority.priority--high,.templates-list .template-card .zone-header .template-info .template-priority.priority--high,.templates-list .template-card .zone-header .zone-info .template-priority.priority--high,.templates-list .template-card .zone-header .integration-info .template-priority.priority--high,.templates-list .template-card .integration-header .template-info .template-priority.priority--high,.templates-list .template-card .integration-header .zone-info .template-priority.priority--high,.templates-list .template-card .integration-header .integration-info .template-priority.priority--high,.templates-list .zone-card .template-header .template-info .template-priority.priority--high,.templates-list .zone-card .template-header .zone-info .template-priority.priority--high,.templates-list .zone-card .template-header .integration-info .template-priority.priority--high,.templates-list .zone-card .zone-header .template-info .template-priority.priority--high,.templates-list .zone-card .zone-header .zone-info .template-priority.priority--high,.templates-list .zone-card .zone-header .integration-info .template-priority.priority--high,.templates-list .zone-card .integration-header .template-info .template-priority.priority--high,.templates-list .zone-card .integration-header .zone-info .template-priority.priority--high,.templates-list .zone-card .integration-header .integration-info .template-priority.priority--high,.templates-list .integration-card .template-header .template-info .template-priority.priority--high,.templates-list .integration-card .template-header .zone-info .template-priority.priority--high,.templates-list .integration-card .template-header .integration-info .template-priority.priority--high,.templates-list .integration-card .zone-header .template-info .template-priority.priority--high,.templates-list .integration-card .zone-header .zone-info .template-priority.priority--high,.templates-list .integration-card .zone-header .integration-info .template-priority.priority--high,.templates-list .integration-card .integration-header .template-info .template-priority.priority--high,.templates-list .integration-card .integration-header .zone-info .template-priority.priority--high,.templates-list .integration-card .integration-header .integration-info .template-priority.priority--high,.zones-list .template-card .template-header .template-info .template-priority.priority--high,.zones-list .template-card .template-header .zone-info .template-priority.priority--high,.zones-list .template-card .template-header .integration-info .template-priority.priority--high,.zones-list .template-card .zone-header .template-info .template-priority.priority--high,.zones-list .template-card .zone-header .zone-info .template-priority.priority--high,.zones-list .template-card .zone-header .integration-info .template-priority.priority--high,.zones-list .template-card .integration-header .template-info .template-priority.priority--high,.zones-list .template-card .integration-header .zone-info .template-priority.priority--high,.zones-list .template-card .integration-header .integration-info .template-priority.priority--high,.zones-list .zone-card .template-header .template-info .template-priority.priority--high,.zones-list .zone-card .template-header .zone-info .template-priority.priority--high,.zones-list .zone-card .template-header .integration-info .template-priority.priority--high,.zones-list .zone-card .zone-header .template-info .template-priority.priority--high,.zones-list .zone-card .zone-header .zone-info .template-priority.priority--high,.zones-list .zone-card .zone-header .integration-info .template-priority.priority--high,.zones-list .zone-card .integration-header .template-info .template-priority.priority--high,.zones-list .zone-card .integration-header .zone-info .template-priority.priority--high,.zones-list .zone-card .integration-header .integration-info .template-priority.priority--high,.zones-list .integration-card .template-header .template-info .template-priority.priority--high,.zones-list .integration-card .template-header .zone-info .template-priority.priority--high,.zones-list .integration-card .template-header .integration-info .template-priority.priority--high,.zones-list .integration-card .zone-header .template-info .template-priority.priority--high,.zones-list .integration-card .zone-header .zone-info .template-priority.priority--high,.zones-list .integration-card .zone-header .integration-info .template-priority.priority--high,.zones-list .integration-card .integration-header .template-info .template-priority.priority--high,.zones-list .integration-card .integration-header .zone-info .template-priority.priority--high,.zones-list .integration-card .integration-header .integration-info .template-priority.priority--high,.integrations-list .template-card .template-header .template-info .template-priority.priority--high,.integrations-list .template-card .template-header .zone-info .template-priority.priority--high,.integrations-list .template-card .template-header .integration-info .template-priority.priority--high,.integrations-list .template-card .zone-header .template-info .template-priority.priority--high,.integrations-list .template-card .zone-header .zone-info .template-priority.priority--high,.integrations-list .template-card .zone-header .integration-info .template-priority.priority--high,.integrations-list .template-card .integration-header .template-info .template-priority.priority--high,.integrations-list .template-card .integration-header .zone-info .template-priority.priority--high,.integrations-list .template-card .integration-header .integration-info .template-priority.priority--high,.integrations-list .zone-card .template-header .template-info .template-priority.priority--high,.integrations-list .zone-card .template-header .zone-info .template-priority.priority--high,.integrations-list .zone-card .template-header .integration-info .template-priority.priority--high,.integrations-list .zone-card .zone-header .template-info .template-priority.priority--high,.integrations-list .zone-card .zone-header .zone-info .template-priority.priority--high,.integrations-list .zone-card .zone-header .integration-info .template-priority.priority--high,.integrations-list .zone-card .integration-header .template-info .template-priority.priority--high,.integrations-list .zone-card .integration-header .zone-info .template-priority.priority--high,.integrations-list .zone-card .integration-header .integration-info .template-priority.priority--high,.integrations-list .integration-card .template-header .template-info .template-priority.priority--high,.integrations-list .integration-card .template-header .zone-info .template-priority.priority--high,.integrations-list .integration-card .template-header .integration-info .template-priority.priority--high,.integrations-list .integration-card .zone-header .template-info .template-priority.priority--high,.integrations-list .integration-card .zone-header .zone-info .template-priority.priority--high,.integrations-list .integration-card .zone-header .integration-info .template-priority.priority--high,.integrations-list .integration-card .integration-header .template-info .template-priority.priority--high,.integrations-list .integration-card .integration-header .zone-info .template-priority.priority--high,.integrations-list .integration-card .integration-header .integration-info .template-priority.priority--high{background:#f8d7da;color:#721c24}.templates-list .template-card .template-header .template-info .template-priority.priority--critical,.templates-list .template-card .template-header .zone-info .template-priority.priority--critical,.templates-list .template-card .template-header .integration-info .template-priority.priority--critical,.templates-list .template-card .zone-header .template-info .template-priority.priority--critical,.templates-list .template-card .zone-header .zone-info .template-priority.priority--critical,.templates-list .template-card .zone-header .integration-info .template-priority.priority--critical,.templates-list .template-card .integration-header .template-info .template-priority.priority--critical,.templates-list .template-card .integration-header .zone-info .template-priority.priority--critical,.templates-list .template-card .integration-header .integration-info .template-priority.priority--critical,.templates-list .zone-card .template-header .template-info .template-priority.priority--critical,.templates-list .zone-card .template-header .zone-info .template-priority.priority--critical,.templates-list .zone-card .template-header .integration-info .template-priority.priority--critical,.templates-list .zone-card .zone-header .template-info .template-priority.priority--critical,.templates-list .zone-card .zone-header .zone-info .template-priority.priority--critical,.templates-list .zone-card .zone-header .integration-info .template-priority.priority--critical,.templates-list .zone-card .integration-header .template-info .template-priority.priority--critical,.templates-list .zone-card .integration-header .zone-info .template-priority.priority--critical,.templates-list .zone-card .integration-header .integration-info .template-priority.priority--critical,.templates-list .integration-card .template-header .template-info .template-priority.priority--critical,.templates-list .integration-card .template-header .zone-info .template-priority.priority--critical,.templates-list .integration-card .template-header .integration-info .template-priority.priority--critical,.templates-list .integration-card .zone-header .template-info .template-priority.priority--critical,.templates-list .integration-card .zone-header .zone-info .template-priority.priority--critical,.templates-list .integration-card .zone-header .integration-info .template-priority.priority--critical,.templates-list .integration-card .integration-header .template-info .template-priority.priority--critical,.templates-list .integration-card .integration-header .zone-info .template-priority.priority--critical,.templates-list .integration-card .integration-header .integration-info .template-priority.priority--critical,.zones-list .template-card .template-header .template-info .template-priority.priority--critical,.zones-list .template-card .template-header .zone-info .template-priority.priority--critical,.zones-list .template-card .template-header .integration-info .template-priority.priority--critical,.zones-list .template-card .zone-header .template-info .template-priority.priority--critical,.zones-list .template-card .zone-header .zone-info .template-priority.priority--critical,.zones-list .template-card .zone-header .integration-info .template-priority.priority--critical,.zones-list .template-card .integration-header .template-info .template-priority.priority--critical,.zones-list .template-card .integration-header .zone-info .template-priority.priority--critical,.zones-list .template-card .integration-header .integration-info .template-priority.priority--critical,.zones-list .zone-card .template-header .template-info .template-priority.priority--critical,.zones-list .zone-card .template-header .zone-info .template-priority.priority--critical,.zones-list .zone-card .template-header .integration-info .template-priority.priority--critical,.zones-list .zone-card .zone-header .template-info .template-priority.priority--critical,.zones-list .zone-card .zone-header .zone-info .template-priority.priority--critical,.zones-list .zone-card .zone-header .integration-info .template-priority.priority--critical,.zones-list .zone-card .integration-header .template-info .template-priority.priority--critical,.zones-list .zone-card .integration-header .zone-info .template-priority.priority--critical,.zones-list .zone-card .integration-header .integration-info .template-priority.priority--critical,.zones-list .integration-card .template-header .template-info .template-priority.priority--critical,.zones-list .integration-card .template-header .zone-info .template-priority.priority--critical,.zones-list .integration-card .template-header .integration-info .template-priority.priority--critical,.zones-list .integration-card .zone-header .template-info .template-priority.priority--critical,.zones-list .integration-card .zone-header .zone-info .template-priority.priority--critical,.zones-list .integration-card .zone-header .integration-info .template-priority.priority--critical,.zones-list .integration-card .integration-header .template-info .template-priority.priority--critical,.zones-list .integration-card .integration-header .zone-info .template-priority.priority--critical,.zones-list .integration-card .integration-header .integration-info .template-priority.priority--critical,.integrations-list .template-card .template-header .template-info .template-priority.priority--critical,.integrations-list .template-card .template-header .zone-info .template-priority.priority--critical,.integrations-list .template-card .template-header .integration-info .template-priority.priority--critical,.integrations-list .template-card .zone-header .template-info .template-priority.priority--critical,.integrations-list .template-card .zone-header .zone-info .template-priority.priority--critical,.integrations-list .template-card .zone-header .integration-info .template-priority.priority--critical,.integrations-list .template-card .integration-header .template-info .template-priority.priority--critical,.integrations-list .template-card .integration-header .zone-info .template-priority.priority--critical,.integrations-list .template-card .integration-header .integration-info .template-priority.priority--critical,.integrations-list .zone-card .template-header .template-info .template-priority.priority--critical,.integrations-list .zone-card .template-header .zone-info .template-priority.priority--critical,.integrations-list .zone-card .template-header .integration-info .template-priority.priority--critical,.integrations-list .zone-card .zone-header .template-info .template-priority.priority--critical,.integrations-list .zone-card .zone-header .zone-info .template-priority.priority--critical,.integrations-list .zone-card .zone-header .integration-info .template-priority.priority--critical,.integrations-list .zone-card .integration-header .template-info .template-priority.priority--critical,.integrations-list .zone-card .integration-header .zone-info .template-priority.priority--critical,.integrations-list .zone-card .integration-header .integration-info .template-priority.priority--critical,.integrations-list .integration-card .template-header .template-info .template-priority.priority--critical,.integrations-list .integration-card .template-header .zone-info .template-priority.priority--critical,.integrations-list .integration-card .template-header .integration-info .template-priority.priority--critical,.integrations-list .integration-card .zone-header .template-info .template-priority.priority--critical,.integrations-list .integration-card .zone-header .zone-info .template-priority.priority--critical,.integrations-list .integration-card .zone-header .integration-info .template-priority.priority--critical,.integrations-list .integration-card .integration-header .template-info .template-priority.priority--critical,.integrations-list .integration-card .integration-header .zone-info .template-priority.priority--critical,.integrations-list .integration-card .integration-header .integration-info .template-priority.priority--critical{background:#f5c6cb;color:#721c24}.templates-list .template-card .template-header .template-actions,.templates-list .template-card .template-header .zone-actions,.templates-list .template-card .template-header .integration-actions,.templates-list .template-card .zone-header .template-actions,.templates-list .template-card .zone-header .zone-actions,.templates-list .template-card .zone-header .integration-actions,.templates-list .template-card .integration-header .template-actions,.templates-list .template-card .integration-header .zone-actions,.templates-list .template-card .integration-header .integration-actions,.templates-list .zone-card .template-header .template-actions,.templates-list .zone-card .template-header .zone-actions,.templates-list .zone-card .template-header .integration-actions,.templates-list .zone-card .zone-header .template-actions,.templates-list .zone-card .zone-header .zone-actions,.templates-list .zone-card .zone-header .integration-actions,.templates-list .zone-card .integration-header .template-actions,.templates-list .zone-card .integration-header .zone-actions,.templates-list .zone-card .integration-header .integration-actions,.templates-list .integration-card .template-header .template-actions,.templates-list .integration-card .template-header .zone-actions,.templates-list .integration-card .template-header .integration-actions,.templates-list .integration-card .zone-header .template-actions,.templates-list .integration-card .zone-header .zone-actions,.templates-list .integration-card .zone-header .integration-actions,.templates-list .integration-card .integration-header .template-actions,.templates-list .integration-card .integration-header .zone-actions,.templates-list .integration-card .integration-header .integration-actions,.zones-list .template-card .template-header .template-actions,.zones-list .template-card .template-header .zone-actions,.zones-list .template-card .template-header .integration-actions,.zones-list .template-card .zone-header .template-actions,.zones-list .template-card .zone-header .zone-actions,.zones-list .template-card .zone-header .integration-actions,.zones-list .template-card .integration-header .template-actions,.zones-list .template-card .integration-header .zone-actions,.zones-list .template-card .integration-header .integration-actions,.zones-list .zone-card .template-header .template-actions,.zones-list .zone-card .template-header .zone-actions,.zones-list .zone-card .template-header .integration-actions,.zones-list .zone-card .zone-header .template-actions,.zones-list .zone-card .zone-header .zone-actions,.zones-list .zone-card .zone-header .integration-actions,.zones-list .zone-card .integration-header .template-actions,.zones-list .zone-card .integration-header .zone-actions,.zones-list .zone-card .integration-header .integration-actions,.zones-list .integration-card .template-header .template-actions,.zones-list .integration-card .template-header .zone-actions,.zones-list .integration-card .template-header .integration-actions,.zones-list .integration-card .zone-header .template-actions,.zones-list .integration-card .zone-header .zone-actions,.zones-list .integration-card .zone-header .integration-actions,.zones-list .integration-card .integration-header .template-actions,.zones-list .integration-card .integration-header .zone-actions,.zones-list .integration-card .integration-header .integration-actions,.integrations-list .template-card .template-header .template-actions,.integrations-list .template-card .template-header .zone-actions,.integrations-list .template-card .template-header .integration-actions,.integrations-list .template-card .zone-header .template-actions,.integrations-list .template-card .zone-header .zone-actions,.integrations-list .template-card .zone-header .integration-actions,.integrations-list .template-card .integration-header .template-actions,.integrations-list .template-card .integration-header .zone-actions,.integrations-list .template-card .integration-header .integration-actions,.integrations-list .zone-card .template-header .template-actions,.integrations-list .zone-card .template-header .zone-actions,.integrations-list .zone-card .template-header .integration-actions,.integrations-list .zone-card .zone-header .template-actions,.integrations-list .zone-card .zone-header .zone-actions,.integrations-list .zone-card .zone-header .integration-actions,.integrations-list .zone-card .integration-header .template-actions,.integrations-list .zone-card .integration-header .zone-actions,.integrations-list .zone-card .integration-header .integration-actions,.integrations-list .integration-card .template-header .template-actions,.integrations-list .integration-card .template-header .zone-actions,.integrations-list .integration-card .template-header .integration-actions,.integrations-list .integration-card .zone-header .template-actions,.integrations-list .integration-card .zone-header .zone-actions,.integrations-list .integration-card .zone-header .integration-actions,.integrations-list .integration-card .integration-header .template-actions,.integrations-list .integration-card .integration-header .zone-actions,.integrations-list .integration-card .integration-header .integration-actions{display:flex;align-items:center;gap:12px}.templates-list .template-card .template-details,.templates-list .template-card .zone-details,.templates-list .template-card .integration-details,.templates-list .zone-card .template-details,.templates-list .zone-card .zone-details,.templates-list .zone-card .integration-details,.templates-list .integration-card .template-details,.templates-list .integration-card .zone-details,.templates-list .integration-card .integration-details,.zones-list .template-card .template-details,.zones-list .template-card .zone-details,.zones-list .template-card .integration-details,.zones-list .zone-card .template-details,.zones-list .zone-card .zone-details,.zones-list .zone-card .integration-details,.zones-list .integration-card .template-details,.zones-list .integration-card .zone-details,.zones-list .integration-card .integration-details,.integrations-list .template-card .template-details,.integrations-list .template-card .zone-details,.integrations-list .template-card .integration-details,.integrations-list .zone-card .template-details,.integrations-list .zone-card .zone-details,.integrations-list .zone-card .integration-details,.integrations-list .integration-card .template-details,.integrations-list .integration-card .zone-details,.integrations-list .integration-card .integration-details{padding:16px;display:flex;gap:20px;flex-wrap:wrap}.templates-list .template-card .template-details .detail-item,.templates-list .template-card .zone-details .detail-item,.templates-list .template-card .integration-details .detail-item,.templates-list .zone-card .template-details .detail-item,.templates-list .zone-card .zone-details .detail-item,.templates-list .zone-card .integration-details .detail-item,.templates-list .integration-card .template-details .detail-item,.templates-list .integration-card .zone-details .detail-item,.templates-list .integration-card .integration-details .detail-item,.zones-list .template-card .template-details .detail-item,.zones-list .template-card .zone-details .detail-item,.zones-list .template-card .integration-details .detail-item,.zones-list .zone-card .template-details .detail-item,.zones-list .zone-card .zone-details .detail-item,.zones-list .zone-card .integration-details .detail-item,.zones-list .integration-card .template-details .detail-item,.zones-list .integration-card .zone-details .detail-item,.zones-list .integration-card .integration-details .detail-item,.integrations-list .template-card .template-details .detail-item,.integrations-list .template-card .zone-details .detail-item,.integrations-list .template-card .integration-details .detail-item,.integrations-list .zone-card .template-details .detail-item,.integrations-list .zone-card .zone-details .detail-item,.integrations-list .zone-card .integration-details .detail-item,.integrations-list .integration-card .template-details .detail-item,.integrations-list .integration-card .zone-details .detail-item,.integrations-list .integration-card .integration-details .detail-item{display:flex;flex-direction:column;gap:2px}.templates-list .template-card .template-details .detail-item .detail-label,.templates-list .template-card .zone-details .detail-item .detail-label,.templates-list .template-card .integration-details .detail-item .detail-label,.templates-list .zone-card .template-details .detail-item .detail-label,.templates-list .zone-card .zone-details .detail-item .detail-label,.templates-list .zone-card .integration-details .detail-item .detail-label,.templates-list .integration-card .template-details .detail-item .detail-label,.templates-list .integration-card .zone-details .detail-item .detail-label,.templates-list .integration-card .integration-details .detail-item .detail-label,.zones-list .template-card .template-details .detail-item .detail-label,.zones-list .template-card .zone-details .detail-item .detail-label,.zones-list .template-card .integration-details .detail-item .detail-label,.zones-list .zone-card .template-details .detail-item .detail-label,.zones-list .zone-card .zone-details .detail-item .detail-label,.zones-list .zone-card .integration-details .detail-item .detail-label,.zones-list .integration-card .template-details .detail-item .detail-label,.zones-list .integration-card .zone-details .detail-item .detail-label,.zones-list .integration-card .integration-details .detail-item .detail-label,.integrations-list .template-card .template-details .detail-item .detail-label,.integrations-list .template-card .zone-details .detail-item .detail-label,.integrations-list .template-card .integration-details .detail-item .detail-label,.integrations-list .zone-card .template-details .detail-item .detail-label,.integrations-list .zone-card .zone-details .detail-item .detail-label,.integrations-list .zone-card .integration-details .detail-item .detail-label,.integrations-list .integration-card .template-details .detail-item .detail-label,.integrations-list .integration-card .zone-details .detail-item .detail-label,.integrations-list .integration-card .integration-details .detail-item .detail-label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase}.templates-list .template-card .template-details .detail-item .detail-value,.templates-list .template-card .zone-details .detail-item .detail-value,.templates-list .template-card .integration-details .detail-item .detail-value,.templates-list .zone-card .template-details .detail-item .detail-value,.templates-list .zone-card .zone-details .detail-item .detail-value,.templates-list .zone-card .integration-details .detail-item .detail-value,.templates-list .integration-card .template-details .detail-item .detail-value,.templates-list .integration-card .zone-details .detail-item .detail-value,.templates-list .integration-card .integration-details .detail-item .detail-value,.zones-list .template-card .template-details .detail-item .detail-value,.zones-list .template-card .zone-details .detail-item .detail-value,.zones-list .template-card .integration-details .detail-item .detail-value,.zones-list .zone-card .template-details .detail-item .detail-value,.zones-list .zone-card .zone-details .detail-item .detail-value,.zones-list .zone-card .integration-details .detail-item .detail-value,.zones-list .integration-card .template-details .detail-item .detail-value,.zones-list .integration-card .zone-details .detail-item .detail-value,.zones-list .integration-card .integration-details .detail-item .detail-value,.integrations-list .template-card .template-details .detail-item .detail-value,.integrations-list .template-card .zone-details .detail-item .detail-value,.integrations-list .template-card .integration-details .detail-item .detail-value,.integrations-list .zone-card .template-details .detail-item .detail-value,.integrations-list .zone-card .zone-details .detail-item .detail-value,.integrations-list .zone-card .integration-details .detail-item .detail-value,.integrations-list .integration-card .template-details .detail-item .detail-value,.integrations-list .integration-card .zone-details .detail-item .detail-value,.integrations-list .integration-card .integration-details .detail-item .detail-value{font-size:14px;color:#333;font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;text-align:center}.empty-state .empty-icon{font-size:48px;opacity:.5}.empty-state .empty-text{font-size:18px;font-weight:600;color:#666}.empty-state .empty-description{font-size:14px;color:#adb5bd;margin:0}.advanced-config .advanced-options{display:flex;flex-direction:column;gap:24px}.advanced-config .advanced-options .advanced-section h5{font-size:16px;font-weight:600;color:#333;margin:0 0 12px}.advanced-config .advanced-options .advanced-section .advanced-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:8px}.advanced-config .advanced-options .advanced-section .advanced-item .advanced-name{font-size:14px;font-weight:500;color:#333}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch input:checked+.toggle-slider{background-color:#00d4ff}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px #00d4ff4d}.toggle-switch .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-switch .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.btn--danger{background:#dc3545;color:#fff}.btn--danger:hover:not(:disabled){background:#c82333}.modal-content .modal-body .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}@media (max-width: 768px){.tab-nav{flex-wrap:wrap;gap:4px}.tab-nav .tab-button{flex:1;min-width:120px;justify-content:center}.config-header,.template-header,.zone-header,.integration-header{flex-direction:column;gap:12px;align-items:stretch}.template-header .template-actions,.template-header .zone-actions,.template-header .integration-actions,.zone-header .template-actions,.zone-header .zone-actions,.zone-header .integration-actions,.integration-header .template-actions,.integration-header .zone-actions,.integration-header .integration-actions{justify-content:space-between}.template-details,.zone-details,.integration-details{flex-direction:column;gap:12px}.performance-options{flex-direction:column}.timeout-control{flex-direction:column;gap:8px;align-items:stretch}.timeout-control .timeout-value{text-align:center}.advanced-item{flex-direction:column;gap:8px;align-items:stretch}}@media (prefers-color-scheme: dark){.system-configuration .section-title{color:#f7fafc}.system-configuration .section-description{color:#a0aec0}.behavior-item,.advanced-item{background:#2d3748;border-color:#4a5568}.behavior-name,.advanced-name,.control-label{color:#f7fafc}.behavior-description{color:#a0aec0}.tab-nav{border-color:#4a5568}.tab-nav .tab-button{color:#a0aec0}.tab-nav .tab-button:hover{color:#f7fafc;background:#374151}.tab-nav .tab-button--active{background:#00d4ff33}.config-header h4{color:#f7fafc}.template-card,.zone-card,.integration-card{background:#1a202c;border-color:#4a5568}.template-card .template-header,.template-card .zone-header,.template-card .integration-header,.zone-card .template-header,.zone-card .zone-header,.zone-card .integration-header,.integration-card .template-header,.integration-card .zone-header,.integration-card .integration-header{background:#2d3748;border-color:#4a5568}.template-card .template-name,.template-card .zone-name,.template-card .integration-name,.zone-card .template-name,.zone-card .zone-name,.zone-card .integration-name,.integration-card .template-name,.integration-card .zone-name,.integration-card .integration-name{color:#f7fafc}.template-card .template-type,.template-card .zone-priority,.template-card .integration-type,.zone-card .template-type,.zone-card .zone-priority,.zone-card .integration-type,.integration-card .template-type,.integration-card .zone-priority,.integration-card .integration-type{background:#4a5568;color:#a0aec0}.template-card .detail-label,.zone-card .detail-label,.integration-card .detail-label{color:#a0aec0}.template-card .detail-value,.zone-card .detail-value,.integration-card .detail-value{color:#f7fafc}.performance-card{background:#2d3748;border-color:#4a5568}.performance-card .performance-label{color:#f7fafc}.performance-card .performance-description,.empty-text{color:#a0aec0}.empty-description{color:#718096}.timeout-value{color:#f7fafc}.modal-content{background:#1a202c}.modal-content .modal-header{border-color:#4a5568}.modal-content .modal-header h3{color:#f7fafc}.modal-content .modal-header .modal-close{color:#a0aec0}.modal-content .modal-header .modal-close:hover{color:#f7fafc}}.settings-manager{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:8px;overflow:hidden}.settings-manager--page{width:100%;height:100vh;border-radius:0}.settings-manager--modal{width:90vw;height:80vh;max-width:1200px;max-height:800px;box-shadow:0 20px 60px #0000004d}.settings-manager--sidebar{width:400px;height:100vh;border-radius:0;border-left:1px solid #e9ecef}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.settings-header .settings-title-section .settings-title{font-size:24px;font-weight:600;color:#333;margin:0 0 4px}.settings-header .settings-title-section .settings-subtitle{font-size:14px;color:#666;margin:0}.settings-header .settings-actions{display:flex;align-items:center;gap:16px}.settings-header .settings-actions .settings-search{position:relative}.settings-header .settings-actions .settings-search .search-input{padding:8px 12px 8px 36px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;width:200px}.settings-header .settings-actions .settings-search .search-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.settings-header .settings-actions .settings-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;color:#666}.settings-header .settings-actions .action-buttons{display:flex;align-items:center;gap:8px}.settings-error{padding:12px 24px;background:#f8d7da;border-bottom:1px solid #f5c6cb}.settings-error .error-content{display:flex;align-items:center;gap:8px}.settings-error .error-content .error-icon{font-size:16px;color:#721c24}.settings-error .error-content .error-message{flex:1;font-size:14px;color:#721c24;font-weight:500}.settings-error .error-content .error-dismiss{background:none;border:none;font-size:18px;color:#721c24;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.settings-error .error-content .error-dismiss:hover{background:#721c241a;border-radius:50%}.sync-status{display:flex;justify-content:space-between;align-items:center;padding:8px 24px;background:#e7f3ff;border-bottom:1px solid #b3d9ff;font-size:12px}.sync-status .sync-info{color:#06c;font-weight:500}.sync-status .pending-changes{color:#856404;background:#fff3cd;padding:2px 6px;border-radius:4px;font-weight:600}.settings-content{flex:1;display:flex;overflow:hidden}.settings-sidebar{width:280px;background:#f8f9fa;border-right:1px solid #e9ecef;display:flex;flex-direction:column}.settings-sidebar .settings-nav{flex:1;padding:16px 0}.settings-sidebar .settings-nav .nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 20px;border:none;background:none;text-align:left;cursor:pointer;transition:all .2s ease}.settings-sidebar .settings-nav .nav-item:hover{background:#e9ecef}.settings-sidebar .settings-nav .nav-item--active{background:#00d4ff;color:#fff}.settings-sidebar .settings-nav .nav-item--active .nav-description{color:#fffc}.settings-sidebar .settings-nav .nav-item .nav-icon{font-size:20px;min-width:20px}.settings-sidebar .settings-nav .nav-item .nav-content{flex:1}.settings-sidebar .settings-nav .nav-item .nav-content .nav-title{display:block;font-size:14px;font-weight:600;margin-bottom:2px}.settings-sidebar .settings-nav .nav-item .nav-content .nav-description{display:block;font-size:12px;color:#666;line-height:1.3}.settings-sidebar .settings-options{padding:16px 20px;border-top:1px solid #e9ecef}.settings-sidebar .settings-options .toggle-option{display:flex;align-items:center;gap:8px;font-size:12px;color:#666;cursor:pointer}.settings-sidebar .settings-options .toggle-option input[type=checkbox]{margin:0}.settings-sidebar .settings-options .toggle-option .toggle-label{font-weight:500}.settings-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.settings-panel .panel-header{padding:20px 24px;border-bottom:1px solid #e9ecef}.settings-panel .panel-header .panel-title{font-size:20px;font-weight:600;color:#333;margin:0 0 4px}.settings-panel .panel-header .panel-description{font-size:14px;color:#666;margin:0}.settings-panel .panel-content{flex:1;overflow-y:auto;padding:24px}.settings-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f8f9fa;border-top:1px solid #e9ecef}.settings-footer .unsaved-changes-notice{display:flex;align-items:center;gap:8px;font-size:14px;color:#856404}.settings-footer .unsaved-changes-notice .notice-icon{color:#ffc107;font-size:12px}.settings-footer .unsaved-changes-notice .notice-text{font-weight:500}.settings-footer .footer-actions{display:flex;gap:12px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:80vh;overflow:hidden}.modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef}.modal-content .modal-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.modal-content .modal-header .modal-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.modal-content .modal-header .modal-close:hover{color:#333}.modal-content .modal-body{padding:24px}.modal-content .modal-body .export-options,.modal-content .modal-body .import-options{display:flex;gap:12px;margin-top:16px}.modal-content .modal-body .file-input{width:100%;padding:8px;border:1px solid #dee2e6;border-radius:4px;margin:16px 0}.modal-content .modal-body .import-note{font-size:12px;color:#666;margin:8px 0 0}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--small{padding:6px 12px;font-size:12px}.btn--primary{background:#00d4ff;color:#fff}.btn--primary:hover:not(:disabled){background:#00b8e6}.btn--secondary{background:#fff;color:#333;border:1px solid #dee2e6}.btn--secondary:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.btn--ghost{background:transparent;color:#666;border:1px solid transparent}.btn--ghost:hover:not(:disabled){background:#f8f9fa;color:#333}@media (max-width: 768px){.settings-manager--modal,.settings-manager--sidebar{width:100vw;height:100vh;border-radius:0}.settings-header{flex-direction:column;gap:16px;align-items:stretch}.settings-header .settings-actions{justify-content:space-between}.settings-header .settings-actions .settings-search .search-input{width:150px}.settings-content{flex-direction:column}.settings-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid #e9ecef}.settings-sidebar .settings-nav{display:flex;overflow-x:auto;padding:8px 16px}.settings-sidebar .settings-nav .nav-item{min-width:120px;flex-direction:column;text-align:center;padding:8px 12px}.settings-sidebar .settings-nav .nav-item .nav-content .nav-description{display:none}.settings-footer{flex-direction:column;gap:12px;align-items:stretch}.settings-footer .footer-actions{justify-content:center}}@media (prefers-contrast: high){.settings-manager{border:2px solid #000}.settings-header,.settings-footer{border-color:#000}.btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.btn,.nav-item{transition:none}}@media (prefers-color-scheme: dark){.settings-manager{background:#1a202c}.settings-header .settings-title,.settings-footer .settings-title{color:#f7fafc}.settings-header .settings-subtitle,.settings-footer .settings-subtitle{color:#a0aec0}.settings-sidebar .nav-item{color:#f7fafc}.settings-sidebar .nav-item:hover{background:#374151}.settings-sidebar .nav-item .nav-description{color:#a0aec0}.panel-header{border-color:#4a5568}.panel-header .panel-title{color:#f7fafc}.panel-header .panel-description{color:#a0aec0}.modal-content{background:#1a202c}.modal-content .modal-header{border-color:#4a5568}.modal-content .modal-header h3{color:#f7fafc}.modal-content .modal-header .modal-close{color:#a0aec0}.modal-content .modal-header .modal-close:hover{color:#f7fafc}}.control-room-dashboard{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column}.control-room-dashboard .control-room-main{flex:1;display:flex;flex-direction:column;padding:0;margin:0}.control-room-navigation{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 2px 20px #0000000d}.control-room-navigation .tab-navigation{display:flex;gap:.5rem;flex-wrap:wrap}.control-room-navigation .tab-navigation .nav-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:#fffc;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:500;color:#64748b;box-shadow:0 2px 8px #00000014}.control-room-navigation .tab-navigation .nav-tab:hover{background:#3b82f61a;color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 15px #0000001f}.control-room-navigation .tab-navigation .nav-tab--active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 20px #3b82f64d}.control-room-navigation .tab-navigation .nav-tab--active:hover{transform:translateY(-1px);box-shadow:0 6px 25px #3b82f666}.control-room-navigation .tab-navigation .nav-tab__icon{font-size:1.2rem}.control-room-navigation .tab-navigation .nav-tab__label{font-size:.9rem;white-space:nowrap}@media (max-width: 768px){.control-room-navigation .tab-navigation .nav-tab{padding:.5rem .75rem}.control-room-navigation .tab-navigation .nav-tab__label{display:none}}.control-room-navigation .control-actions{display:flex;gap:.75rem;align-items:center}.control-room-navigation .control-actions .control-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.9rem;white-space:nowrap}.control-room-navigation .control-actions .control-btn--settings{background:#6b72801a;color:#374151}.control-room-navigation .control-actions .control-btn--settings:hover{background:#6b728033;transform:translateY(-1px)}.control-room-navigation .control-actions .control-btn--analytics{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 10px #10b9814d}.control-room-navigation .control-actions .control-btn--analytics:hover{transform:translateY(-1px);box-shadow:0 4px 15px #10b98166}.control-room-content{flex:1;padding:1.5rem 2rem;background:transparent}.control-room-content .dashboard-panel{background:#fffffff2;border-radius:16px;box-shadow:0 4px 25px #00000014;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-room-content .dashboard-panel--alerts{grid-area:alerts}.control-room-content .dashboard-panel--map{grid-area:map}.control-room-content .dashboard-panel--details{grid-area:details;min-height:500px;max-height:800px;overflow:hidden;display:flex;flex-direction:column}.control-room-content .dashboard-panel--details .panel-tabs{display:flex;border-bottom:1px solid rgba(0,0,0,.1);background:#f8fafce6}.control-room-content .dashboard-panel--details .panel-tabs .panel-tab{flex:1;padding:1rem;border:none;background:transparent;cursor:pointer;transition:all .3s ease;font-weight:500;color:#64748b}.control-room-content .dashboard-panel--details .panel-tabs .panel-tab:hover{background:#3b82f61a;color:#3b82f6}.control-room-content .dashboard-panel--details .panel-tabs .panel-tab--active{background:#fff;color:#1e293b;border-bottom:2px solid #3b82f6}.control-room-content .dashboard-panel--details .panel-content{flex:1;overflow-y:auto;padding:1.5rem}.control-room-content .dashboard-panel--details .panel-content .alert-details-panel{display:flex;flex-direction:column;gap:1.5rem;height:100%}.control-room-content .dashboard-panel--details .panel-content .alert-details-panel>*{border-radius:12px;overflow:hidden}.control-room-content .dashboard-panel--details .panel-content .advanced-workflow-panel{height:100%}.control-room-content .dashboard-panel--details .panel-content .advanced-workflow-panel>*{height:100%}.advanced-feature-content{background:#fffffff2;border-radius:16px;box-shadow:0 4px 25px #00000014;padding:2rem;margin:1rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.advanced-feature-content--workflow .workflow-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:2rem;height:600px}@media (max-width: 1024px){.advanced-feature-content--workflow .workflow-dashboard{grid-template-columns:1fr;height:auto}}.advanced-feature-content--shifts .shift-management-dashboard{display:grid;grid-template-columns:2fr 1fr;gap:2rem;min-height:700px}@media (max-width: 1200px){.advanced-feature-content--shifts .shift-management-dashboard{grid-template-columns:1fr}}.advanced-feature-content--loadbalancing .load-balancing-dashboard{display:grid;grid-template-rows:auto 1fr;gap:2rem;height:650px}.advanced-feature-content--notifications .notification-center-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:2rem;min-height:600px}@media (max-width: 1024px){.advanced-feature-content--notifications .notification-center-dashboard{grid-template-columns:1fr}}.advanced-feature-content--emergency .emergency-services-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:2rem;min-height:700px}@media (max-width: 1200px){.advanced-feature-content--emergency .emergency-services-dashboard{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay .modal-content{background:#fff;border-radius:20px;max-width:95vw;max-height:95vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}.modal-overlay .modal-content--large{width:90vw;height:85vh}.modal-overlay .modal-content--medium{width:70vw;height:70vh}.modal-overlay .modal-content--small{width:50vw;height:50vh}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.control-room-dashboard--supervisor .control-room-navigation{background:linear-gradient(135deg,#10b9811a,#0596691a)}.control-room-dashboard--supervisor .nav-tab--active{background:linear-gradient(135deg,#10b981,#059669)}.control-room-dashboard--admin .control-room-navigation{background:linear-gradient(135deg,#8b5cf61a,#6d28d91a)}.control-room-dashboard--admin .nav-tab--active{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.control-room-dashboard--controller .control-room-navigation{background:linear-gradient(135deg,#3b82f61a,#1d4ed81a)}.status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;background:#ffffffe6;border:1px solid rgba(0,0,0,.1)}.status-indicator__dot{width:8px;height:8px;border-radius:50%;animation:statusPulse 2s infinite}.status-indicator__dot--connected{background:#10b981}.status-indicator__dot--disconnected{background:#ef4444}.status-indicator__dot--warning{background:#f59e0b}.status-indicator__text{font-size:.85rem;font-weight:500}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.quick-actions-panel{position:fixed;bottom:2rem;right:2rem;background:#fffffff2;border-radius:16px;padding:1rem;box-shadow:0 10px 40px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);z-index:50}.quick-actions-panel .quick-action{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:all .3s ease;width:100%;text-align:left}.quick-actions-panel .quick-action:hover{background:#3b82f61a;transform:translate(4px)}.quick-actions-panel .quick-action__icon{font-size:1.2rem}.quick-actions-panel .quick-action__label{font-weight:500;color:#374151}.quick-actions-panel .quick-action--emergency{background:#ef44441a;color:#dc2626}.quick-actions-panel .quick-action--emergency:hover{background:#ef444433}@media (max-width: 1200px){.control-room-content,.dashboard-panel--details .panel-content{padding:1rem}}@media (max-width: 768px){.control-room-navigation{padding:1rem;flex-direction:column;gap:1rem}.control-room-navigation .tab-navigation,.control-room-navigation .control-actions{width:100%;justify-content:center}.control-room-content{padding:.5rem}.quick-actions-panel{bottom:1rem;right:1rem;left:1rem;padding:.75rem}}.control-room-dashboard .alert-list{height:100%;background:transparent;box-shadow:none;border-radius:0}.control-room-dashboard .map-view{height:100%;border-radius:0}.control-room-dashboard .communication-interface{border-radius:12px;max-height:400px}.control-room-dashboard .incident-notes{border-radius:12px;max-height:300px}.control-room-dashboard .trail-visualization{border-radius:12px;height:250px}.advanced-features__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.advanced-features__header h2{margin:0;color:#1e293b;font-weight:600}.advanced-features__header .feature-controls{display:flex;gap:.5rem}.advanced-features__header .feature-controls button{padding:.5rem 1rem;border:1px solid rgba(0,0,0,.2);background:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease}.advanced-features__header .feature-controls button:hover{background:#f8fafc}.advanced-features__header .feature-controls button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.advanced-features__content{min-height:500px}.control-room-dashboard{transform:translateZ(0)}.control-room-dashboard *{scroll-behavior:smooth}.control-room-dashboard .nav-tab,.control-room-dashboard .control-btn,.control-room-dashboard .quick-action{will-change:transform}@media print{.control-room-dashboard .control-room-navigation,.control-room-dashboard .quick-actions-panel{display:none}.control-room-dashboard .control-room-content{padding:0}.control-room-dashboard .dashboard-panel{box-shadow:none;border:1px solid #000}}.table{width:100%;border-collapse:collapse}.table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.table th{padding:.75rem;text-align:left;font-weight:600;color:#495057;font-size:.875rem;text-transform:uppercase;letter-spacing:.025em}.table tbody tr{border-bottom:1px solid #dee2e6}.table tbody tr:hover{background-color:#f8f9fa}.table td{padding:.75rem;color:#212529;font-size:.875rem}.tabs{width:100%}.tabs-list{display:flex;border-bottom:2px solid #dee2e6;margin-bottom:1rem}.tabs-trigger{padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:#6c757d;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.tabs-trigger:hover{color:#495057}.tabs-trigger--active{color:#007bff;border-bottom-color:#007bff}.tabs-trigger.flex-1{flex:1}.tabs-content{padding:1rem 0}.workflow-dashboard{padding:1.5rem;max-width:1400px;margin:0 auto}.workflow-dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.workflow-dashboard .dashboard-header h1{color:#111827;font-weight:700}.workflow-dashboard .notifications-section{animation:slideDown .3s ease-out}.workflow-dashboard .notifications-section .alert-notification{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6}.workflow-dashboard .stats-grid .card{transition:transform .2s ease,box-shadow .2s ease}.workflow-dashboard .stats-grid .card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.workflow-dashboard .workflow-list-item{position:relative;overflow:hidden}.workflow-dashboard .workflow-list-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--status-color);transition:width .2s ease}.workflow-dashboard .workflow-list-item:hover:before{width:5px}.workflow-dashboard .department-card{background:linear-gradient(135deg,#f3f4f6,#fff);transition:all .3s ease}.workflow-dashboard .department-card:hover{transform:scale(1.02);box-shadow:0 5px 15px #00000014}.workflow-dashboard .department-card .availability-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.5rem;animation:pulse 2s infinite}.workflow-dashboard .department-card .availability-indicator.available{background-color:#10b981}.workflow-dashboard .department-card .availability-indicator.busy{background-color:#f59e0b}.workflow-dashboard .department-card .availability-indicator.offline{background-color:#ef4444}.workflow-dashboard .workflow-status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.workflow-dashboard .workflow-status-badge.pending{background-color:#fef3c7;color:#92400e}.workflow-dashboard .workflow-status-badge.assigned{background-color:#dbeafe;color:#1e40af}.workflow-dashboard .workflow-status-badge.investigating{background-color:#e9d5ff;color:#6b21a8}.workflow-dashboard .workflow-status-badge.ongoing{background-color:#c7d2fe;color:#4338ca}.workflow-dashboard .workflow-status-badge.escalated{background-color:#fee2e2;color:#b91c1c}.workflow-dashboard .workflow-status-badge.resolved{background-color:#d1fae5;color:#065f46}.workflow-dashboard .priority-indicator{position:relative;display:inline-flex;align-items:center}.workflow-dashboard .priority-indicator:before{content:"";width:6px;height:6px;border-radius:50%;margin-right:.25rem;background-color:currentColor}.workflow-dashboard .priority-indicator.critical:before{animation:blink 1s infinite}.workflow-dashboard .connection-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.workflow-dashboard .connection-indicator.connected{background-color:#d1fae5;color:#065f46}.workflow-dashboard .connection-indicator.connected:before{content:"";width:8px;height:8px;border-radius:50%;background-color:#10b981;animation:pulse 2s infinite}.workflow-dashboard .connection-indicator.disconnected{background-color:#fee2e2;color:#b91c1c}.workflow-dashboard .connection-indicator.disconnected:before{content:"";width:8px;height:8px;border-radius:50%;background-color:#ef4444}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media (max-width: 768px){.workflow-dashboard{padding:1rem}.workflow-dashboard .dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.workflow-dashboard .stats-grid{grid-template-columns:1fr}}@media (prefers-color-scheme: dark){.workflow-dashboard{background-color:#111827;color:#f9fafb}.workflow-dashboard .dashboard-header{border-bottom-color:#374151}.workflow-dashboard .dashboard-header h1{color:#f9fafb}.workflow-dashboard .card{background-color:#1f2937;border-color:#374151}.workflow-dashboard .workflow-status-badge.pending{background-color:#78350f;color:#fef3c7}.workflow-dashboard .workflow-status-badge.assigned{background-color:#1e3a8a;color:#dbeafe}.workflow-dashboard .workflow-status-badge.investigating{background-color:#581c87;color:#e9d5ff}.workflow-dashboard .workflow-status-badge.ongoing{background-color:#312e81;color:#c7d2fe}.workflow-dashboard .workflow-status-badge.escalated{background-color:#7f1d1d;color:#fee2e2}.workflow-dashboard .workflow-status-badge.resolved{background-color:#064e3b;color:#d1fae5}}.admin-alert-management .dashboard-main{padding:20px;max-width:1200px;margin:0 auto}.admin-alert-management .page-header{margin-bottom:30px}.admin-alert-management .page-header .page-title{color:#333;font-size:2.5rem;margin-bottom:10px}.admin-alert-management .page-header .page-subtitle{color:#666;font-size:1.2rem;margin-bottom:20px}.admin-alert-management .page-header .alert-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-alert-management .page-header .alert-stats .stat-card{background:#fff;border:1px solid rgba(0,86,143,.08);border-radius:20px;text-align:center;padding:1.5rem;transition:all .3s ease;box-shadow:0 4px 12px #00000014}.admin-alert-management .page-header .alert-stats .stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00568f1a}.admin-alert-management .page-header .alert-stats .stat-card .stat-number{display:block;font-size:2rem;background:linear-gradient(135deg,#00568f,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;font-weight:700;line-height:1}.admin-alert-management .page-header .alert-stats .stat-card .stat-label{display:block;font-size:.85rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.admin-alert-management .employee-overview{margin-bottom:30px}.admin-alert-management .employee-overview h2{color:#333;margin-bottom:20px}.admin-alert-management .employee-overview .employee-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.admin-alert-management .employee-overview .employee-cards .employee-card{background:#fff;border:1px solid rgba(0,86,143,.08);border-radius:20px;padding:1.5rem;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.admin-alert-management .employee-overview .employee-cards .employee-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00568f1a}.admin-alert-management .employee-overview .employee-cards .employee-card h3{color:#00568f;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.admin-alert-management .employee-overview .employee-cards .employee-card .employee-info p{margin:8px 0;color:#666;font-size:.9rem}.admin-alert-management .employee-overview .employee-cards .employee-card .employee-info .employee-status{display:flex;align-items:center;gap:8px;margin:8px 0}.admin-alert-management .employee-overview .employee-cards .employee-card .employee-info .employee-status .status-icon{font-size:.8rem}.admin-alert-management .employee-overview .employee-cards .employee-card .employee-info .employee-status .status-text{color:#666;text-transform:capitalize}.admin-alert-management .alerts-filters{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.admin-alert-management .alerts-filters .filter-group{display:flex;flex-direction:column;gap:5px}.admin-alert-management .alerts-filters .filter-group label{font-weight:500;color:#333}.admin-alert-management .alerts-filters .filter-group select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}.admin-alert-management .alerts-filters .filter-group select:focus{outline:none;border-color:#667eea}.admin-alert-management .alerts-list h2{color:#333;margin-bottom:20px}.admin-alert-management .alerts-list .alerts-table-container{background:#fff;border:1px solid rgba(0,86,143,.08);border-radius:20px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.admin-alert-management .alerts-list .alerts-table-container:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00568f1a}.admin-alert-management .alerts-list .alerts-table{width:100%;border-collapse:collapse;background:#fff}.admin-alert-management .alerts-list .alerts-table th,.admin-alert-management .alerts-list .alerts-table td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid rgba(0,86,143,.05)}.admin-alert-management .alerts-list .alerts-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-weight:600;color:#00568f;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.admin-alert-management .alerts-list .alerts-table tr:hover{background:linear-gradient(135deg,#00568f05,#00568f0d)}.admin-alert-management .alerts-list .alerts-table .customer-name{font-weight:500;color:#333}.admin-alert-management .alerts-list .alerts-table .location-cell .location-info{display:flex;flex-direction:column;gap:4px}.admin-alert-management .alerts-list .alerts-table .location-cell .location-info .address{font-weight:500;color:#333}.admin-alert-management .alerts-list .alerts-table .location-cell .location-info .coordinates{font-size:.8rem;color:#666}.admin-alert-management .alerts-list .alerts-table .time-info{display:flex;flex-direction:column;gap:4px}.admin-alert-management .alerts-list .alerts-table .time-info .date{font-weight:500;color:#333}.admin-alert-management .alerts-list .alerts-table .time-info .time{font-size:.8rem;color:#666}.admin-alert-management .alerts-list .alerts-table .alert-type{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:uppercase}.admin-alert-management .alerts-list .alerts-table .alert-type.type-Medical{background:#e3f2fd;color:#1976d2}.admin-alert-management .alerts-list .alerts-table .alert-type.type-Fire{background:#ffebee;color:#d32f2f}.admin-alert-management .alerts-list .alerts-table .alert-type.type-Road{background:#fff3e0;color:#f57c00}.admin-alert-management .alerts-list .alerts-table .alert-type.type-Security{background:#f3e5f5;color:#7b1fa2}.admin-alert-management .alerts-list .alerts-table .assignment-info{display:flex;flex-direction:column;gap:4px}.admin-alert-management .alerts-list .alerts-table .assignment-info .assigned-to{font-weight:500;color:#333}.admin-alert-management .alerts-list .alerts-table .assignment-info .assigned-by{font-size:.8rem;color:#666}.admin-alert-management .alerts-list .alerts-table .pending-assignment{color:#ff9800;font-weight:500}.admin-alert-management .alerts-list .alerts-table .not-assigned{color:#999;font-style:italic}.admin-alert-management .alerts-list .alerts-table .alert-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-alert-management .alerts-list .alerts-table .alert-actions button{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s}.admin-alert-management .alerts-list .alerts-table .alert-actions button.btn-view-location{background:#e3f2fd;color:#1976d2}.admin-alert-management .alerts-list .alerts-table .alert-actions button.btn-view-location:hover{background:#bbdefb}.admin-alert-management .alerts-list .alerts-table .alert-actions button.btn-assign{background:#e8f5e8;color:#2e7d32}.admin-alert-management .alerts-list .alerts-table .alert-actions button.btn-assign:hover{background:#c8e6c9}.admin-alert-management .alerts-list .alerts-table .alert-actions button.btn-unassign{background:#ffebee;color:#d32f2f}.admin-alert-management .alerts-list .alerts-table .alert-actions button.btn-unassign:hover{background:#ffcdd2}.admin-alert-management .status-badge{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:uppercase}.admin-alert-management .status-badge.status-active{background:#e8f5e8;color:#2e7d32}.admin-alert-management .status-badge.status-resolved{background:#e3f2fd;color:#1976d2}.admin-alert-management .status-badge.status-false-alarm{background:#fff3e0;color:#f57c00}.admin-alert-management .priority-badge{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:uppercase}.admin-alert-management .priority-badge.priority-low{background:#e8f5e8;color:#2e7d32}.admin-alert-management .priority-badge.priority-medium{background:#fff3e0;color:#f57c00}.admin-alert-management .priority-badge.priority-high{background:#fff3e0;color:#ef6c00}.admin-alert-management .priority-badge.priority-critical{background:#ffebee;color:#d32f2f}.admin-alert-management .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.admin-alert-management .assign-modal{background:#fff;border-radius:8px;padding:30px;max-width:500px;width:90%;box-shadow:0 4px 6px #0000001a}.admin-alert-management .assign-modal h3{color:#333;margin-bottom:20px;font-size:1.5rem}.admin-alert-management .assign-modal .modal-content .alert-info{background:#f8f9fa;padding:15px;border-radius:4px;margin-bottom:20px}.admin-alert-management .assign-modal .modal-content .alert-info p{margin:8px 0;color:#666}.admin-alert-management .assign-modal .modal-content .employee-selection{margin-bottom:20px}.admin-alert-management .assign-modal .modal-content .employee-selection label{display:block;margin-bottom:8px;font-weight:500;color:#333}.admin-alert-management .assign-modal .modal-content .employee-selection select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff}.admin-alert-management .assign-modal .modal-content .employee-selection select:focus{outline:none;border-color:#667eea}.admin-alert-management .assign-modal .modal-content .modal-actions{display:flex;gap:15px;justify-content:flex-end}.admin-alert-management .assign-modal .modal-content .modal-actions button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.admin-alert-management .assign-modal .modal-content .modal-actions button.btn-cancel{background:#f5f5f5;color:#333}.admin-alert-management .assign-modal .modal-content .modal-actions button.btn-cancel:hover{background:#e0e0e0}.admin-alert-management .assign-modal .modal-content .modal-actions button.btn-assign-submit{background:#667eea;color:#fff}.admin-alert-management .assign-modal .modal-content .modal-actions button.btn-assign-submit:hover:not(:disabled){background:#5a67d8}.admin-alert-management .assign-modal .modal-content .modal-actions button.btn-assign-submit:disabled{background:#ccc;cursor:not-allowed}@media (max-width: 768px){.admin-alert-management .alerts-filters{flex-direction:column;gap:15px}.admin-alert-management .alerts-table-container{overflow-x:auto}.admin-alert-management .alerts-table{min-width:800px}}.settings-actions.modern{display:flex;gap:var(--spacing-lg);justify-content:center;align-items:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid rgba(0,86,143,.1)}@media (max-width: 768px){.settings-actions.modern{flex-direction:column;gap:var(--spacing-md)}}.settings-actions.modern .settings-btn{background:linear-gradient(145deg,#fff,#f0f4f8);border:none;padding:1.25rem;transition:.3s ease;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;padding:var(--spacing-md) var(--spacing-xl);border-radius:50px;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-normal);min-width:160px;text-align:center;letter-spacing:.3px}.settings-actions.modern .settings-btn:hover{transform:translateY(-1px);box-shadow:10px 10px 20px #a3b1c64d,-6px -6px 16px #ffffffe6}.settings-actions.modern .settings-btn:active{transform:translateY(1px);box-shadow:2px 2px 6px #a3b1c64d,-1px -1px 4px #ffffffb3,inset 4px 4px 8px #a3b1c626,inset -2px -2px 6px #fffc}.settings-actions.modern .settings-btn.primary-btn{background:linear-gradient(135deg,#00568f,#004578);color:#fff;border:none;box-shadow:8px 8px 16px #00568f4d,-4px -4px 12px #fffc}.settings-actions.modern .settings-btn.primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#004578,#003a66);transform:translateY(-3px);box-shadow:12px 12px 24px #00568f66,-6px -6px 16px #ffffffe6}.settings-actions.modern .settings-btn.primary-btn:active{transform:translateY(-1px);box-shadow:6px 6px 12px #00568f4d,-3px -3px 8px #fffc}.settings-actions.modern .settings-btn.primary-btn:disabled{background:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:4px 4px 8px #a3b1c633,-2px -2px 6px #fffc}.settings-actions.modern .settings-btn.secondary-btn{background:linear-gradient(145deg,#fff,#f0f4f8);color:var(--primary-color);border:1px solid rgba(0,86,143,.2);box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc}.settings-actions.modern .settings-btn.secondary-btn:hover{background:linear-gradient(145deg,#f8fafc,#fff);color:var(--primary-dark);transform:translateY(-3px);box-shadow:12px 12px 24px #a3b1c640,-6px -6px 16px #ffffffe6;border-color:#00568f4d}.settings-actions.modern .settings-btn.secondary-btn:active{transform:translateY(-1px);box-shadow:6px 6px 12px #a3b1c633,-3px -3px 8px #fffc,inset 2px 2px 4px #a3b1c61a}@media (max-width: 768px){.settings-actions.modern .settings-btn{width:100%;min-width:auto}}@keyframes pulse{0%{box-shadow:0 0 #0000001a,0 0 15px currentColor}50%{box-shadow:0 0 0 8px #0000,0 0 25px currentColor}to{box-shadow:0 0 #0000,0 0 15px currentColor}}.modern-profile-container{width:100%;min-height:100vh;flex:1;margin:0;padding:0;display:flex;flex-direction:column;box-sizing:border-box;background:linear-gradient(135deg,#f0f4f8,#e9f2ff);overflow-x:hidden;position:relative;padding-top:1rem}.modern-profile-container .profile-main{max-width:1600px;margin:0 auto;padding:2rem;padding-top:100px;display:flex;flex-direction:column;gap:2rem;width:100%}.modern-profile-container .profile-header{margin:1.5rem 0 0 1rem}.modern-profile-container .profile-header h1{font-size:3rem;color:#00568f;font-weight:200;letter-spacing:.005em;margin:0;line-height:1}.modern-profile-container .profile-header p{color:#6b7280;font-size:1rem;margin:.5rem 0 0;font-weight:400}.modern-profile-container .profile-content{display:flex;gap:3rem;width:100%;margin:1rem 0}@media (max-width: 1024px){.modern-profile-container .profile-content{flex-direction:column;gap:2rem}}.modern-profile-container .profile-sidebar{min-width:280px}@media (max-width: 1024px){.modern-profile-container .profile-sidebar{min-width:auto}}.modern-profile-container .profile-sidebar .profile-nav{background:linear-gradient(145deg,#fff,#f0f4f8);border:none;border-radius:16px;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}@media (max-width: 1024px){.modern-profile-container .profile-sidebar .profile-nav{flex-direction:row;overflow-x:auto;gap:1rem}}.modern-profile-container .profile-sidebar .profile-nav .nav-item{background:transparent;border:1px solid transparent;border-radius:50px;padding:1rem 1.5rem;text-align:left;color:#6b7280;font-size:1rem;font-weight:400;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:none}.modern-profile-container .profile-sidebar .profile-nav .nav-item:hover{background:linear-gradient(145deg,#fff,#f8fafc);color:#00568f;transform:translateY(-2px);box-shadow:8px 8px 16px #a3b1c626,-4px -4px 12px #fffc;border-color:#00568f1a}.modern-profile-container .profile-sidebar .profile-nav .nav-item.active{background:linear-gradient(135deg,#00568f,#004578);color:#fff;font-weight:600;transform:scale(1.02);box-shadow:12px 12px 24px #00568f4d,-6px -6px 16px #fffc;border-color:transparent}.modern-profile-container .profile-sidebar .profile-nav .nav-item.active:hover{background:linear-gradient(135deg,#004578,#003a66);transform:translateY(-2px) scale(1.02);box-shadow:16px 16px 32px #00568f66,-8px -8px 20px #ffffffe6}@media (max-width: 1024px){.modern-profile-container .profile-sidebar .profile-nav .nav-item,.modern-profile-container .profile-sidebar .profile-nav .nav-item:hover,.modern-profile-container .profile-sidebar .profile-nav .nav-item.active{transform:none}}.modern-profile-container .profile-section{flex:1;background:linear-gradient(145deg,#fff,#f0f4f8);border:none;border-radius:16px;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;padding:2rem;margin-bottom:2rem;width:100%}.modern-profile-container .profile-section h3{color:#00568f;font-size:1.8rem;font-weight:300;margin:0 0 2rem;padding-bottom:1rem;border-bottom:2px solid #764ba2;position:relative}.modern-profile-container .profile-section h3:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:#00568f}.modern-profile-container .profile-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 768px){.modern-profile-container .profile-section .form-row{grid-template-columns:1fr}}.modern-profile-container .profile-section .form-group{margin-bottom:1.5rem}.modern-profile-container .profile-section .form-group label{display:block;color:#00568f;font-weight:500;margin-bottom:.8rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.modern-profile-container .profile-section .form-group input[type=text],.modern-profile-container .profile-section .form-group input[type=password],.modern-profile-container .profile-section .form-group input[type=email],.modern-profile-container .profile-section .form-group input[type=time],.modern-profile-container .profile-section .form-group input[type=number],.modern-profile-container .profile-section .form-group select,.modern-profile-container .profile-section .form-group textarea{width:100%;padding:1rem 1.2rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff;color:#1f2937;box-sizing:border-box;box-shadow:inset 2px 2px 4px #a3b1c61a}.modern-profile-container .profile-section .form-group input[type=text]:focus,.modern-profile-container .profile-section .form-group input[type=password]:focus,.modern-profile-container .profile-section .form-group input[type=email]:focus,.modern-profile-container .profile-section .form-group input[type=time]:focus,.modern-profile-container .profile-section .form-group input[type=number]:focus,.modern-profile-container .profile-section .form-group select:focus,.modern-profile-container .profile-section .form-group textarea:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 4px #00568f1a,inset 2px 2px 4px #a3b1c61a;transform:translateY(-1px)}.modern-profile-container .profile-section .form-group input[type=text]:hover,.modern-profile-container .profile-section .form-group input[type=password]:hover,.modern-profile-container .profile-section .form-group input[type=email]:hover,.modern-profile-container .profile-section .form-group input[type=time]:hover,.modern-profile-container .profile-section .form-group input[type=number]:hover,.modern-profile-container .profile-section .form-group select:hover,.modern-profile-container .profile-section .form-group textarea:hover{border-color:#00568f}.modern-profile-container .profile-section .form-group input[type=text].disabled-field,.modern-profile-container .profile-section .form-group input[type=password].disabled-field,.modern-profile-container .profile-section .form-group input[type=email].disabled-field,.modern-profile-container .profile-section .form-group input[type=time].disabled-field,.modern-profile-container .profile-section .form-group input[type=number].disabled-field,.modern-profile-container .profile-section .form-group select.disabled-field,.modern-profile-container .profile-section .form-group textarea.disabled-field{background:#f8f9fa;color:#9ca3af;cursor:not-allowed;border-color:#e2e8f0}.modern-profile-container .profile-section .form-group input[type=text].disabled-field:focus,.modern-profile-container .profile-section .form-group input[type=password].disabled-field:focus,.modern-profile-container .profile-section .form-group input[type=email].disabled-field:focus,.modern-profile-container .profile-section .form-group input[type=time].disabled-field:focus,.modern-profile-container .profile-section .form-group input[type=number].disabled-field:focus,.modern-profile-container .profile-section .form-group select.disabled-field:focus,.modern-profile-container .profile-section .form-group textarea.disabled-field:focus{transform:none;box-shadow:inset 2px 2px 4px #a3b1c61a}.modern-profile-container .profile-section .form-group input[type=text]::placeholder,.modern-profile-container .profile-section .form-group input[type=password]::placeholder,.modern-profile-container .profile-section .form-group input[type=email]::placeholder,.modern-profile-container .profile-section .form-group input[type=time]::placeholder,.modern-profile-container .profile-section .form-group input[type=number]::placeholder,.modern-profile-container .profile-section .form-group select::placeholder,.modern-profile-container .profile-section .form-group textarea::placeholder{color:#9ca3af}.modern-profile-container .profile-section .form-group textarea{min-height:120px;resize:vertical}.modern-profile-container .profile-section .form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:3rem}.modern-profile-container .profile-section .password-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:2rem;border-radius:2rem;margin:0;border:1px solid #e8eaed}.modern-profile-container .profile-section .password-section h4{margin-top:0;color:#00568f;font-size:1.3rem;margin-bottom:1.5rem}.modern-profile-container .profile-section .password-section .password-form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 1024px){.modern-profile-container .profile-section .password-section .password-form-row{grid-template-columns:1fr 1fr}.modern-profile-container .profile-section .password-section .password-form-row .form-group:first-child{grid-column:1/-1}}@media (max-width: 768px){.modern-profile-container .profile-section .password-section .password-form-row{grid-template-columns:1fr}.modern-profile-container .profile-section .password-section .password-form-row .form-group:first-child{grid-column:auto}}.modern-profile-container .profile-section .password-section .password-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.modern-profile-container .profile-section .password-section .btn{padding:.8rem 2rem;border:none;border-radius:2rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#00568f,#00d4ff);color:#fff;box-shadow:0 4px 12px #00568f4d}.modern-profile-container .profile-section .password-section .btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00568f66}.modern-profile-container .profile-section .password-section .btn:disabled{background:linear-gradient(135deg,var(--text-muted) 0%,#999 100%);cursor:not-allowed;transform:none;box-shadow:none}.modern-profile-container .profile-section .success-message{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;padding:1rem 1.5rem;border-radius:1.5rem;margin-top:1rem;font-size:1rem;border:1px solid #c3e6cb;font-weight:500}.modern-profile-container .profile-section .single-toggle-group{margin-bottom:1.5rem;max-width:50%}@media (max-width: 768px){.modern-profile-container .profile-section .single-toggle-group{max-width:100%}}.modern-profile-container .profile-section .single-toggle-group .toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:1rem 1.5rem;border:2px solid #e8eaed;border-radius:2rem;transition:all .3s ease;background:#fff}.modern-profile-container .profile-section .single-toggle-group .toggle-label:hover{border-color:#00568f;transform:translateY(-2px);box-shadow:0 4px 12px #00568f1a}.modern-profile-container .profile-section .single-toggle-group .toggle-label span{font-size:1rem;color:#00568f;font-weight:400}.modern-profile-container .profile-section .single-toggle-group .toggle-label .toggle-switch{position:relative;width:50px;height:26px;background:#e8eaed;border-radius:13px;transition:all .3s ease;cursor:pointer}.modern-profile-container .profile-section .single-toggle-group .toggle-label .toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.modern-profile-container .profile-section .single-toggle-group .toggle-label .toggle-switch.active{background:linear-gradient(135deg,#00568f,#00d4ff)}.modern-profile-container .profile-section .single-toggle-group .toggle-label .toggle-switch.active:after{transform:translate(24px)}.modern-profile-container .profile-section .single-toggle-group .toggle-label input[type=checkbox]{display:none}.modern-profile-container .profile-section .single-toggle-group .toggle-label:has(input:checked){border-color:#00568f;background:#00568f0d;transform:translateY(-2px);box-shadow:0 4px 12px #00568f1a}.modern-profile-container .profile-section .single-toggle-group .toggle-label:has(input:checked) .toggle-switch{background:linear-gradient(135deg,#00568f,#00d4ff)}.modern-profile-container .profile-section .single-toggle-group .toggle-label:has(input:checked) .toggle-switch:after{transform:translate(24px)}.modern-profile-container .profile-section .profile-hero-section{display:grid;grid-template-columns:300px 1fr;gap:3rem;margin-bottom:2.5rem;padding-bottom:2rem}@media (max-width: 1024px){.modern-profile-container .profile-section .profile-hero-section{grid-template-columns:1fr;gap:2rem}}.modern-profile-container .profile-section .profile-hero-section .profile-picture-section{display:flex;flex-direction:column;align-items:center}.modern-profile-container .profile-section .profile-hero-section .profile-picture-section .profile-picture-container{position:relative;margin-bottom:1rem}.modern-profile-container .profile-section .profile-hero-section .profile-picture-section .profile-picture-container .profile-picture-preview{width:200px;height:200px;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:0 8px 32px #00568f26;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);position:relative;cursor:pointer;transition:all .3s ease}.modern-profile-container .profile-section .profile-hero-section .profile-picture-section .profile-picture-container .profile-picture-preview:hover{transform:translateY(-4px);box-shadow:0 12px 48px #00568f40}.modern-profile-container .profile-section .profile-hero-section .profile-picture-section .profile-picture-container .profile-picture-preview:hover .profile-picture-overlay{opacity:1}.modern-profile-container .profile-section .profile-hero-section .profile-picture-section .profile-picture-container .profile-picture-preview .profile-picture-img{width:100%;height:100%;object-fit:cover}.modern-profile-container .profile-section .profile-hero-section .profile-picture-section .profile-picture-container .profile-picture-preview .profile-picture-placeholder{color:var(--text-muted);display:flex;align-items:center;justify-content:center}.modern-profile-container .profile-section .profile-hero-section .profile-picture-section .profile-picture-container .profile-picture-preview .profile-picture-placeholder svg{width:48px;height:48px;opacity:.5}.modern-profile-container .profile-section .profile-hero-section .profile-picture-section .profile-picture-container .profile-picture-preview .profile-picture-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00568fcc;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;border-radius:50%}.modern-profile-container .profile-section .profile-hero-section .profile-picture-section .profile-picture-container .profile-picture-preview .profile-picture-overlay .upload-overlay{cursor:pointer;color:#fff;padding:1rem;border-radius:50%;transition:all .3s ease}.modern-profile-container .profile-section .profile-hero-section .profile-picture-section .profile-picture-container .profile-picture-preview .profile-picture-overlay .upload-overlay:hover{background:#fff3}.modern-profile-container .profile-section .profile-hero-section .profile-picture-section .profile-picture-container .profile-picture-preview .profile-picture-overlay .upload-overlay svg{display:block}.modern-profile-container .profile-section .profile-hero-section .profile-picture-section .profile-picture-container .profile-picture-actions{position:absolute;top:-8px;right:-8px}.modern-profile-container .profile-section .profile-hero-section .profile-picture-section .profile-picture-container .profile-picture-actions .remove-btn{width:32px;height:32px;border-radius:50%;border:none;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #dc35454d;transition:all .3s ease}.modern-profile-container .profile-section .profile-hero-section .profile-picture-section .profile-picture-container .profile-picture-actions .remove-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #dc354566}.modern-profile-container .profile-section .profile-hero-section .profile-picture-section .profile-picture-container .profile-picture-actions .remove-btn svg{width:16px;height:16px}.modern-profile-container .profile-section .profile-hero-section .profile-picture-section .upload-hint{color:var(--text-muted);font-size:.85rem;text-align:center;margin:0;font-weight:400}.modern-profile-container .profile-section .profile-hero-section .status-section{display:flex;flex-direction:column;justify-content:center}.modern-profile-container .profile-section .profile-hero-section .status-section h4{color:#00568f;font-size:1.2rem;font-weight:400;margin:0 0 1.5rem}.modern-profile-container .profile-section .profile-hero-section .status-section .status-toggles{margin-bottom:2rem}.modern-profile-container .profile-section .profile-hero-section .status-section .status-toggles .toggle-row{display:flex;gap:1rem;width:100%}@media (max-width: 768px){.modern-profile-container .profile-section .profile-hero-section .status-section .status-toggles .toggle-row{flex-direction:column}}.modern-profile-container .profile-section .profile-hero-section .status-section .status-toggles .toggle-group{flex:0 0 calc(33.333% - .67rem);min-width:0}@media (max-width: 768px){.modern-profile-container .profile-section .profile-hero-section .status-section .status-toggles .toggle-group{flex:1}}.modern-profile-container .profile-section .profile-hero-section .status-section .status-toggles .toggle-group .toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:1rem 1.5rem;border:2px solid #e8eaed;border-radius:2rem;transition:all .3s ease;background:#fff}.modern-profile-container .profile-section .profile-hero-section .status-section .status-toggles .toggle-group .toggle-label:hover{border-color:#00568f;transform:translateY(-2px);box-shadow:0 4px 12px #00568f1a}.modern-profile-container .profile-section .profile-hero-section .status-section .status-toggles .toggle-group .toggle-label span{font-size:1rem;color:#00568f;font-weight:500}.modern-profile-container .profile-section .profile-hero-section .status-section .status-toggles .toggle-group .toggle-label span .auto-status{font-size:.8rem;color:#e1ff0c;font-weight:400;margin-left:.5rem;opacity:.8}.modern-profile-container .profile-section .profile-hero-section .status-section .status-toggles .toggle-group .toggle-label .toggle-switch{position:relative;width:50px;height:26px;background:#e8eaed;border-radius:13px;transition:all .3s ease;cursor:pointer}.modern-profile-container .profile-section .profile-hero-section .status-section .status-toggles .toggle-group .toggle-label .toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.modern-profile-container .profile-section .profile-hero-section .status-section .status-toggles .toggle-group .toggle-label .toggle-switch.active{background:linear-gradient(135deg,#00ff41,#00d635);box-shadow:0 0 25px #00ff4180,0 0 50px #00ff4133}.modern-profile-container .profile-section .profile-hero-section .status-section .status-toggles .toggle-group .toggle-label .toggle-switch.active:after{transform:translate(24px);box-shadow:0 2px 12px #00ff4199}.modern-profile-container .profile-section .profile-hero-section .status-section .status-toggles .toggle-group .toggle-label .toggle-switch.active.away{background:linear-gradient(135deg,#ffbf00,#ff9500);box-shadow:0 0 25px #ffbf0080,0 0 50px #ffbf0033}.modern-profile-container .profile-section .profile-hero-section .status-section .status-toggles .toggle-group .toggle-label .toggle-switch.active.away:after{box-shadow:0 2px 12px #ffbf0099}.modern-profile-container .profile-section .profile-hero-section .status-section .status-toggles .toggle-group .toggle-label .toggle-switch.active.offline{background:linear-gradient(135deg,#ff073a,#d60d3a);box-shadow:0 0 25px #ff073a80,0 0 50px #ff073a33}.modern-profile-container .profile-section .profile-hero-section .status-section .status-toggles .toggle-group .toggle-label .toggle-switch.active.offline:after{box-shadow:0 2px 12px #ff073a99}.modern-profile-container .profile-section .profile-hero-section .status-section .status-toggles .toggle-group .toggle-label input[type=checkbox]{display:none}.modern-profile-container .profile-section .profile-hero-section .status-section .status-toggles .toggle-group .toggle-label:has(input:checked){border-color:#00568f;background:#00568f0d;transform:translateY(-2px);box-shadow:0 4px 12px #00568f1a}.modern-profile-container .profile-section .profile-hero-section .status-section .status-display .current-status{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:2rem;border:1px solid #e8eaed}.modern-profile-container .profile-section .profile-hero-section .status-section .status-display .current-status .status-dot{width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 15px #0000004d,0 0 30px currentColor}.modern-profile-container .profile-section .profile-hero-section .status-section .status-display .current-status .status-text{font-size:1rem;color:#00568f;font-weight:500}.modern-profile-container .section-card-modern{background:#fff;border:1px solid rgba(0,86,143,.1);border-radius:16px;box-shadow:0 1px 3px #0000000f}.modern-profile-container .section-card-modern h3{color:var(--text-primary);font-weight:300;border-bottom:1px solid rgba(0,86,143,.12);padding-bottom:1rem;margin-bottom:1.5rem}.modern-profile-container .section-card-modern .form-group label{color:var(--text-primary);font-weight:600}.modern-profile-container .section-card-modern .form-group input[type=text],.modern-profile-container .section-card-modern .form-group input[type=password],.modern-profile-container .section-card-modern .form-group input[type=time],.modern-profile-container .section-card-modern .form-group select,.modern-profile-container .section-card-modern .form-group textarea{border:1px solid rgba(0,86,143,.12);border-radius:14px;background:#fff}.modern-profile-container .section-card-modern .form-group input[type=text]:focus,.modern-profile-container .section-card-modern .form-group input[type=password]:focus,.modern-profile-container .section-card-modern .form-group input[type=time]:focus,.modern-profile-container .section-card-modern .form-group select:focus,.modern-profile-container .section-card-modern .form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #00568f1a}.modern-profile-container .section-card-modern .checkbox-group .checkbox-label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-right:.75rem;border:2px solid #e8eaed;border-radius:6px;transition:all .2s ease;position:relative;cursor:pointer;background:#fff}.modern-profile-container .section-card-modern .checkbox-group .checkbox-label input[type=checkbox]:hover{border-color:var(--primary-color)}.modern-profile-container .section-card-modern .checkbox-group .checkbox-label input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px #00568f26;border-color:var(--primary-color)}.modern-profile-container .section-card-modern .checkbox-group .checkbox-label input[type=checkbox]:checked{border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%)}.modern-profile-container .section-card-modern .checkbox-group .checkbox-label input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.modern-profile-container .section-card-modern .radio-group .radio-label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-right:.75rem;border:2px solid #e8eaed;border-radius:50%;transition:all .2s ease;position:relative;cursor:pointer;background:#fff}.modern-profile-container .section-card-modern .radio-group .radio-label input[type=radio]:hover{border-color:var(--primary-color)}.modern-profile-container .section-card-modern .radio-group .radio-label input[type=radio]:focus-visible{outline:none;box-shadow:0 0 0 3px #00568f26;border-color:var(--primary-color)}.modern-profile-container .section-card-modern .radio-group .radio-label input[type=radio]:checked{border-color:var(--primary-color);background:var(--primary-color)}.modern-profile-container .section-card-modern .radio-group .radio-label input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;background:#fff;border-radius:50%;transform:translate(-50%,-50%)}.modern-profile-container .section-card-modern .single-toggle-group,.modern-profile-container .section-card-modern .toggle-group .toggle-row .toggle-label,.modern-profile-container .section-card-modern .status-section .toggle-group .toggle-label{border-color:#00568f1f;background:#fff}.modern-profile-container .section-card-modern .single-toggle-group:hover,.modern-profile-container .section-card-modern .toggle-group .toggle-row .toggle-label:hover,.modern-profile-container .section-card-modern .status-section .toggle-group .toggle-label:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #00568f14}.modern-profile-container .section-card-modern .single-toggle-group .toggle-switch,.modern-profile-container .section-card-modern .toggle-group .toggle-row .toggle-label .toggle-switch,.modern-profile-container .section-card-modern .status-section .toggle-group .toggle-label .toggle-switch{background:#e8eaed}.modern-profile-container .section-card-modern .single-toggle-group .toggle-switch.active,.modern-profile-container .section-card-modern .toggle-group .toggle-row .toggle-label .toggle-switch.active,.modern-profile-container .section-card-modern .status-section .toggle-group .toggle-label .toggle-switch.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%)}.modern-profile-container .section-card-modern .password-section{background:#fff;border:1px solid rgba(0,86,143,.12);box-shadow:0 1px 2px #0000000a}.modern-profile-container .section-card-modern .success-message{border:1px solid rgba(34,197,94,.25);background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#065f46}.modern-settings-container{width:100%;min-height:100vh;flex:1;margin:0;padding:0;display:flex;flex-direction:column;box-sizing:border-box;background:linear-gradient(135deg,#f0f4f8,#e9f2ff);overflow-x:hidden;position:relative;padding-top:1rem}.modern-settings-container .settings-main{max-width:1600px;margin:0 auto;padding:2rem;padding-top:100px;display:flex;flex-direction:column;gap:2rem;width:100%}.modern-settings-container .settings-header{margin:1.5rem 0 0 1rem;background:transparent}.modern-settings-container .settings-header h1{font-size:3rem;color:#00568f;font-weight:200;letter-spacing:.005em;margin:0;line-height:1}.modern-settings-container .settings-header p{color:#6b7280;font-size:1rem;margin:.5rem 0 0;font-weight:400}.modern-settings-container .settings-content{display:flex;gap:3rem;width:100%;margin:1rem 0}@media (max-width: 1024px){.modern-settings-container .settings-content{flex-direction:column;gap:2rem}}.modern-settings-container .settings-content>*:last-child{flex:1}.modern-settings-container .settings-sidebar{min-width:280px;background:transparent}@media (max-width: 1024px){.modern-settings-container .settings-sidebar{min-width:auto}}.modern-settings-container .settings-sidebar .settings-nav{background:linear-gradient(145deg,#fff,#f0f4f8)!important;border:none;border-radius:16px;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}@media (max-width: 1024px){.modern-settings-container .settings-sidebar .settings-nav{flex-direction:row;overflow-x:auto;gap:1rem}}.modern-settings-container .settings-sidebar .settings-nav .nav-item{background:transparent;border:1px solid transparent;border-radius:50px;padding:1rem 1.5rem;text-align:left;color:#6b7280;font-size:1rem;font-weight:400;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:none}.modern-settings-container .settings-sidebar .settings-nav .nav-item:hover{background:linear-gradient(145deg,#fff,#f8fafc);color:#00568f;transform:translateY(-2px);box-shadow:8px 8px 16px #a3b1c626,-4px -4px 12px #fffc;border-color:#00568f1a}.modern-settings-container .settings-sidebar .settings-nav .nav-item.active{background:linear-gradient(135deg,#00568f,#004578);color:#fff;font-weight:600;transform:scale(1.02);box-shadow:12px 12px 24px #00568f4d,-6px -6px 16px #fffc;border-color:transparent}.modern-settings-container .settings-sidebar .settings-nav .nav-item.active:hover{background:linear-gradient(135deg,#004578,#003a66);transform:translateY(-2px) scale(1.02);box-shadow:16px 16px 32px #00568f66,-8px -8px 20px #ffffffe6}@media (max-width: 1024px){.modern-settings-container .settings-sidebar .settings-nav .nav-item,.modern-settings-container .settings-sidebar .settings-nav .nav-item:hover,.modern-settings-container .settings-sidebar .settings-nav .nav-item.active{transform:none}}.modern-settings-container .settings-section{flex:1;background:linear-gradient(145deg,#fff,#f0f4f8);border:none;border-radius:16px;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;padding:2rem;margin-bottom:2rem}.modern-settings-container .settings-section h3{color:#00568f;font-size:1.8rem;font-weight:300;margin:0 0 2rem;padding-bottom:1rem;border-bottom:2px solid #764ba2;position:relative}.modern-settings-container .settings-section h3:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:#00568f}.modern-settings-container .settings-section .subsection{margin-bottom:2.5rem}.modern-settings-container .settings-section .subsection h4{color:#00568f;font-size:1.2rem;font-weight:400;margin:0 0 1.5rem}.modern-settings-container .settings-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 768px){.modern-settings-container .settings-section .form-row{grid-template-columns:1fr}}.modern-settings-container .settings-section .form-group{margin-bottom:1.5rem}.modern-settings-container .settings-section .form-group label{display:block;color:#00568f;font-weight:500;margin-bottom:.8rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.modern-settings-container .settings-section .form-group input[type=text],.modern-settings-container .settings-section .form-group input[type=password],.modern-settings-container .settings-section .form-group input[type=email],.modern-settings-container .settings-section .form-group input[type=time],.modern-settings-container .settings-section .form-group input[type=number],.modern-settings-container .settings-section .form-group select,.modern-settings-container .settings-section .form-group textarea{width:100%;padding:1rem 1.2rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff;color:#1f2937;box-sizing:border-box;box-shadow:inset 2px 2px 4px #a3b1c61a}.modern-settings-container .settings-section .form-group input[type=text]:focus,.modern-settings-container .settings-section .form-group input[type=password]:focus,.modern-settings-container .settings-section .form-group input[type=email]:focus,.modern-settings-container .settings-section .form-group input[type=time]:focus,.modern-settings-container .settings-section .form-group input[type=number]:focus,.modern-settings-container .settings-section .form-group select:focus,.modern-settings-container .settings-section .form-group textarea:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 4px #00568f1a,inset 2px 2px 4px #a3b1c61a;transform:translateY(-1px)}.modern-settings-container .settings-section .form-group input[type=text]:hover,.modern-settings-container .settings-section .form-group input[type=password]:hover,.modern-settings-container .settings-section .form-group input[type=email]:hover,.modern-settings-container .settings-section .form-group input[type=time]:hover,.modern-settings-container .settings-section .form-group input[type=number]:hover,.modern-settings-container .settings-section .form-group select:hover,.modern-settings-container .settings-section .form-group textarea:hover{border-color:#00568f}.modern-settings-container .settings-section .form-group input[type=text].disabled-field,.modern-settings-container .settings-section .form-group input[type=password].disabled-field,.modern-settings-container .settings-section .form-group input[type=email].disabled-field,.modern-settings-container .settings-section .form-group input[type=time].disabled-field,.modern-settings-container .settings-section .form-group input[type=number].disabled-field,.modern-settings-container .settings-section .form-group select.disabled-field,.modern-settings-container .settings-section .form-group textarea.disabled-field{background:#f8f9fa;color:#9ca3af;cursor:not-allowed;border-color:#e2e8f0}.modern-settings-container .settings-section .form-group input[type=text].disabled-field:focus,.modern-settings-container .settings-section .form-group input[type=password].disabled-field:focus,.modern-settings-container .settings-section .form-group input[type=email].disabled-field:focus,.modern-settings-container .settings-section .form-group input[type=time].disabled-field:focus,.modern-settings-container .settings-section .form-group input[type=number].disabled-field:focus,.modern-settings-container .settings-section .form-group select.disabled-field:focus,.modern-settings-container .settings-section .form-group textarea.disabled-field:focus{transform:none;box-shadow:inset 2px 2px 4px #a3b1c61a}.modern-settings-container .settings-section .form-group input[type=text]::placeholder,.modern-settings-container .settings-section .form-group input[type=password]::placeholder,.modern-settings-container .settings-section .form-group input[type=email]::placeholder,.modern-settings-container .settings-section .form-group input[type=time]::placeholder,.modern-settings-container .settings-section .form-group input[type=number]::placeholder,.modern-settings-container .settings-section .form-group select::placeholder,.modern-settings-container .settings-section .form-group textarea::placeholder{color:#9ca3af}.modern-settings-container .settings-section .form-group textarea{min-height:120px;resize:vertical}.modern-settings-container .settings-section .form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:3rem}.modern-settings-container .settings-section .checkbox-group{margin-bottom:1.5rem}.modern-settings-container .settings-section .checkbox-group .checkbox-label{display:flex;align-items:center;cursor:pointer;margin-bottom:.5rem;padding:.8rem 1rem;border-radius:12px;transition:all .3s ease}.modern-settings-container .settings-section .checkbox-group .checkbox-label:hover{background:#00568f0d}.modern-settings-container .settings-section .checkbox-group .checkbox-label input[type=checkbox]{width:20px;height:20px;margin-right:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #e2e8f0;border-radius:6px;position:relative;transition:all .3s ease;box-shadow:inset 2px 2px 4px #a3b1c61a}.modern-settings-container .settings-section .checkbox-group .checkbox-label input[type=checkbox]:checked{background:#00568f;border-color:#00568f;box-shadow:4px 4px 8px #00568f33,inset 2px 2px 4px #0000001a}.modern-settings-container .settings-section .checkbox-group .checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.modern-settings-container .settings-section .checkbox-group .checkbox-label input[type=checkbox]:hover{border-color:#00568f}.modern-settings-container .settings-section .checkbox-group .checkbox-label span{font-size:1rem;color:#1f2937;font-weight:400}.modern-settings-container .settings-section .radio-group{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1rem}@media (max-width: 768px){.modern-settings-container .settings-section .radio-group{grid-template-columns:1fr}}.modern-settings-container .settings-section .radio-group .radio-label{display:flex;align-items:center;cursor:pointer;padding:1rem 1.5rem;border:2px solid #e8eaed;border-radius:2rem;transition:all .3s ease;background:#fff}.modern-settings-container .settings-section .radio-group .radio-label:hover{border-color:#00568f;transform:translateY(-2px);box-shadow:0 4px 12px #00568f1a}.modern-settings-container .settings-section .radio-group .radio-label input[type=radio]{width:18px;height:18px;margin-right:.8rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #e8eaed;border-radius:50%;position:relative;transition:all .3s ease}.modern-settings-container .settings-section .radio-group .radio-label input[type=radio]:checked{border-color:#00568f;background:#00568f}.modern-settings-container .settings-section .radio-group .radio-label input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%}.modern-settings-container .settings-section .radio-group .radio-label span{font-size:1rem;color:#00568f;font-weight:400}.modern-settings-container .settings-section .radio-group .radio-label:has(input:checked){border-color:#00568f;background:#00568f0d;transform:translateY(-2px);box-shadow:0 4px 12px #00568f1a}.modern-settings-container .settings-section .password-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:2rem;border-radius:2rem;margin:2rem 0;border:1px solid #e8eaed}.modern-settings-container .settings-section .password-section h4{margin-top:0;color:#00568f;font-size:1.3rem;margin-bottom:1.5rem}.modern-settings-container .settings-section .password-section .password-form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 1024px){.modern-settings-container .settings-section .password-section .password-form-row{grid-template-columns:1fr 1fr}.modern-settings-container .settings-section .password-section .password-form-row .form-group:first-child{grid-column:1/-1}}@media (max-width: 768px){.modern-settings-container .settings-section .password-section .password-form-row{grid-template-columns:1fr}.modern-settings-container .settings-section .password-section .password-form-row .form-group:first-child{grid-column:auto}}.modern-settings-container .settings-section .password-section .password-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.modern-settings-container .settings-section .password-section .btn{padding:.8rem 2rem;border:none;border-radius:2rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#00568f,#764ba2);color:#fff;box-shadow:0 4px 12px #00568f4d}.modern-settings-container .settings-section .password-section .btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00568f66}.modern-settings-container .settings-section .password-section .btn:disabled{background:linear-gradient(135deg,#4a5568,#999);cursor:not-allowed;transform:none;box-shadow:none}.modern-settings-container .settings-section .success-message{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;padding:1rem 1.5rem;border-radius:1.5rem;margin-top:1rem;font-size:1rem;border:1px solid #c3e6cb;font-weight:500}.modern-settings-container .settings-section .time-range{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}@media (max-width: 480px){.modern-settings-container .settings-section .time-range{grid-template-columns:1fr}}.modern-settings-container .settings-section .zoom-control{display:flex;align-items:center;gap:1.5rem;padding:1rem;background:#f8f9fa;border-radius:2rem;border:1px solid #e8eaed}.modern-settings-container .settings-section .zoom-control input[type=range]{flex:1;height:8px;background:linear-gradient(to right,#00568f,#00568f 50%,#e8eaed 50%,#e8eaed);outline:none;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modern-settings-container .settings-section .zoom-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:#00568f;cursor:pointer;border-radius:50%;box-shadow:0 2px 8px #00568f4d;transition:all .3s ease}.modern-settings-container .settings-section .zoom-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #00568f66}.modern-settings-container .settings-section .zoom-control input[type=range]::-moz-range-thumb{width:24px;height:24px;background:#00568f;cursor:pointer;border-radius:50%;border:none;box-shadow:0 2px 8px #00568f4d}.modern-settings-container .settings-section .zoom-control .zoom-value{font-weight:600;color:#00568f;min-width:30px;text-align:center;font-size:1.1rem;background:#fff;padding:.5rem 1rem;border-radius:1rem;border:1px solid #e8eaed}.modern-settings-container .settings-section .toggle-group{margin-bottom:1.5rem}.modern-settings-container .settings-section .toggle-group.notification-channels .toggle-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}@media (max-width: 1200px){.modern-settings-container .settings-section .toggle-group.notification-channels .toggle-row{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 768px){.modern-settings-container .settings-section .toggle-group.notification-channels .toggle-row{grid-template-columns:1fr}}.modern-settings-container .settings-section .toggle-group.notification-channels .toggle-row .form-group{width:100%}.modern-settings-container .settings-section .toggle-group.alert-controls .toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1rem}@media (max-width: 768px){.modern-settings-container .settings-section .toggle-group.alert-controls .toggle-row{grid-template-columns:1fr}}.modern-settings-container .settings-section .toggle-group .toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1rem}@media (max-width: 768px){.modern-settings-container .settings-section .toggle-group .toggle-row{grid-template-columns:1fr}}.modern-settings-container .settings-section .toggle-group .toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:1rem 1.5rem;border:2px solid #e8eaed;border-radius:2rem;transition:all .3s ease;background:#fff}.notification-channels .modern-settings-container .settings-section .toggle-group .toggle-label{padding:.8rem 1rem}.notification-channels .modern-settings-container .settings-section .toggle-group .toggle-label span{font-size:.9rem}@media (max-width: 1200px){.notification-channels .modern-settings-container .settings-section .toggle-group .toggle-label{padding:1rem 1.5rem}.notification-channels .modern-settings-container .settings-section .toggle-group .toggle-label span{font-size:1rem}}.modern-settings-container .settings-section .toggle-group .toggle-label:hover{border-color:#00568f;transform:translateY(-2px);box-shadow:0 4px 12px #00568f1a}.modern-settings-container .settings-section .toggle-group .toggle-label span{font-size:1rem;color:#00568f;font-weight:400}.modern-settings-container .settings-section .toggle-group .toggle-label .toggle-switch{position:relative;width:50px;height:26px;background:#e8eaed;border-radius:13px;transition:all .3s ease;cursor:pointer}.modern-settings-container .settings-section .toggle-group .toggle-label .toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.modern-settings-container .settings-section .toggle-group .toggle-label .toggle-switch.active{background:linear-gradient(135deg,#00568f,#764ba2)}.modern-settings-container .settings-section .toggle-group .toggle-label .toggle-switch.active:after{transform:translate(24px)}.modern-settings-container .settings-section .toggle-group .toggle-label input[type=checkbox]{display:none}.modern-settings-container .settings-section .toggle-group .toggle-label:has(input:checked){border-color:#00568f;background:#00568f0d;transform:translateY(-2px);box-shadow:0 4px 12px #00568f1a}.modern-settings-container .settings-section .toggle-group .toggle-label:has(input:checked) .toggle-switch{background:linear-gradient(135deg,#00568f,#764ba2)}.modern-settings-container .settings-section .toggle-group .toggle-label:has(input:checked) .toggle-switch:after{transform:translate(24px)}.modern-settings-container .settings-section .section-description{color:#666;font-size:.9rem;margin-bottom:1.5rem;line-height:1.4}.modern-settings-container .settings-section .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.modern-settings-container .settings-section .info-grid .info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8f9fa;border-radius:6px;border-left:3px solid #00568f}.modern-settings-container .settings-section .info-grid .info-item .info-label{font-weight:500;color:#333}.modern-settings-container .settings-section .info-grid .info-item .info-value{font-weight:600;color:#00568f;font-size:1.1rem}.modern-settings-container .settings-section .file-upload-group{display:flex;flex-direction:column;gap:.8rem;position:relative}.modern-settings-container .settings-section .file-upload-group input[type=file]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:3}.modern-settings-container .settings-section .file-upload-group .file-upload-display{width:140px;height:140px;border:2px dashed #e8eaed;border-radius:50%;background:linear-gradient(135deg,#fff,#f8f9fa);cursor:pointer;transition:all .3s ease;font-size:.9rem;color:#00568f;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-weight:500;position:relative;overflow:hidden;margin:0 auto}.modern-settings-container .settings-section .file-upload-group .file-upload-display.upload-success{border-color:#22c55e;border-style:solid;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.modern-settings-container .settings-section .file-upload-group .file-upload-display.upload-success:before{background:linear-gradient(135deg,#22c55e0d,#22c55e1a);opacity:1}.modern-settings-container .settings-section .file-upload-group .file-upload-display.upload-success .upload-text{color:#16a34a}.modern-settings-container .settings-section .file-upload-group .file-upload-display.upload-success:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20,6 9,17 4,12'/%3E%3C/svg%3E");opacity:1}.modern-settings-container .settings-section .file-upload-group .file-upload-display.upload-error{border-color:#ef4444;border-style:solid;background:linear-gradient(135deg,#fef2f2,#fee2e2);animation:shake .5s ease-in-out}.modern-settings-container .settings-section .file-upload-group .file-upload-display.upload-error:before{background:linear-gradient(135deg,#ef44440d,#ef44441a);opacity:1}.modern-settings-container .settings-section .file-upload-group .file-upload-display.upload-error .upload-text{color:#dc2626}.modern-settings-container .settings-section .file-upload-group .file-upload-display.upload-error:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23dc2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='15' y1='9' x2='9' y2='15'/%3E%3Cline x1='9' y1='9' x2='15' y2='15'/%3E%3C/svg%3E");opacity:1}.modern-settings-container .settings-section .file-upload-group .file-upload-display.upload-progress{border-color:#3b82f6;border-style:solid;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.modern-settings-container .settings-section .file-upload-group .file-upload-display.upload-progress:before{background:linear-gradient(135deg,#3b82f60d,#3b82f61a);opacity:1}.modern-settings-container .settings-section .file-upload-group .file-upload-display.upload-progress .upload-text{color:#2563eb}.modern-settings-container .settings-section .file-upload-group .file-upload-display.upload-progress:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 11-6.219-8.56'/%3E%3C/svg%3E");opacity:1;animation:spin 1s linear infinite}.modern-settings-container .settings-section .file-upload-group .file-upload-display:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00568f05,#00568f0d);opacity:0;transition:opacity .3s ease;z-index:1;border-radius:50%}.modern-settings-container .settings-section .file-upload-group .file-upload-display:after{content:"";width:28px;height:28px;margin-bottom:.5rem;display:block;position:relative;z-index:2;opacity:.7;transition:all .3s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%2300568f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14,2 14,8 20,8'/%3E%3Cline x1='12' y1='18' x2='12' y2='12'/%3E%3Cline x1='9' y1='15' x2='12' y2='12'/%3E%3Cline x1='15' y1='15' x2='12' y2='12'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.modern-settings-container .settings-section .file-upload-group .file-upload-display .upload-text{position:relative;z-index:2;font-size:.8rem;color:#00568f;font-weight:500;text-align:center;line-height:1.3;padding:0 .5rem;transition:color .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.modern-settings-container .settings-section .file-upload-group:hover .file-upload-display{border-color:#00568f;background:linear-gradient(135deg,#fff,#00568f0d);transform:translateY(-3px);box-shadow:0 8px 25px #00568f26}.modern-settings-container .settings-section .file-upload-group:hover .file-upload-display:before{opacity:1}.modern-settings-container .settings-section .file-upload-group:hover .file-upload-display:after{opacity:1;transform:scale(1.1)}.modern-settings-container .settings-section .file-upload-group input[type=file]:focus+.file-upload-display{outline:none;border-color:#00568f;box-shadow:0 0 0 4px #00568f1a,0 8px 25px #00568f26;transform:translateY(-3px)}.modern-settings-container .settings-section .file-upload-group input[type=file]:focus+.file-upload-display:before{opacity:1}.modern-settings-container .settings-section .file-upload-group input[type=file]:focus+.file-upload-display:after{opacity:1;transform:scale(1.1)}.modern-settings-container .settings-section .file-upload-group input[type=file]:active+.file-upload-display{transform:translateY(-1px)}.modern-settings-container .settings-section .file-upload-group input[type=file]:active+.file-upload-display:after{transform:scale(.95)}.modern-settings-container .settings-section .file-upload-group small{color:#4a5568;font-size:.85rem;text-align:center;font-weight:400;letter-spacing:.3px}.modern-settings-container .settings-section .time-range{display:flex;align-items:center;gap:1rem}.modern-settings-container .settings-section .time-range span{color:#666;font-weight:500}.modern-settings-container .settings-section .time-range input[type=time]{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.modern-settings-container .settings-section .password-policy{border:1px solid #e0e0e0;border-radius:8px;padding:1rem;background:#f9f9f9}.modern-settings-container .settings-section .password-policy .form-group{margin-bottom:1rem}.modern-settings-container .settings-section .password-policy .form-group:last-child{margin-bottom:0}.modern-settings-container .settings-section .password-policy .form-group label{font-size:.9rem;margin-bottom:.5rem}.modern-settings-container .settings-section .password-policy .form-group input[type=number]{width:80px;padding:.5rem;border:1px solid #ddd;border-radius:4px}.modern-settings-container .settings-section .danger-button{background:#dc3545;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:.5rem}.modern-settings-container .settings-section .danger-button:hover{background:#c82333;transform:translateY(-1px)}.modern-settings-container .settings-section .danger-button:active{transform:translateY(0)}.modern-settings-container .single-toggle-group{margin-bottom:1.5rem;max-width:100%}@media (max-width: 768px){.modern-settings-container .single-toggle-group{max-width:100%}}.control-group .modern-settings-container .single-toggle-group{max-width:100%}.modern-settings-container .single-toggle-group .toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:1rem 1.5rem;border:2px solid #e8eaed;border-radius:2rem;transition:all .3s ease;background:#fff}.modern-settings-container .single-toggle-group .toggle-label:hover{border-color:#00568f;transform:translateY(-2px);box-shadow:0 4px 12px #00568f1a}.modern-settings-container .single-toggle-group .toggle-label span{font-size:1rem;color:#00568f;font-weight:400}.modern-settings-container .single-toggle-group .toggle-label .toggle-switch{position:relative;width:50px;height:26px;background:#e8eaed;border-radius:13px;transition:all .3s ease;cursor:pointer}.modern-settings-container .single-toggle-group .toggle-label .toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.modern-settings-container .single-toggle-group .toggle-label .toggle-switch.active{background:linear-gradient(135deg,#00568f,#764ba2)}.modern-settings-container .single-toggle-group .toggle-label .toggle-switch.active:after{transform:translate(24px)}.modern-settings-container .single-toggle-group .toggle-label input[type=checkbox]{display:none}.modern-settings-container .single-toggle-group .toggle-label:has(input:checked){border-color:#00568f;background:#00568f0d;transform:translateY(-2px);box-shadow:0 4px 12px #00568f1a}.modern-settings-container .single-toggle-group .toggle-label:has(input:checked) .toggle-switch{background:linear-gradient(135deg,#00568f,#764ba2)}.modern-settings-container .single-toggle-group .toggle-label:has(input:checked) .toggle-switch:after{transform:translate(24px)}.modern-settings-container .template-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:2rem;border-radius:2rem;margin:1rem 0;border:1px solid #e8eaed}.modern-settings-container .template-section .form-group{margin-bottom:2rem}.modern-settings-container .template-section .form-group:last-child{margin-bottom:0}.modern-settings-container .template-section .form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:1.1rem;color:#00568f}.modern-settings-container .template-section .form-group .template-info{margin-bottom:.8rem;padding:.8rem 1rem;background:#00568f0d;border-radius:1rem;border-left:4px solid #00568f}.modern-settings-container .template-section .form-group .template-info small{font-size:.9rem;color:#4a5568;font-weight:400;line-height:1.4}.modern-settings-container .template-section .form-group textarea{width:100%;min-height:120px;padding:1rem 1.5rem;border:2px solid #e8eaed;border-radius:1.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.95rem;line-height:1.5;color:#00568f;background:#fff;transition:all .3s ease;resize:vertical}.modern-settings-container .template-section .form-group textarea:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a;transform:translateY(-1px)}.modern-settings-container .template-section .form-group textarea::placeholder{color:#4a5568;font-style:italic}.modern-settings-container .template-section .form-group textarea[rows="6"]{min-height:200px;font-family:Courier New,monospace;font-size:.9rem}.modern-settings-container .section-description{font-size:.95rem;color:#4a5568;margin-bottom:1.5rem;font-style:italic}.modern-settings-container .whitelabel-businesses{margin-top:2rem;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:2rem;border:1px solid #e8eaed}.modern-settings-container .whitelabel-businesses h5{margin:0 0 1.5rem;color:#00568f;font-size:1.2rem;font-weight:600}.modern-settings-container .whitelabel-businesses .business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 1200px){.modern-settings-container .whitelabel-businesses .business-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.modern-settings-container .whitelabel-businesses .business-grid{grid-template-columns:1fr}}.modern-settings-container .whitelabel-businesses .business-item{background:#fff;border-radius:1.5rem;border:2px solid #e8eaed;transition:all .3s ease;overflow:hidden}.modern-settings-container .whitelabel-businesses .business-item:hover{border-color:#00568f;transform:translateY(-2px);box-shadow:0 4px 12px #00568f1a}.modern-settings-container .whitelabel-businesses .business-item .business-checkbox{display:flex;align-items:flex-start;padding:1.5rem;cursor:pointer;width:100%;gap:1rem}.modern-settings-container .whitelabel-businesses .business-item .business-checkbox input[type=checkbox]{display:none}.modern-settings-container .whitelabel-businesses .business-item .business-checkbox .checkbox-custom{width:20px;height:20px;border:2px solid #e8eaed;border-radius:.5rem;position:relative;transition:all .3s ease;flex-shrink:0;margin-top:.2rem}.modern-settings-container .whitelabel-businesses .business-item .business-checkbox .checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;opacity:0;transition:opacity .3s ease}.modern-settings-container .whitelabel-businesses .business-item .business-checkbox .business-info{display:flex;flex-direction:column;gap:.5rem;flex:1}.modern-settings-container .whitelabel-businesses .business-item .business-checkbox .business-info .business-name{font-weight:600;color:#00568f;font-size:1rem;line-height:1.3}.modern-settings-container .whitelabel-businesses .business-item .business-checkbox .business-info .business-status{font-size:.85rem;font-weight:500;padding:.25rem .75rem;border-radius:1rem;display:inline-block;width:fit-content}.modern-settings-container .whitelabel-businesses .business-item .business-checkbox .business-info .business-status.status-active{background:#dcfce7;color:#16a34a}.modern-settings-container .whitelabel-businesses .business-item .business-checkbox .business-info .business-status.status-pending{background:#fef3c7;color:#d97706}.modern-settings-container .whitelabel-businesses .business-item .business-checkbox .business-info .business-status.status-inactive{background:#fee2e2;color:#dc2626}.modern-settings-container .whitelabel-businesses .business-item .business-checkbox:has(input:checked) .checkbox-custom{background:#00568f;border-color:#00568f}.modern-settings-container .whitelabel-businesses .business-item .business-checkbox:has(input:checked) .checkbox-custom:after{opacity:1}.modern-settings-container .whitelabel-businesses .business-item .business-checkbox:hover .checkbox-custom{border-color:#00568f}.modern-settings-container .whitelabel-businesses .business-item:has(.business-checkbox:has(input:checked)){border-color:#00568f;background:#00568f05}.whitelabel-businesses{margin-top:16px}.whitelabel-businesses .business-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.whitelabel-businesses .business-header h5{margin:0;font-size:16px;font-weight:600;color:#1f2937}.whitelabel-businesses .business-header .view-toggle{display:flex;gap:8px}.whitelabel-businesses .business-header .view-toggle .view-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s ease}.whitelabel-businesses .business-header .view-toggle .view-btn:hover{border-color:#3b82f6;color:#3b82f6}.whitelabel-businesses .business-header .view-toggle .view-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.whitelabel-businesses .business-header .view-toggle .view-btn svg{width:14px;height:14px}.whitelabel-businesses .business-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.whitelabel-businesses .business-grid .business-card{border:1px solid #e5e7eb;border-radius:12px;background:#fff;overflow:hidden;transition:all .2s ease}.whitelabel-businesses .business-grid .business-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.whitelabel-businesses .business-grid .business-card .business-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;border-bottom:1px solid #f3f4f6}.whitelabel-businesses .business-grid .business-card .business-card-header .business-info{flex:1}.whitelabel-businesses .business-grid .business-card .business-card-header .business-info .business-name{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px;display:block}.whitelabel-businesses .business-grid .business-card .business-card-header .business-info .business-status{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.whitelabel-businesses .business-grid .business-card .business-card-header .business-info .business-status.status-active{background:#d1fae5;color:#065f46}.whitelabel-businesses .business-grid .business-card .business-card-header .business-info .business-status.status-inactive{background:#fee2e2;color:#991b1b}.whitelabel-businesses .business-grid .business-card .business-card-header .business-checkbox{display:flex;align-items:center;cursor:pointer}.whitelabel-businesses .business-grid .business-card .business-card-header .business-checkbox input[type=checkbox]{display:none}.whitelabel-businesses .business-grid .business-card .business-card-header .business-checkbox input[type=checkbox]:checked+.checkbox-custom{background-color:#3b82f6;border-color:#3b82f6}.whitelabel-businesses .business-grid .business-card .business-card-header .business-checkbox input[type=checkbox]:checked+.checkbox-custom:after{opacity:1}.whitelabel-businesses .business-grid .business-card .business-card-header .business-checkbox .checkbox-custom{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;position:relative;transition:all .2s ease}.whitelabel-businesses .business-grid .business-card .business-card-header .business-checkbox .checkbox-custom:after{content:"";position:absolute;top:2px;left:6px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease}.whitelabel-businesses .business-grid .business-card .business-card-body{padding:16px}.whitelabel-businesses .business-grid .business-card .business-card-body .business-theme{width:100%;height:40px;border-radius:6px;margin-bottom:12px;position:relative}.whitelabel-businesses .business-grid .business-card .business-card-body .business-theme .theme-preview{position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:#fff3;border-radius:4px;border:1px solid rgba(255,255,255,.3)}.whitelabel-businesses .business-grid .business-card .business-card-body .business-details .business-title{font-size:14px;font-weight:500;color:#1f2937;margin:0 0 4px}.whitelabel-businesses .business-grid .business-card .business-card-body .business-details .business-footer{font-size:12px;color:#6b7280;margin:0}.whitelabel-businesses .business-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.whitelabel-businesses .business-table .table-header{display:grid;grid-template-columns:2fr 1fr 1fr 100px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.whitelabel-businesses .business-table .table-header .table-cell{padding:12px 16px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.whitelabel-businesses .business-table .table-row{display:grid;grid-template-columns:2fr 1fr 1fr 100px;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.whitelabel-businesses .business-table .table-row:hover{background:#f9fafb}.whitelabel-businesses .business-table .table-row:last-child{border-bottom:none}.whitelabel-businesses .business-table .table-row .table-cell{padding:16px;display:flex;align-items:center}.whitelabel-businesses .business-table .table-row .table-cell .business-name-cell{display:flex;flex-direction:column;gap:2px}.whitelabel-businesses .business-table .table-row .table-cell .business-name-cell .business-name{font-size:14px;font-weight:500;color:#1f2937}.whitelabel-businesses .business-table .table-row .table-cell .business-name-cell .business-subtitle{font-size:12px;color:#6b7280}.whitelabel-businesses .business-table .table-row .table-cell .business-status{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.whitelabel-businesses .business-table .table-row .table-cell .business-status.status-active{background:#d1fae5;color:#065f46}.whitelabel-businesses .business-table .table-row .table-cell .business-status.status-inactive{background:#fee2e2;color:#991b1b}.whitelabel-businesses .business-table .table-row .table-cell .color-indicator{width:24px;height:24px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #e5e7eb}.whitelabel-businesses .business-table .table-row .table-cell .business-checkbox{display:flex;align-items:center;cursor:pointer}.whitelabel-businesses .business-table .table-row .table-cell .business-checkbox input[type=checkbox]{display:none}.whitelabel-businesses .business-table .table-row .table-cell .business-checkbox input[type=checkbox]:checked+.checkbox-custom{background-color:#3b82f6;border-color:#3b82f6}.whitelabel-businesses .business-table .table-row .table-cell .business-checkbox input[type=checkbox]:checked+.checkbox-custom:after{opacity:1}.whitelabel-businesses .business-table .table-row .table-cell .business-checkbox .checkbox-custom{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;position:relative;transition:all .2s ease}.whitelabel-businesses .business-table .table-row .table-cell .business-checkbox .checkbox-custom:after{content:"";position:absolute;top:1px;left:5px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease}@media (max-width: 1024px){.whitelabel-businesses .business-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.whitelabel-businesses .business-table .table-header,.whitelabel-businesses .business-table .table-row{grid-template-columns:2fr 1fr 80px 80px}}@media (max-width: 640px){.whitelabel-businesses .business-header{flex-direction:column;gap:12px;align-items:flex-start}.whitelabel-businesses .business-header .view-toggle{width:100%;justify-content:center}.whitelabel-businesses .business-grid,.whitelabel-businesses .business-table .table-header,.whitelabel-businesses .business-table .table-row{grid-template-columns:1fr}.whitelabel-businesses .business-table .table-header .table-cell,.whitelabel-businesses .business-table .table-row .table-cell{border-bottom:1px solid #f3f4f6}.whitelabel-businesses .business-table .table-header .table-cell:last-child,.whitelabel-businesses .business-table .table-row .table-cell:last-child{border-bottom:none}.whitelabel-businesses .business-table .table-header .table-cell{display:none}.whitelabel-businesses .business-table .table-row .table-cell{padding:8px 16px}.whitelabel-businesses .business-table .table-row .table-cell:first-child{padding-top:16px}.whitelabel-businesses .business-table .table-row .table-cell:last-child{padding-bottom:16px}}input[type=color]{width:50px;height:36px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:0;background:#fff}input[type=color]::-webkit-color-swatch-wrapper{padding:4px;border-radius:4px}input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}input[type=color]::-moz-color-swatch{border:none;border-radius:2px}input[type=color]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.file-upload-box{position:relative;display:flex;align-items:center;justify-content:center;border:2px dashed #d1d5db;border-radius:8px;background-color:#f9fafb;cursor:pointer;transition:all .2s ease;min-height:120px}.file-upload-box.circular{width:100px;height:100px;border-radius:50%;min-height:unset}.file-upload-box:hover{border-color:#3b82f6;background-color:#f0f9ff}.file-upload-box[data-status=success]{border-color:#10b981;background-color:#f0fdf4}.file-upload-box[data-status=success] .upload-content svg{color:#10b981}.file-upload-box[data-status=error]{border-color:#ef4444;background-color:#fef2f2}.file-upload-box[data-status=error] .upload-content svg{color:#ef4444}.file-upload-box[data-status=progress]{border-color:#3b82f6;background-color:#f0f9ff}.file-upload-box[data-status=progress] .upload-content svg{color:#3b82f6;animation:spin 1s linear infinite}.file-upload-box .upload-content{display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.file-upload-box .upload-content svg{color:#6b7280;transition:color .2s ease}.file-upload-box .upload-content span{font-size:12px;font-weight:500;color:#6b7280;text-align:center;line-height:1.2}.file-upload-box input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.whitelabel-businesses .business-header-modern{padding:1rem 0 2rem}.whitelabel-businesses .business-header-modern h5{font-size:1.5rem;color:#111827;margin-bottom:1.5rem;font-weight:600}.whitelabel-businesses .business-header-modern .search-filter-bar{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.whitelabel-businesses .business-header-modern .search-filter-bar .search-container{flex:1;min-width:300px;position:relative;display:flex;align-items:center}.whitelabel-businesses .business-header-modern .search-filter-bar .search-container svg{position:absolute;left:1rem;color:#6b7280;z-index:1}.whitelabel-businesses .business-header-modern .search-filter-bar .search-container .search-input{width:100%;padding:.875rem .875rem .875rem 2.75rem;border:2px solid rgba(0,86,143,.1);border-radius:24px;font-size:1rem;background:#fff;transition:all .3s ease}.whitelabel-businesses .business-header-modern .search-filter-bar .search-container .search-input:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a}.whitelabel-businesses .business-header-modern .search-filter-bar .search-container .search-input::placeholder{color:#9ca3af}.whitelabel-businesses .business-header-modern .search-filter-bar .filter-dropdown .filter-select{padding:.875rem 2.5rem .875rem 1.25rem;border:2px solid rgba(0,86,143,.1);border-radius:24px;font-size:1rem;background:#fff;cursor:pointer;transition:all .3s ease;min-width:180px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.25rem}.whitelabel-businesses .business-header-modern .search-filter-bar .filter-dropdown .filter-select:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a}.whitelabel-businesses .business-header-modern .search-filter-bar .view-toggle{display:flex;background:#fff;border-radius:20px;padding:6px;box-shadow:0 2px 8px #00568f14;flex-shrink:0}.whitelabel-businesses .business-header-modern .search-filter-bar .view-toggle .toggle-btn{padding:.875rem 1.125rem;border:none;background:transparent;border-radius:16px;cursor:pointer;transition:all .2s ease;color:#6b7280}.whitelabel-businesses .business-header-modern .search-filter-bar .view-toggle .toggle-btn:hover{background:#00568f0d;color:#00568f}.whitelabel-businesses .business-header-modern .search-filter-bar .view-toggle .toggle-btn.active{background:linear-gradient(135deg,#00568f,#0071b3);color:#fff;box-shadow:0 2px 8px #00568f4d}.whitelabel-businesses .businesses-table-container{margin-top:1rem;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(0,86,143,.08)}.whitelabel-businesses .businesses-table-container .businesses-table{width:100%;border-collapse:collapse}.whitelabel-businesses .businesses-table-container .businesses-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.whitelabel-businesses .businesses-table-container .businesses-table thead th{padding:1rem;text-align:left;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(0,86,143,.08)}.whitelabel-businesses .businesses-table-container .businesses-table thead th:nth-child(2),.whitelabel-businesses .businesses-table-container .businesses-table thead th:nth-child(3),.whitelabel-businesses .businesses-table-container .businesses-table thead th:nth-child(4){text-align:center}.whitelabel-businesses .businesses-table-container .businesses-table tbody tr{border-bottom:1px solid rgba(0,86,143,.05);transition:all .2s ease}.whitelabel-businesses .businesses-table-container .businesses-table tbody tr:hover{background:#00568f05}.whitelabel-businesses .businesses-table-container .businesses-table tbody tr:last-child{border-bottom:none}.whitelabel-businesses .businesses-table-container .businesses-table tbody tr td{padding:1rem;vertical-align:middle}.whitelabel-businesses .businesses-table-container .businesses-table tbody tr td:nth-child(2),.whitelabel-businesses .businesses-table-container .businesses-table tbody tr td:nth-child(3),.whitelabel-businesses .businesses-table-container .businesses-table tbody tr td:nth-child(4){text-align:center}.whitelabel-businesses .businesses-table-container .businesses-table tbody tr td .table-business-info{display:flex;align-items:center;gap:1rem}.whitelabel-businesses .businesses-table-container .businesses-table tbody tr td .table-business-info .business-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00568f,#0071b3);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;flex-shrink:0}.whitelabel-businesses .businesses-table-container .businesses-table tbody tr td .table-business-info .business-name{font-weight:600;color:#111827;margin-bottom:.25rem}.whitelabel-businesses .businesses-table-container .businesses-table tbody tr td .table-business-info .business-title{font-size:.875rem;color:#6b7280}.whitelabel-businesses .businesses-table-container .businesses-table tbody tr td .status-badge-modern{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500}.whitelabel-businesses .businesses-table-container .businesses-table tbody tr td .status-badge-modern.active{background:#10b9811a;color:#059669}.whitelabel-businesses .businesses-table-container .businesses-table tbody tr td .status-badge-modern.inactive{background:#ef44441a;color:#dc2626}.whitelabel-businesses .businesses-table-container .businesses-table tbody tr td .color-indicator-modern{width:32px;height:32px;border-radius:50%;border:2px solid rgba(0,0,0,.1);box-shadow:0 2px 4px #0000001a;display:inline-block}.whitelabel-businesses .businesses-table-container .businesses-table tbody tr td .business-checkbox-modern{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.whitelabel-businesses .businesses-table-container .businesses-table tbody tr td .business-checkbox-modern input[type=checkbox]{display:none}.whitelabel-businesses .businesses-table-container .businesses-table tbody tr td .business-checkbox-modern .checkbox-custom-modern{width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;position:relative;transition:all .2s ease;background:#fff}.whitelabel-businesses .businesses-table-container .businesses-table tbody tr td .business-checkbox-modern .checkbox-custom-modern:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);width:6px;height:10px;border:2px solid white;border-left:none;border-top:none;transform-origin:center;transition:all .2s ease}.whitelabel-businesses .businesses-table-container .businesses-table tbody tr td .business-checkbox-modern input[type=checkbox]:checked+.checkbox-custom-modern{background:#00568f;border-color:#00568f}.whitelabel-businesses .businesses-table-container .businesses-table tbody tr td .business-checkbox-modern input[type=checkbox]:checked+.checkbox-custom-modern:after{transform:translate(-50%,-60%) scale(1) rotate(45deg)}.whitelabel-businesses .businesses-table-container .businesses-table tbody tr td .business-checkbox-modern:hover .checkbox-custom-modern{border-color:#00568f}.whitelabel-businesses .sidebar-nav-modern{background:linear-gradient(145deg,#fff,#f0f4f8)!important;border:1px solid rgba(0,86,143,.1);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.whitelabel-businesses .nav-pill-modern{border-radius:50px;border:1px solid transparent}.whitelabel-businesses .nav-pill-modern:hover{background:linear-gradient(145deg,#fff,#f8fafc);border-color:#00568f1a}.whitelabel-businesses .nav-pill-modern.active{background:linear-gradient(135deg,#00568f,#004578);color:#fff;box-shadow:12px 12px 24px #00568f4d,-6px -6px 16px #ffffffe6}.whitelabel-businesses .section-card-modern{background:#fff;border:1px solid rgba(0,86,143,.1);border-radius:16px;box-shadow:0 1px 3px #0000000f}.whitelabel-businesses .section-card-modern h3{color:var(--text-primary);font-weight:300;border-bottom:1px solid rgba(0,86,143,.12);padding-bottom:1rem;margin-bottom:1.5rem}.whitelabel-businesses .section-card-modern .form-group label{color:var(--text-primary);font-weight:600}.whitelabel-businesses .section-card-modern .form-group input[type=text],.whitelabel-businesses .section-card-modern .form-group input[type=password],.whitelabel-businesses .section-card-modern .form-group input[type=time],.whitelabel-businesses .section-card-modern .form-group input[type=number],.whitelabel-businesses .section-card-modern .form-group input[type=url],.whitelabel-businesses .section-card-modern .form-group input[type=email],.whitelabel-businesses .section-card-modern .form-group select,.whitelabel-businesses .section-card-modern .form-group textarea{border:1px solid rgba(0,86,143,.12);border-radius:14px;background:#fff}.whitelabel-businesses .section-card-modern .form-group input[type=text]:focus,.whitelabel-businesses .section-card-modern .form-group input[type=password]:focus,.whitelabel-businesses .section-card-modern .form-group input[type=time]:focus,.whitelabel-businesses .section-card-modern .form-group input[type=number]:focus,.whitelabel-businesses .section-card-modern .form-group input[type=url]:focus,.whitelabel-businesses .section-card-modern .form-group input[type=email]:focus,.whitelabel-businesses .section-card-modern .form-group select:focus,.whitelabel-businesses .section-card-modern .form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #00568f1a}.whitelabel-businesses .section-card-modern .subsection,.whitelabel-businesses .section-card-modern .single-toggle-group,.whitelabel-businesses .section-card-modern .toggle-group .toggle-row .toggle-label{border-color:#00568f1f;background:#fff}.whitelabel-businesses .section-card-modern .subsection:hover,.whitelabel-businesses .section-card-modern .single-toggle-group:hover,.whitelabel-businesses .section-card-modern .toggle-group .toggle-row .toggle-label:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #00568f14}.whitelabel-businesses .section-card-modern .subsection .toggle-switch,.whitelabel-businesses .section-card-modern .single-toggle-group .toggle-switch,.whitelabel-businesses .section-card-modern .toggle-group .toggle-row .toggle-label .toggle-switch{background:#e8eaed}.whitelabel-businesses .section-card-modern .subsection .toggle-switch.active,.whitelabel-businesses .section-card-modern .single-toggle-group .toggle-switch.active,.whitelabel-businesses .section-card-modern .toggle-group .toggle-row .toggle-label .toggle-switch.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot--online{background:radial-gradient(circle,#39ff14,#32e60d);box-shadow:0 0 8px #39ff14,0 0 12px #39ff14}.status-dot--busy{background:radial-gradient(circle,#ff073a,#e6002e);box-shadow:0 0 8px #ff073a,0 0 12px #ff073a}.status-dot--away{background:radial-gradient(circle,gold,#ffc700);box-shadow:0 0 8px gold,0 0 12px gold}.status-dot--offline{background:#2a2a2a;opacity:.5}.status-dot--large{width:12px;height:12px}.status-dot--large.status-dot--online{background:radial-gradient(circle,#39ff14,#32e60d);box-shadow:0 0 10px #39ff14,0 0 20px #39ff14,inset 0 0 3px #ffffff80}.status-dot--large.status-dot--busy{background:radial-gradient(circle,#ff073a,#e6002e);box-shadow:0 0 10px #ff073a,0 0 20px #ff073a,inset 0 0 3px #ffffff80}.status-dot--large.status-dot--away{background:radial-gradient(circle,gold,#ffc700);box-shadow:0 0 10px gold,0 0 20px gold,inset 0 0 3px #ffffff80}.status-dot--large.status-dot--offline{background:#2a2a2a;opacity:.5;box-shadow:none}.status-dot--overlay{position:absolute;bottom:2px;right:2px}.team-tabs{margin-bottom:2rem}.team-tabs .tabs-list{background:#ffffff80;padding:.5rem;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 2px 2px 5px #a3b1c61a,inset -2px -2px 5px #ffffffe6}.tab-panel.tab-panel--active{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.map-container{min-height:1100px;position:relative}@media (max-width: 768px){.map-container{min-height:700px}}.map-container .map-wrapper{height:1000px}@media (max-width: 768px){.map-container .map-wrapper{height:600px}}.map-container .team-google-map{width:100%;height:100%;border-radius:20px;overflow:hidden;box-shadow:8px 8px 20px #a3b1c633,-6px -6px 16px #fffc}.map-container .team-location-list{display:grid;gap:.75rem;max-height:200px;overflow-y:auto;padding:1rem;background:#ffffff80;border-radius:12px}.map-container .team-location-list .location-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:8px;box-shadow:inset 2px 2px 5px #a3b1c61a,inset -2px -2px 5px #fff}.map-container .team-location-list .location-item .location-details{display:flex;flex-direction:column;gap:.25rem}.map-container .team-location-list .location-item .location-details strong{color:#00568f;font-size:.9rem}.map-container .team-location-list .location-item .location-details span{color:#6b7280;font-size:.8rem}.map-container .map-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:3rem;background:linear-gradient(145deg,#fff,#f0f4f8);border-radius:20px;box-shadow:8px 8px 20px #a3b1c633,-6px -6px 16px #fffc;max-width:600px;width:90%}.map-container .map-placeholder .placeholder-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,86,143,.15))}.map-container .map-placeholder h3{font-size:1.5rem;color:#00568f;margin:0 0 .5rem;font-weight:600}.map-container .map-placeholder p{color:#6b7280;font-size:.9rem;margin:0 0 2rem}.map-container .map-placeholder .map-stats{display:flex;justify-content:center;gap:2rem;margin:2rem 0}@media (max-width: 640px){.map-container .map-placeholder .map-stats{gap:1rem}}.map-container .map-placeholder .map-stats .map-stat{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:#fff;border-radius:12px;box-shadow:inset 2px 2px 5px #a3b1c61a,inset -2px -2px 5px #fff}@media (max-width: 640px){.map-container .map-placeholder .map-stats .map-stat{padding:.75rem 1rem}}.map-container .map-placeholder .map-stats .map-stat .stat-value{font-size:1.5rem;font-weight:700;color:#00568f;margin-bottom:.25rem}@media (max-width: 640px){.map-container .map-placeholder .map-stats .map-stat .stat-value{font-size:1.25rem}}.map-container .map-placeholder .map-stats .map-stat .stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.filter-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.filter-section .filters-container{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;flex:1}.filter-section .filters-container .filter-item{display:flex;align-items:center;gap:.75rem}.filter-section .filters-container .filter-item .filter-label{font-weight:500;color:#4b5563}.filter-section .filters-container .filter-item .team-map-controls{position:relative!important;top:auto!important;left:auto!important;margin-right:2rem;display:inline-flex}.filter-section .filters-container .filter-item .filter-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;flex:1}.filter-section .filters-container .filter-item .filter-controls .alert-filter{min-width:140px}.filter-section .filters-container .filter-item .filter-controls .alert-filter select{padding:.5rem 1rem;border-radius:50px;border:1px solid #e5e7eb;background:#fff;font-size:.875rem;color:#374151;transition:all .2s ease}.filter-section .filters-container .filter-item .filter-controls .alert-filter select:hover{border-color:#00568f}.filter-section .filters-container .filter-item .filter-controls .alert-filter select:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a}.filter-section .filters-container .filter-item .filter-controls .alert-count{padding:.5rem 1rem;background:linear-gradient(145deg,#00568f,#004570);color:#fff;border-radius:50px;font-size:.85rem;font-weight:500;box-shadow:2px 2px 4px #00000014,-2px -2px 4px #ffffff1a}@media (max-width: 768px){.filter-section .filters-container .filter-item .filter-controls{flex-direction:column;width:100%}.filter-section .filters-container .filter-item .filter-controls .alert-filter,.filter-section .filters-container .filter-item .filter-controls .alert-filter select{width:100%}.filter-section .filters-container .filter-item .filter-controls .alert-count{width:100%;text-align:center}}.filter-section .view-toggle{display:flex;gap:.25rem;background:#ffffff80;border-radius:50px;padding:.25rem}.filter-section .view-toggle .view-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;min-height:36px}.filter-section .view-toggle .view-toggle-btn svg{width:16px;height:16px}.team-management-table{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:inset -2px -2px 5px #ffffffb3,inset 2px 2px 5px #00568f0d;border:1px solid rgba(0,86,143,.06);margin-top:2rem}.team-management-table.table-container{margin:2rem 0;width:100%}.team-management-table .user-info{display:flex;align-items:center;gap:.75rem}.team-management-table .user-info .user-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;border:2px solid #f0f4f8;box-shadow:0 2px 4px #00568f1a}.team-management-table .user-info .user-details{display:flex;flex-direction:column;gap:.125rem}.team-management-table .user-info .user-details .user-name{font-weight:600;color:#1a1a1a;font-size:.9rem}.team-management-table .user-info .user-details .user-email{color:#6b7280;font-size:.8rem}.team-management-table .status-badge{display:inline-block;padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:500;text-transform:capitalize}.team-management-table .status-badge.status-online{background:#10b981;color:#fff}.team-management-table .status-badge.status-busy{background:#ef4444;color:#fff}.team-management-table .status-badge.status-away{background:#f59e0b;color:#fff}.team-management-table .status-badge.status-offline{background:#6b7280;color:#fff}.team-management-table .table-actions{display:flex;gap:.5rem}.team-management-table .table-actions button{padding:.375rem .75rem;font-size:.75rem;min-height:32px}.team-grid-2x3{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1.5rem;width:100%;margin-top:2rem;margin-bottom:2rem}@media (max-width: 1024px){.team-grid-2x3{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}}@media (max-width: 640px){.team-grid-2x3{grid-template-columns:1fr;grid-template-rows:auto}}.team-overview-container .dashboard-main{padding:20px;max-width:1200px;margin:0 auto}.team-overview-container .page-header{margin-bottom:30px}.team-overview-container .page-header .page-title{color:#333;font-size:2.5rem;margin-bottom:10px}.team-overview-container .page-header .page-subtitle{color:#666;font-size:1.2rem;margin-bottom:20px}.team-overview-container .page-header .team-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.team-overview-container .page-header .team-stats .stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;text-align:center;box-shadow:0 4px 6px #0000001a}.team-overview-container .page-header .team-stats .stat-card .stat-number{display:block;font-size:2.5rem;font-weight:700;margin-bottom:5px}.team-overview-container .page-header .team-stats .stat-card .stat-label{font-size:1rem;opacity:.9}.team-overview-container .team-filters{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.team-overview-container .team-filters .filter-group{display:flex;flex-direction:column;gap:5px}.team-overview-container .team-filters .filter-group label{font-weight:500;color:#333}.team-overview-container .team-filters .filter-group select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}.team-overview-container .team-filters .filter-group select:focus{outline:none;border-color:#667eea}.team-overview-container .team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.team-overview-container .team-member-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.team-overview-container .team-member-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.team-overview-container .team-member-card .member-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.team-overview-container .team-member-card .member-header .member-info .member-name{color:#333;font-size:1.3rem;margin-bottom:5px}.team-overview-container .team-member-card .member-header .member-info .member-role{color:#666;font-size:.9rem;margin:0}.team-overview-container .team-member-card .member-header .member-status{display:flex;align-items:center;gap:8px}.team-overview-container .team-member-card .member-header .member-status .status-indicator{font-size:1.2rem}.team-overview-container .team-member-card .member-header .member-status .status-text{color:#666;font-size:.9rem;text-transform:capitalize;font-weight:500}.team-overview-container .team-member-card .member-stats{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:15px}.team-overview-container .team-member-card .member-stats .stat-row{display:flex;justify-content:space-between;margin-bottom:8px}.team-overview-container .team-member-card .member-stats .stat-row:last-child{margin-bottom:0}.team-overview-container .team-member-card .member-stats .stat-row .stat-label{color:#666;font-size:.9rem}.team-overview-container .team-member-card .member-stats .stat-row .stat-value{color:#333;font-weight:500}.team-overview-container .team-member-card .member-details{margin-bottom:15px}.team-overview-container .team-member-card .member-details .detail-row{display:flex;justify-content:space-between;margin-bottom:8px}.team-overview-container .team-member-card .member-details .detail-row:last-child{margin-bottom:0}.team-overview-container .team-member-card .member-details .detail-row .detail-label{color:#666;font-size:.9rem}.team-overview-container .team-member-card .member-details .detail-row .detail-value{color:#333;font-size:.9rem;text-align:right;max-width:200px;word-wrap:break-word}.team-overview-container .team-member-card .member-actions{display:flex;gap:10px;flex-wrap:wrap}.team-overview-container .team-member-card .member-actions button{flex:1;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;min-width:100px}.team-overview-container .team-member-card .member-actions button:disabled{opacity:.5;cursor:not-allowed}.team-overview-container .team-member-card .member-actions button.btn-assign{background:#e8f5e8;color:#2e7d32}.team-overview-container .team-member-card .member-actions button.btn-assign:hover:not(:disabled){background:#c8e6c9}.team-overview-container .team-member-card .member-actions button.btn-contact{background:#e3f2fd;color:#1976d2}.team-overview-container .team-member-card .member-actions button.btn-contact:hover{background:#bbdefb}.team-overview-container .team-member-card .member-actions button.btn-location{background:#fff3e0;color:#f57c00}.team-overview-container .team-member-card .member-actions button.btn-location:hover{background:#ffe0b2}@media (max-width: 768px){.team-overview-container .team-grid{grid-template-columns:1fr}.team-overview-container .team-filters{flex-direction:column;gap:15px}.team-overview-container .member-actions{flex-direction:column}.team-overview-container .member-actions button{flex:none}}.securex-dashboard{width:100%;margin:0;padding:0;display:flex;flex-direction:column;box-sizing:border-box;background:#f0f4f8;position:relative}.securex-dashboard .dashboard-main{display:flex;flex-direction:column;flex:1;padding:0;margin:0;background:#f0f4f8;box-sizing:border-box;overflow-y:visible;overflow-x:hidden}.securex-dashboard .dashboard-main .dashboard-content{display:flex;flex-direction:column;gap:2rem;margin:2rem;margin-top:100px}.securex-dashboard .dashboard-main .dashboard-content .profile-actions{display:flex;gap:1rem;align-items:center;justify-content:flex-start;flex-wrap:wrap}.securex-dashboard .dashboard-main .dashboard-content .profile-actions button{flex:0 0 auto}.securex-dashboard .dashboard-main .dashboard-content .welcome-section{border-radius:30px;background:#f0f4f8;box-shadow:20px 20px 40px #d1d9e6,-20px -20px 40px #fff;padding:2.5rem;text-align:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.securex-dashboard .dashboard-main .dashboard-content .welcome-section h1{font-size:3rem;font-weight:300;color:#00568f;margin:0 0 1.25rem;letter-spacing:-.025em}.securex-dashboard .dashboard-main .dashboard-content .welcome-section p{font-size:1.2rem;font-weight:400;color:#4a5568;margin:0}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section{border-radius:30px;background:#f0f4f8;box-shadow:20px 20px 40px #d1d9e6,-20px -20px 40px #fff;padding:2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section:hover{transform:translateY(-2px);box-shadow:20px 20px 40px #d1d9e6,-20px -20px 40px #fff}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section.overview-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section.overview-section .section-header h2{font-size:1.2rem;font-weight:400;color:#00568f;margin:0}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section.overview-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section.overview-section .stats-grid .stat-card{border-radius:20px;background:#f0f4f8;box-shadow:20px 20px 40px #d1d9e6,-20px -20px 40px #fff;padding:1.25rem;background:#ffffffe6;border:1px solid rgba(255,255,255,.3);transition:all .3s ease;text-align:center;position:relative}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section.overview-section .stats-grid .stat-card:hover{transform:translateY(-2px);box-shadow:20px 20px 40px #d1d9e6,-20px -20px 40px #fff}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section.overview-section .stats-grid .stat-card .stat-value{font-size:2rem;font-weight:400;color:#00568f;margin-bottom:.5rem}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section.overview-section .stats-grid .stat-card .stat-label{font-size:1.2rem;font-weight:400;color:var(--text-secondary)}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section.actions-section h2{font-size:1.2rem;font-weight:400;color:#00568f;margin:0 0 1.25rem}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section.actions-section .action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section.actions-section .action-cards .action-card{border-radius:20px;background:#f0f4f8;box-shadow:20px 20px 40px #d1d9e6,-20px -20px 40px #fff;padding:1.25rem;background:#ffffffe6;border:1px solid rgba(255,255,255,.3);transition:all .3s ease;cursor:pointer}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section.actions-section .action-cards .action-card:hover{transform:translateY(-2px);box-shadow:20px 20px 40px #d1d9e6,-20px -20px 40px #fff}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section.actions-section .action-cards .card-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section.actions-section .action-cards .card-content h3{font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section.actions-section .action-cards .card-content p{font-size:var(--font-size-body);font-weight:var(--font-weight-normal);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;flex-grow:1}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section.actions-section .action-cards .card-content .action-button{width:100%;padding:1.5rem;border:none;border-radius:50px;background:#00568f;color:#fff;font-size:1.1rem;font-weight:400;cursor:pointer;transition:all .3s ease}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section.actions-section .action-cards .card-content .action-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00568f4d;background:#004578}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section.actions-section .action-cards .card-content .action-button:active{transform:translateY(0)}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section.actions-section .action-cards .card-content .action-button:disabled{background:#a0aec0;cursor:not-allowed;box-shadow:none;transform:none}.modern-admin-container{background:linear-gradient(135deg,#f0f4f8,#e9f2ff)}.section-card-modern{background:#fff;border:1px solid rgba(0,86,143,.1);border-radius:16px;box-shadow:0 1px 3px #0000000f}.admin-header-modern{display:flex;flex-direction:column;gap:.25rem;padding:0 .5rem;margin:.5rem 0 0 .5rem}.admin-header-modern h1{font-size:3rem;color:var(--primary-color);font-weight:200;letter-spacing:.005em;margin:0}.admin-header-modern .subtitle{color:var(--text-secondary);font-size:1rem;margin:0;font-weight:400}.admin-header-modern{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.admin-header-modern .header-content h1{font-size:2.5rem;color:#00568f;font-weight:300;margin:0;letter-spacing:-.025em}.admin-header-modern .header-content .subtitle{color:#6b7280;font-size:1rem;margin:.25rem 0 0;font-weight:400}.admin-header-modern .header-actions{display:flex;gap:.75rem;align-items:center}.filters-section .filters-content{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.filters-section .filters-content .search-section{flex:1;min-width:300px}.filters-section .filters-content .filter-chips{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.search-input-enhanced{position:relative;display:flex;align-items:center}.search-input-enhanced svg{position:absolute;left:1rem;color:#9ca3af;z-index:2}.search-input-enhanced input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid rgba(0,86,143,.1);border-radius:12px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem;transition:all .3s ease}.search-input-enhanced input:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a;background:#fffffff2}.search-input-enhanced input::placeholder{color:#9ca3af}.kpi-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:2rem}.kpi-card-enhanced{display:flex;align-items:center;gap:1rem;padding:1.5rem!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-radius:20px!important;border:1px solid rgba(0,86,143,.05)!important;transition:all .3s ease}.kpi-card-enhanced:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00568f1a!important}.kpi-card-enhanced .kpi-icon{font-size:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#00568f0d,#00568f1a)}.kpi-card-enhanced .kpi-content{flex:1}.kpi-card-enhanced .kpi-content .kpi-value{font-size:2rem;font-weight:700;color:#1f2937;line-height:1;margin-bottom:.25rem}.kpi-card-enhanced .kpi-content .kpi-label{font-size:.85rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.kpi-card-enhanced .kpi-content .kpi-change{font-size:.75rem;font-weight:500}.kpi-card-enhanced .kpi-content .kpi-change.positive{color:#059669}.kpi-card-enhanced .kpi-content .kpi-change.negative{color:#dc2626}.kpi-card-enhanced .kpi-content .kpi-change.neutral{color:#6b7280}.kpi-card-enhanced .kpi-chart{display:flex;gap:2px;align-items:end;height:40px}.kpi-card-enhanced .kpi-chart .mini-bar{width:4px;background:#00568f33;border-radius:2px;height:20px;transition:all .3s ease}.kpi-card-enhanced .kpi-chart .mini-bar.highlight{background:#00568f;height:35px}.kpi-card-enhanced.primary .kpi-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.kpi-card-enhanced.success .kpi-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.kpi-card-enhanced.info .kpi-icon{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.kpi-card-enhanced.warning .kpi-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.agencies-table .agency-name-cell{display:flex;align-items:center;gap:.75rem}.agencies-table .agency-name-cell .agency-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#00568f,#2196f3);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.agencies-table .agency-name-cell .agency-title{font-weight:600;color:#1f2937;margin-bottom:.125rem}.agencies-table .agency-name-cell .agency-subtitle{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.agencies-table .metric-value{font-weight:600;color:#374151}.agencies-table .uptime-cell .uptime-indicator{padding:.25rem .75rem;border-radius:8px;font-weight:600;font-size:.875rem}.agencies-table .uptime-cell .uptime-indicator.excellent{background:#10b9811a;color:#059669}.agencies-table .uptime-cell .uptime-indicator.good{background:#f59e0b1a;color:#d97706}.agencies-table .uptime-cell .uptime-indicator.warning{background:#ef44441a;color:#dc2626}.agencies-table .status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.agencies-table .status-badge.status-active{background:#10b9811a;color:#059669}.agencies-table .status-badge.status-warning{background:#f59e0b1a;color:#d97706}.agencies-table .status-badge.status-at-risk{background:#ef44441a;color:#dc2626}.agencies-table .last-active{color:#6b7280;font-size:.875rem}.users-table .user-name-cell{display:flex;align-items:center;gap:.75rem}.users-table .user-name-cell .user-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.users-table .user-name-cell .user-title{font-weight:600;color:#1f2937;margin-bottom:.125rem}.users-table .user-name-cell .user-subtitle{font-size:.75rem;color:#6b7280}.users-table .role-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.users-table .role-badge.role-super-admin{background:#ef44441a;color:#dc2626}.users-table .role-badge.role-admin{background:#f59e0b1a;color:#d97706}.users-table .role-badge.role-manager{background:#3b82f61a;color:#2563eb}.users-table .role-badge.role-employee{background:#10b9811a;color:#059669}.users-table .agency-name{color:#374151;font-weight:500}.users-table .alerts-cell .alerts-count{padding:.25rem .5rem;border-radius:8px;font-weight:600;font-size:.875rem}.users-table .alerts-cell .alerts-count.high{background:#ef44441a;color:#dc2626}.users-table .alerts-cell .alerts-count.medium{background:#f59e0b1a;color:#d97706}.users-table .alerts-cell .alerts-count.low{background:#10b9811a;color:#059669}.users-table .last-login{color:#6b7280;font-size:.875rem}.reports-table .report-name-cell{display:flex;align-items:center;gap:.75rem}.reports-table .report-name-cell .report-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.reports-table .report-name-cell .report-title{font-weight:600;color:#1f2937;margin-bottom:.125rem}.reports-table .report-name-cell .report-subtitle{font-size:.75rem;color:#6b7280}.reports-table .status-badge.status-completed{background:#10b9811a;color:#059669}.reports-table .status-badge.status-processing{background:#3b82f61a;color:#2563eb}.reports-table .status-badge.status-scheduled{background:#f59e0b1a;color:#d97706}.reports-table .status-badge.status-failed{background:#ef44441a;color:#dc2626}.reports-table .generated-time,.reports-table .file-size,.reports-table .download-count{color:#6b7280;font-size:.875rem}.reports-table .download-count{font-weight:600;color:#374151}.compliance-table .compliance-name-cell{display:flex;align-items:center;gap:.75rem}.compliance-table .compliance-name-cell .compliance-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.compliance-table .compliance-name-cell .compliance-title{font-weight:600;color:#1f2937;margin-bottom:.125rem}.compliance-table .compliance-name-cell .compliance-subtitle{font-size:.75rem;color:#6b7280}.compliance-table .score-cell .score-indicator{padding:.25rem .75rem;border-radius:8px;font-weight:600;font-size:.875rem}.compliance-table .score-cell .score-indicator.excellent{background:#10b9811a;color:#059669}.compliance-table .score-cell .score-indicator.good{background:#f59e0b1a;color:#d97706}.compliance-table .score-cell .score-indicator.needs-improvement{background:#ef44441a;color:#dc2626}.compliance-table .status-badge.status-compliant{background:#10b9811a;color:#059669}.compliance-table .status-badge.status-in-review{background:#3b82f61a;color:#2563eb}.compliance-table .status-badge.status-action-required{background:#ef44441a;color:#dc2626}.compliance-table .status-badge.status-non-compliant{background:#dc262626;color:#991b1b}.compliance-table .risk-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.compliance-table .risk-badge.risk-low{background:#10b9811a;color:#059669}.compliance-table .risk-badge.risk-medium{background:#f59e0b1a;color:#d97706}.compliance-table .risk-badge.risk-high{background:#ef44441a;color:#dc2626}.compliance-table .last-review{color:#6b7280;font-size:.875rem}.activity-card .activity-list{display:flex;flex-direction:column;gap:1rem}.activity-card .activity-item{display:flex;align-items:flex-start;gap:.75rem}.activity-card .activity-item .activity-dot{width:8px;height:8px;border-radius:50%;margin-top:.5rem;flex-shrink:0}.activity-card .activity-item .activity-dot.success{background:#10b981}.activity-card .activity-item .activity-dot.warning{background:#f59e0b}.activity-card .activity-item .activity-dot.info{background:#3b82f6}.activity-card .activity-item .activity-dot.danger{background:#ef4444}.activity-card .activity-item .activity-content{flex:1}.activity-card .activity-item .activity-content .activity-title{font-weight:500;color:#1f2937;margin-bottom:.125rem}.activity-card .activity-item .activity-content .activity-time{font-size:.75rem;color:#6b7280}.action-buttons-vertical{display:flex;flex-direction:column;gap:.75rem}.action-buttons-vertical .action-btn{justify-content:flex-start;width:100%}.insights-card .insights-content{display:flex;flex-direction:column;gap:1rem}.insights-card .insight-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:12px;background:#00568f05;border:1px solid rgba(0,86,143,.05)}.insights-card .insight-item .insight-icon{width:2.5rem;height:2.5rem;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.insights-card .insight-item .insight-icon.success{background:#10b9811a}.insights-card .insight-item .insight-icon.warning{background:#f59e0b1a}.insights-card .insight-item .insight-icon.info{background:#3b82f61a}.insights-card .insight-item .insight-text{flex:1}.insights-card .insight-item .insight-text .insight-title{font-weight:600;color:#1f2937;margin-bottom:.125rem}.insights-card .insight-item .insight-text .insight-desc{font-size:.75rem;color:#6b7280}.role-distribution-card .role-stats{display:flex;flex-direction:column;gap:1rem}.role-distribution-card .role-stat-item{display:flex;align-items:center;gap:.75rem}.role-distribution-card .role-stat-item .role-circle{width:12px;height:12px;border-radius:50%}.role-distribution-card .role-stat-item .role-circle.super-admin{background:#dc2626}.role-distribution-card .role-stat-item .role-circle.admin{background:#d97706}.role-distribution-card .role-stat-item .role-circle.manager{background:#2563eb}.role-distribution-card .role-stat-item .role-circle.employee{background:#059669}.role-distribution-card .role-stat-item .role-info{flex:1;display:flex;justify-content:space-between;align-items:center}.role-distribution-card .role-stat-item .role-info .role-count{font-weight:600;color:#1f2937}.role-distribution-card .role-stat-item .role-info .role-name{font-size:.875rem;color:#6b7280}.security-insights-card .security-metrics{display:flex;flex-direction:column;gap:1rem}.security-insights-card .security-metric{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:8px;background:#00568f05}.security-insights-card .security-metric .metric-label{font-size:.875rem;color:#6b7280}.security-insights-card .security-metric .metric-value{font-weight:600}.security-insights-card .security-metric .metric-value.success{color:#059669}.security-insights-card .security-metric .metric-value.warning{color:#d97706}.security-insights-card .security-metric .metric-value.danger{color:#dc2626}.schedule-banner{background:#fff;border-radius:20px;padding:1.5rem 2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000000d;border:1px solid rgba(0,86,143,.08)}.schedule-banner .schedule-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.schedule-banner .schedule-header .search-icon{color:#9ca3af}.schedule-banner .schedule-header .search-icon svg{width:20px;height:20px}.schedule-banner .schedule-header h2{font-size:1.25rem;font-weight:600;color:#374151;margin:0}.schedule-banner .schedule-header .schedule-date{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem;font-weight:500}.schedule-banner .schedule-header .schedule-date svg{width:16px;height:16px}.schedule-banner .schedule-timeline{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.schedule-banner .schedule-timeline .schedule-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0;transition:all .2s ease}.schedule-banner .schedule-timeline .schedule-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00568f14}.schedule-banner .schedule-timeline .schedule-item .schedule-avatars{display:flex;align-items:center}.schedule-banner .schedule-timeline .schedule-item .schedule-avatars .schedule-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;border:2px solid white;margin-left:-8px}.schedule-banner .schedule-timeline .schedule-item .schedule-avatars .schedule-avatar:first-child{margin-left:0}.schedule-banner .schedule-timeline .schedule-item .schedule-avatars .schedule-avatar img{width:100%;height:100%;object-fit:cover}.schedule-banner .schedule-timeline .schedule-item .schedule-avatars .avatar-count{background:#e5e7eb;color:#6b7280;font-size:.75rem;font-weight:600;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:.25rem}.schedule-banner .schedule-timeline .schedule-item .schedule-info{display:flex;flex-direction:column;align-items:center;gap:.25rem}.schedule-banner .schedule-timeline .schedule-item .schedule-info .schedule-duration{font-size:.75rem;color:#6b7280}.schedule-banner .schedule-timeline .schedule-item .schedule-info .schedule-indicator{width:4px;height:20px;background:#3b82f6;border-radius:2px}.schedule-banner .schedule-timeline .settings-icon{margin-left:auto;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.schedule-banner .schedule-timeline .settings-icon:hover{color:#6b7280;background:#f3f4f6}.schedule-banner .schedule-timeline .settings-icon svg{width:20px;height:20px}@media (max-width: 768px){.schedule-banner{padding:1rem}.schedule-banner .schedule-header{gap:1rem;margin-bottom:1rem}.schedule-banner .schedule-timeline{gap:1rem;justify-content:center}.schedule-banner .schedule-timeline .schedule-item{padding:.5rem .75rem;gap:.75rem}.schedule-banner .schedule-timeline .settings-icon{margin-left:0;margin-top:.5rem}}.frameworks-card .frameworks-list{display:flex;flex-direction:column;gap:1rem}.frameworks-card .framework-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:12px;background:#00568f05;border:1px solid rgba(0,86,143,.05)}.frameworks-card .framework-item .framework-icon{font-size:1.25rem}.frameworks-card .framework-item .framework-info{flex:1}.frameworks-card .framework-item .framework-info .framework-name{font-weight:600;color:#1f2937;margin-bottom:.25rem;font-size:.875rem}.frameworks-card .framework-item .framework-info .framework-status{font-size:.75rem;padding:.125rem .5rem;border-radius:8px;font-weight:500}.frameworks-card .framework-item .framework-info .framework-status.compliant{background:#10b9811a;color:#059669}.frameworks-card .framework-item .framework-info .framework-status.review{background:#3b82f61a;color:#2563eb}.frameworks-card .framework-item .framework-info .framework-status.action{background:#ef44441a;color:#dc2626}.frameworks-card .framework-item .framework-score{font-weight:700;color:#1f2937;font-size:1rem}.audits-card .audits-timeline{display:flex;flex-direction:column;gap:1rem}.audits-card .audit-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:12px;background:#00568f05;border:1px solid rgba(0,86,143,.05)}.audits-card .audit-item .audit-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.audits-card .audit-item .audit-date .date-day{font-weight:700;font-size:1rem;line-height:1}.audits-card .audit-item .audit-date .date-month{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em}.audits-card .audit-item .audit-details{flex:1}.audits-card .audit-item .audit-details .audit-title{font-weight:600;color:#1f2937;margin-bottom:.125rem;font-size:.875rem}.audits-card .audit-item .audit-details .audit-agency{font-size:.75rem;color:#6b7280}.risk-assessment-card .risk-summary{display:flex;flex-direction:column;gap:1rem}.risk-assessment-card .risk-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;background:#00568f05}.risk-assessment-card .risk-item .risk-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.risk-assessment-card .risk-item .risk-info{flex:1;display:flex;justify-content:space-between;align-items:center}.risk-assessment-card .risk-item .risk-info .risk-label{font-weight:500;color:#1f2937;font-size:.875rem}.risk-assessment-card .risk-item .risk-info .risk-count{font-weight:600;color:#6b7280;font-size:.875rem}.risk-assessment-card .risk-item.low .risk-indicator{background:#10b981}.risk-assessment-card .risk-item.medium .risk-indicator{background:#f59e0b}.risk-assessment-card .risk-item.high .risk-indicator{background:#ef4444}.templates-card .template-list{display:flex;flex-direction:column;gap:1rem}.templates-card .template-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:12px;background:#00568f05;border:1px solid rgba(0,86,143,.05);transition:all .3s ease}.templates-card .template-item:hover{background:#00568f0a;transform:translateY(-1px)}.templates-card .template-item .template-icon{font-size:1.25rem}.templates-card .template-item .template-info{flex:1}.templates-card .template-item .template-info .template-name{font-weight:600;color:#1f2937;margin-bottom:.125rem;font-size:.875rem}.templates-card .template-item .template-info .template-desc{font-size:.75rem;color:#6b7280}.report-analytics-card .analytics-content{display:flex;flex-direction:column;gap:1rem}.report-analytics-card .analytics-item{display:flex;justify-content:space-between;align-items:center}.report-analytics-card .analytics-item .analytics-label{font-size:.875rem;color:#6b7280}.report-analytics-card .analytics-item .analytics-value{font-weight:600;color:#1f2937;font-size:.875rem}.export-queue-card .queue-items{display:flex;flex-direction:column;gap:1rem}.export-queue-card .queue-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;background:#00568f05}.export-queue-card .queue-item .queue-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.export-queue-card .queue-item .queue-info{flex:1}.export-queue-card .queue-item .queue-info .queue-name{font-weight:500;color:#1f2937;margin-bottom:.125rem;font-size:.875rem}.export-queue-card .queue-item .queue-info .queue-progress{font-size:.75rem;color:#6b7280}.export-queue-card .queue-item.processing .queue-status{background:#3b82f6;animation:pulse 2s infinite}.export-queue-card .queue-item.pending .queue-status{background:#f59e0b}.export-queue-card .queue-item.completed .queue-status{background:#10b981}.content-grid-modern{display:grid;grid-template-columns:1fr 320px;gap:1.5rem}@media (max-width: 1200px){.content-grid-modern{grid-template-columns:1fr}}.main-content-card{min-height:600px}.sidebar-cards{display:flex;flex-direction:column;gap:1rem}.card-header-enhanced{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,86,143,.08)}.card-header-enhanced .header-left h3,.card-header-enhanced .header-left h4{margin:0;color:#1f2937;font-weight:600;font-size:1.125rem}.card-header-enhanced .header-left p{margin:.25rem 0 0;color:#6b7280;font-size:.875rem}.card-header-enhanced .header-actions{display:flex;gap:.5rem}.kpi-card,.data-panel-modern,.ai-assistant-panel,.section-card-modern{background:#ffffffe6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(0,86,143,.08);box-shadow:12px 12px 24px #a3b1c626,-6px -6px 16px #fffc}.section-card-modern{padding:1.25rem 1.5rem;border-radius:22px}.kpi-card,.ai-assistant-panel,.data-panel-modern{border-radius:22px}.modern-admin-container{background:radial-gradient(1200px 600px at 10% -10%,rgba(0,86,143,.06),transparent 40%),radial-gradient(900px 600px at 90% -10%,rgba(0,212,255,.08),transparent 50%),linear-gradient(135deg,#f3f7fb,#eef5ff)}.dashboard-content{gap:1.25rem}.admin-header-modern{margin-bottom:.25rem}.chip-filter{box-shadow:0 2px 6px #0000000f;padding:.5rem 1rem;border:none;border-radius:20px;background:#fffc;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.chip-filter:hover{background:#fffffff2;color:#374151;transform:translateY(-1px)}.chip-filter.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #00568f4d}.select-modern{padding:.5rem 1rem;border:1px solid rgba(0,86,143,.1);border-radius:12px;background:#ffffffe6;font-size:.875rem;color:#374151;cursor:pointer;transition:all .3s ease}.select-modern:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #00568f1a}.page-container-modern{width:100%;max-width:100vw;margin:0 auto;padding:0 1rem}.page-container-modern .kpi-grid-modern,.page-container-modern .control-room-grid{margin-left:0;margin-right:0}@media (max-width: 1200px){.securex-dashboard .dashboard-main{padding:var(--spacing-lg)}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section.actions-section .action-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.securex-dashboard .dashboard-main{padding:var(--spacing-md)}.securex-dashboard .dashboard-main .dashboard-content .dashboard-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.securex-dashboard .dashboard-main .dashboard-content .dashboard-section.actions-section .action-cards{grid-template-columns:1fr}}.customer-contacts .contacts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.customer-contacts .contacts-header .header-info h3{margin:0 0 .5rem;color:#00568f;font-size:1.25rem;font-weight:600}.customer-contacts .contacts-header .header-info .contact-limits{font-size:.875rem;color:#6b7280}.customer-contacts .contacts-header .header-info .contact-limits .tier-info{color:#f59e0b;font-weight:500;margin-left:.5rem}.customer-contacts .contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.customer-contacts .contacts-grid .contact-card--primary{border-color:#00568f;border-width:2px}.customer-contacts .contacts-grid .contact-card--primary .primary-badge{background:linear-gradient(135deg,#00568f,#2196f3);color:#fff;font-size:.7rem;padding:.25rem .5rem;border-radius:8px;font-weight:600;margin-left:.5rem}.customer-contacts .contacts-grid .contact-card .contact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.customer-contacts .contacts-grid .contact-card .contact-header .contact-name{display:flex;align-items:center;font-weight:600;color:#111827}.customer-contacts .contacts-grid .contact-card .contact-header .contact-actions{display:flex;gap:.25rem}.customer-contacts .contacts-grid .contact-card .contact-details{display:flex;flex-direction:column;gap:.5rem}.customer-contacts .contacts-grid .contact-card .contact-details .contact-info{display:flex;gap:.5rem}.customer-contacts .contacts-grid .contact-card .contact-details .contact-info .label{font-weight:500;color:#6b7280;min-width:80px}.customer-contacts .contacts-grid .contact-card .contact-details .contact-info .value{color:#111827;flex:1;word-break:break-word}.customer-contacts .contacts-grid .no-contacts{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#6b7280;text-align:center}.customer-contacts .contacts-grid .no-contacts-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.customer-contacts .contacts-grid .no-contacts p{margin:0 0 1.5rem;font-size:.875rem}.customer-contacts .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.customer-contacts .contact-modal{background:#fff;border-radius:16px;border:1px solid rgba(0,86,143,.08);max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 12px 32px #00000026}.customer-contacts .contact-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(0,86,143,.08)}.customer-contacts .contact-modal .modal-header h3{margin:0;color:#00568f;font-size:1.125rem;font-weight:600}.customer-contacts .contact-modal .modal-content{padding:1.5rem}.customer-contacts .contact-modal .modal-content .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media (max-width: 480px){.customer-contacts .contact-modal .modal-content .form-grid{grid-template-columns:1fr}}.customer-contacts .contact-modal .modal-content .form-group{display:flex;flex-direction:column;gap:.5rem}.customer-contacts .contact-modal .modal-content .form-group:nth-child(3){grid-column:1/-1}.customer-contacts .contact-modal .modal-content .form-group:nth-child(4){grid-column:1/-1}.customer-contacts .contact-modal .modal-content .form-group label{font-size:.875rem;color:#00568f;font-weight:500}.customer-contacts .contact-modal .modal-content .form-group input,.customer-contacts .contact-modal .modal-content .form-group select{padding:.75rem;border:1px solid rgba(0,86,143,.12);border-radius:8px;font-size:.875rem;transition:all .2s ease}.customer-contacts .contact-modal .modal-content .form-group input:focus,.customer-contacts .contact-modal .modal-content .form-group select:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a}.customer-contacts .contact-modal .modal-content .form-group .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.75rem;border:1px solid rgba(0,86,143,.08);border-radius:8px;transition:all .2s ease}.customer-contacts .contact-modal .modal-content .form-group .checkbox-label:hover{background:#00568f05}.customer-contacts .contact-modal .modal-content .form-group .checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#00568f}.customer-contacts .contact-modal .modal-content .form-group .checkbox-label .primary-note{font-size:.75rem;color:#f59e0b;font-style:italic;margin-left:auto}.customer-contacts .contact-modal .modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid rgba(0,86,143,.08)}.customer-contacts .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.customer-contacts .loading-container .spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #00568f;border-radius:50%;animation:spin 1s linear infinite}.customer-contacts .loading-container p{margin-top:1rem;color:#6b7280;font-size:.95rem}.customer-contacts .alert{display:flex;align-items:center;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.customer-contacts .alert.alert-error{background-color:#fee;border:1px solid #fcc;color:#c00}.customer-contacts .alert .alert-icon{margin-right:.5rem;font-size:1.2rem}.customer-contacts .alert .alert-message{flex:1}.customer-contacts .alert .alert-close{background:none;border:none;font-size:1.5rem;color:inherit;opacity:.5;cursor:pointer;padding:0;margin-left:1rem}.customer-contacts .alert .alert-close:hover{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:50px;font-weight:500;text-transform:none;letter-spacing:.25px;transition:all .3s ease;cursor:pointer;text-decoration:none;position:relative;overflow:hidden}.btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f633}.btn:disabled,.btn--disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn--small{padding:.75rem 1.25rem;font-size:.813rem;min-height:36px}.btn--medium{padding:.875rem 1.5rem;font-size:.875rem;min-height:42px}.btn--large{padding:1rem 2rem;font-size:1rem;min-height:48px}.btn--full-width{width:100%}.btn--primary{background:linear-gradient(145deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 15px #3b82f659,inset 0 1px 2px #fff3}.btn--primary:hover:not(:disabled){background:linear-gradient(145deg,#2563eb,#1d4ed8);transform:translateY(-1px) scale(1.02);box-shadow:0 6px 20px #3b82f673,inset 0 1px 2px #fff3}.btn--primary:active{transform:translateY(0) scale(.98);box-shadow:0 2px 10px #3b82f659,inset 0 1px 2px #0000001a}.btn--secondary{background:linear-gradient(145deg,#fff,#f3f4f6);color:#64748b;box-shadow:3px 3px 6px #00000014,-3px -3px 6px #fff}.btn--secondary:hover:not(:disabled){background:linear-gradient(145deg,#f8fafc,#e2e8f0);transform:scale(1.02);box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #fff}.btn--secondary:active{background:linear-gradient(145deg,#e2e8f0,#cbd5e1);box-shadow:inset 2px 2px 5px #0000001a,inset -2px -2px 5px #ffffffe6;transform:scale(.98)}.btn--danger{background:linear-gradient(145deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef444459,inset 0 1px 2px #fff3}.btn--danger:hover:not(:disabled){background:linear-gradient(145deg,#dc2626,#b91c1c);transform:translateY(-1px) scale(1.02);box-shadow:0 6px 20px #ef444473,inset 0 1px 2px #fff3}.btn--danger:active{transform:translateY(0) scale(.98);box-shadow:0 2px 10px #ef444459,inset 0 1px 2px #0000001a}.btn--success{background:linear-gradient(145deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b98159,inset 0 1px 2px #fff3}.btn--success:hover:not(:disabled){background:linear-gradient(145deg,#059669,#047857);transform:translateY(-1px) scale(1.02);box-shadow:0 6px 20px #10b98173,inset 0 1px 2px #fff3}.btn--success:active{transform:translateY(0) scale(.98);box-shadow:0 2px 10px #10b98159,inset 0 1px 2px #0000001a}.btn--warning{background:linear-gradient(145deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 15px #f59e0b59,inset 0 1px 2px #fff3}.btn--warning:hover:not(:disabled){background:linear-gradient(145deg,#d97706,#b45309);transform:translateY(-1px) scale(1.02);box-shadow:0 6px 20px #f59e0b73,inset 0 1px 2px #fff3}.btn--warning:active{transform:translateY(0) scale(.98);box-shadow:0 2px 10px #f59e0b59,inset 0 1px 2px #0000001a}.btn--ghost{background:transparent;color:#64748b;border:none;box-shadow:none}.btn--ghost:hover:not(:disabled){background:#64748b14;transform:scale(1.02)}.btn--ghost:active{transform:scale(.98)}.btn--outline{background:transparent;color:#3b82f6;border:1.5px solid #3b82f6;box-shadow:none}.btn--outline:hover:not(:disabled){background:linear-gradient(145deg,#3b82f6,#2563eb);color:#fff;transform:scale(1.02);box-shadow:0 4px 15px #3b82f659,inset 0 1px 2px #fff3}.btn--outline:active{transform:scale(.98)}.btn--auth{border-radius:12px!important;text-transform:uppercase;letter-spacing:.5px;padding:1.25rem 2rem}.btn--auth.btn--primary{background:linear-gradient(135deg,#00568f,#2196f3);box-shadow:0 4px 12px #00568f40}.btn--auth.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00568f59}.btn--auth.btn--secondary{background:#fff;color:#00568f;border:1px solid rgba(0,86,143,.2)}.btn--auth.btn--secondary:hover:not(:disabled){background:#f8fafc;border-color:#00568f;transform:translateY(-1px)}.btn--loading{pointer-events:none}.btn--loading .btn__content{opacity:.7}.btn__icon{display:flex;align-items:center}.btn__icon--left{margin-right:.25rem}.btn__icon--right{margin-left:.25rem}.btn__spinner{position:absolute;left:50%;transform:translate(-50%)}.btn__spinner svg{animation:spin 1s linear infinite}.btn__content{display:flex;align-items:center;gap:.25rem}.card{position:relative;background:#fff;border-radius:8px;overflow:hidden;transition:all .3s ease}.card--default{border:1px solid #e5e7eb}.card--elevated{box-shadow:0 4px 12px #00000014}.card--outlined{border:2px solid #e5e7eb}.card--filled{background:#f9fafb;border:none}.card--glass{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.card--small{font-size:.875rem}.card--medium{font-size:1rem}.card--large{font-size:1.125rem}.card--padding-none .card__body{padding:0}.card--padding-small .card__body{padding:.75rem}.card--padding-medium .card__body{padding:1.25rem}.card--padding-large .card__body{padding:2rem}.card--hoverable:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.card--clickable{cursor:pointer}.card--clickable:hover{background:#f9fafb}.card--clickable:active{transform:scale(.98)}.card--selected{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.card--disabled{opacity:.6;pointer-events:none}.card--loading .card__content-wrapper{opacity:.3}.card--image-left,.card--image-right{display:flex}.card--image-left .card__image,.card--image-right .card__image{flex-shrink:0;width:40%;max-width:300px}.card--image-left .card__content-wrapper,.card--image-right .card__content-wrapper{flex:1}.card--image-background .card__background-image{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;opacity:.1;z-index:0}.card--image-background .card__content-wrapper{position:relative;z-index:1}.card__loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#fffc;z-index:10}.card__spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.card__image{overflow:hidden;background:#f3f4f6}.card__image img{width:100%;height:100%;object-fit:cover}.card__image--top,.card__image--bottom{width:100%;height:200px}.card__image--left,.card__image--right{height:100%}.card__content-wrapper{display:flex;flex-direction:column;height:100%}.card__header{padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.card__body{flex:1;padding:1.25rem}.card__footer{padding:1rem 1.25rem;border-top:1px solid #e5e7eb;background:#f9fafb}.card-header{display:flex;align-items:center;gap:.75rem}.card-header__avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#e5e7eb}.card-header__avatar img{width:100%;height:100%;object-fit:cover}.card-header__content{flex:1;min-width:0}.card-header__title{margin:0;font-size:1rem;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-header__subtitle{margin:.25rem 0 0;font-size:.875rem;color:#6b7280}.card-header__actions{display:flex;gap:.5rem;flex-shrink:0}.card-body--padding-none{padding:0}.card-body--padding-small{padding:.75rem}.card-body--padding-medium{padding:1.25rem}.card-body--padding-large{padding:2rem}.card-footer{display:flex;gap:.75rem}.card-footer--left{justify-content:flex-start}.card-footer--center{justify-content:center}.card-footer--right{justify-content:flex-end}.card-footer--space-between{justify-content:space-between}.card-footer--separator{border-top:1px solid #e5e7eb}.card-group{display:grid}.card-group--grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card-group--list{grid-template-columns:1fr}.card-group--masonry{columns:3 300px;column-gap:1rem}.card-group--masonry .card{break-inside:avoid;margin-bottom:1rem}.card-group--gap-small{gap:.75rem}.card-group--gap-medium{gap:1.25rem}.card-group--gap-large{gap:2rem}.table-container{background:#fff;border:1px solid rgba(0,86,143,.08);border-radius:20px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.table-container:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00568f1a}.table-container--striped .table__row:nth-child(2n){background:#00568f05}.table-container--bordered .table__cell{border-right:1px solid rgba(0,86,143,.05)}.table-container--bordered .table__cell:last-child{border-right:none}.table-container--compact .table__cell{padding:.75rem 1rem}.table-container--loading{pointer-events:none;opacity:.6}.table{width:100%;border-collapse:collapse;table-layout:auto}.table__header .table__cell--header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#00568f;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:10}.table__cell{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(0,86,143,.05);color:#1f2937;font-weight:400;font-size:.95rem;vertical-align:middle}.table__cell--left{text-align:left}.table__cell--center{text-align:center}.table__cell--right{text-align:right}.table__cell--checkbox{width:40px;padding:1rem}.table__cell--checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#00568f}.table__header-content{display:flex;align-items:center;gap:.5rem}.table__sort-icon{opacity:.5;font-size:.75rem}.table__row{transition:all .2s ease}.table__row:hover{background:linear-gradient(135deg,#00568f05,#00568f0d)}.table__row--clickable{cursor:pointer}.table__row--clickable:hover{transform:scale(1.001)}.table__row--selected{background:linear-gradient(135deg,#00568f0d,#00568f14);border-left:4px solid #00568f}.table__row:last-child .table__cell{border-bottom:none}.table__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.table__loading p{margin-top:1rem;font-size:.875rem}.table__spinner{color:#00568f}.table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.table__empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.table__empty p{font-size:.875rem;margin:0}.table__pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid rgba(0,86,143,.08);background:#f8fafc}.table__pagination .pagination-info{font-size:.875rem;color:#6b7280}.table__pagination .pagination-controls{display:flex;align-items:center;gap:1rem}.table__pagination .pagination-controls .pagination-btn{background:#fff;border:1px solid rgba(0,86,143,.12);border-radius:8px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.table__pagination .pagination-controls .pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#00568f}.table__pagination .pagination-controls .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.table__pagination .pagination-controls .pagination-current{font-size:.875rem;color:#00568f;font-weight:500}.schedule-section .schedule-timeline{display:flex;align-items:center;gap:1rem}.schedule-section .schedule-timeline .schedule-label{font-size:.875rem;color:#64748b;font-weight:500}.schedule-section .schedule-timeline .action-buttons{display:flex;gap:.75rem;margin-left:auto;align-items:center}.schedule-section .schedule-timeline .action-buttons .btn-primary,.schedule-section .schedule-timeline .action-buttons .btn-secondary{display:inline-flex!important;align-items:center!important;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.schedule-section .schedule-timeline .action-buttons .btn-primary svg,.schedule-section .schedule-timeline .action-buttons .btn-secondary svg{flex-shrink:0;width:16px;height:16px}.schedule-section .schedule-timeline .action-buttons .btn-primary span,.schedule-section .schedule-timeline .action-buttons .btn-secondary span{line-height:1}.schedule-section .schedule-timeline .action-buttons .btn-primary:hover,.schedule-section .schedule-timeline .action-buttons .btn-secondary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.schedule-section .schedule-timeline .action-buttons .btn-primary{background:linear-gradient(135deg,#00568f,#0073bf);color:#fff}.schedule-section .schedule-timeline .action-buttons .btn-primary:hover{background:linear-gradient(135deg,#004570,#005a96)}.schedule-section .schedule-timeline .action-buttons .btn-secondary{background:#00568f14;color:#00568f}.schedule-section .schedule-timeline .action-buttons .btn-secondary:hover{background:#00568f1f}.modal .modal__body .export-modal-content{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;padding:0!important;margin:0!important}.modal .modal__body .export-modal-content .export-modal-description{width:100%!important;text-align:center!important}.modal .modal__body .export-modal-content .export-options-row{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:0!important;padding:1rem 0!important}.ai-section.news-section{align-self:start}.ai-section.news-section .tabs{margin-bottom:1.5rem}.ai-section.news-section .tabs .tabs__header{background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,86,143,.08);border-radius:12px;padding:.5rem;margin-bottom:1rem;display:flex;gap:.5rem}.ai-section.news-section .tabs .tabs__tab{padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s ease}.ai-section.news-section .tabs .tabs__tab:hover:not(.tabs__tab--disabled){background:#00568f0d;border-radius:8px}.ai-section.news-section .tabs .tabs__tab--active{color:#00568f;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.ai-section.news-section .tabs .tabs__badge{background:#00568f;color:#fff;font-size:.75rem;padding:.125rem .375rem;border-radius:10px;margin-left:.5rem}.ai-section.news-section .tabs .tabs__content{padding:0}.ai-section.news-section h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:1rem;margin-top:.5rem}.ai-section.news-section .user-management-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.ai-section.news-section .search-filters-container{display:flex;gap:.75rem;align-items:center;margin-bottom:1.25rem;padding:1rem;background:#ffffff80;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,86,143,.08);flex-wrap:wrap}.ai-section.news-section .search-filters-container .search-input{flex:1;padding:.625rem 1rem .625rem 2.5rem;border:1px solid rgba(0,86,143,.12);border-radius:8px;font-size:.875rem;background:#fff;position:relative;transition:all .2s ease}.ai-section.news-section .search-filters-container .search-input:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a}.ai-section.news-section .search-filters-container .search-icon-wrapper{position:relative;flex:1}.ai-section.news-section .search-filters-container .search-icon-wrapper .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none;width:18px;height:18px}.ai-section.news-section .search-filters-container .search-icon-wrapper input{width:100%}.ai-section.news-section .search-filters-container .filter-select{padding:.625rem 2rem .625rem 1rem;border:1px solid rgba(0,86,143,.12);border-radius:8px;font-size:.875rem;background:#fff;color:#374151;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%236b7280" height="12" width="12" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"/></svg>');background-repeat:no-repeat;background-position:right .75rem center}.ai-section.news-section .search-filters-container .filter-select:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a}.ai-section.news-section .search-filters-container .filter-select:hover{border-color:#00568f}.ai-section.news-section .search-filters-container .view-toggle{display:flex;gap:.25rem;margin-left:auto;background:#ffffff80;border-radius:50px;padding:.25rem}.ai-section.news-section .search-filters-container .view-toggle .view-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;min-height:36px}.ai-section.news-section .search-filters-container .view-toggle .view-toggle-btn svg{width:16px;height:16px}.ai-section.news-section .users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;padding:1.5rem 0}@media (min-width: 1200px){.ai-section.news-section .users-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.ai-section.news-section .users-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.ai-section.news-section .users-grid{grid-template-columns:1fr}}.ai-section.news-section .users-grid .grid-loading,.ai-section.news-section .users-grid .grid-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280}.ai-section.news-section .users-grid .grid-loading .spinner,.ai-section.news-section .users-grid .grid-empty .spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#00568f;border-radius:50%;animation:spin 1s linear infinite}.ai-section.news-section .user-management-table{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:inset -2px -2px 5px #ffffffb3,inset 2px 2px 5px #00568f0d;border:1px solid rgba(0,86,143,.06)}.ai-section.news-section .user-management-table.table-container{margin:0;width:inherit}.ai-section.news-section .user-management-table .user-info{display:flex;align-items:center;gap:.75rem}.ai-section.news-section .user-management-table .user-info .user-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;border:2px solid #f0f4f8;box-shadow:0 2px 4px #00568f1a}.ai-section.news-section .user-management-table .user-info .user-details{display:flex;flex-direction:column;gap:.125rem}.ai-section.news-section .user-management-table .user-info .user-details .user-name{font-weight:600;color:#1a1a1a;font-size:.9rem}.ai-section.news-section .user-management-table .user-info .user-details .user-email{color:#6b7280;font-size:.8rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{margin:0;color:#00568f;font-size:1.5rem;font-weight:600}.filters-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;align-items:center}.filters-row input,.filters-row select{padding:.75rem;border:1px solid rgba(0,86,143,.12);border-radius:8px;font-size:.875rem;transition:all .2s ease}.filters-row input:focus,.filters-row select:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a}.user-info .user-name{font-weight:600;color:#111827;margin-bottom:.25rem}.user-info .user-email{font-size:.875rem;color:#6b7280}.type-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.type-badge.type-customer{background:#3b82f61a;color:#2563eb}.type-badge.type-employee{background:#10b9811a;color:#059669}.type-badge.type-admin{background:#8b5cf61a;color:#7c3aed}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-badge.status-active{background:#10b9811a;color:#059669}.status-badge.status-suspended{background:#f59e0b1a;color:#d97706}.status-badge.status-terminated{background:#ef44441a;color:#dc2626}.dept-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .875rem;border-radius:10px;font-size:.8rem;font-weight:600}.dept-badge.dept-fire{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:1px solid #fca5a5}.dept-badge.dept-road{background:linear-gradient(135deg,#fef3c7,#fed7aa);color:#d97706;border:1px solid #fdba74}.dept-badge.dept-medical{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a;border:1px solid #86efac}.dept-badge.dept-security{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb;border:1px solid #93c5fd}.user-actions{display:flex;gap:.5rem;flex-wrap:wrap}.user-actions .btn-primary,.user-actions .btn-secondary,.user-actions .btn-warning,.user-actions .btn-success,.user-actions .btn-danger{padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.user-actions .btn-primary:hover,.user-actions .btn-secondary:hover,.user-actions .btn-warning:hover,.user-actions .btn-success:hover,.user-actions .btn-danger:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.user-actions .btn-primary:active,.user-actions .btn-secondary:active,.user-actions .btn-warning:active,.user-actions .btn-success:active,.user-actions .btn-danger:active{transform:translateY(0)}.user-actions .btn-primary{background:#00568f;color:#fff}.user-actions .btn-primary:hover{background:#004570}.user-actions .btn-secondary{background:#00568f1a;color:#00568f}.user-actions .btn-secondary:hover{background:#00568f26}.user-actions .btn-warning{background:#f59e0b1a;color:#d97706}.user-actions .btn-warning:hover{background:#f59e0b26}.user-actions .btn-success{background:#10b9811a;color:#059669}.user-actions .btn-success:hover{background:#10b98126}.user-actions .btn-danger{background:#ef44441a;color:#dc2626}.user-actions .btn-danger:hover{background:#ef444426}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom: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-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-modal,.contacts-modal{background:#fff;border-radius:16px;border:1px solid rgba(0,86,143,.08);max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);color:#111827}.user-modal .modal-header,.contacts-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(0,86,143,.08);background:linear-gradient(180deg,rgba(0,86,143,.02) 0%,transparent 100%);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-modal .modal-header h3,.contacts-modal .modal-header h3{margin:0;color:#111827;font-size:1.25rem;font-weight:600}.user-modal .form-grid,.contacts-modal .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;padding:2rem}@media (max-width: 480px){.user-modal .form-grid,.contacts-modal .form-grid{grid-template-columns:1fr;padding:1.5rem}}.user-modal .form-group,.contacts-modal .form-group{display:flex;flex-direction:column;gap:.5rem}.user-modal .form-group label,.contacts-modal .form-group label{font-size:.875rem;color:#374151;font-weight:500;margin-bottom:.25rem}.user-modal .form-group input,.user-modal .form-group select,.user-modal .form-group textarea,.contacts-modal .form-group input,.contacts-modal .form-group select,.contacts-modal .form-group textarea{padding:.75rem 1rem;border:1px solid rgba(0,86,143,.12);border-radius:8px;font-size:.875rem;background:#fff;color:#111827;transition:all .2s ease}.user-modal .form-group input::placeholder,.user-modal .form-group select::placeholder,.user-modal .form-group textarea::placeholder,.contacts-modal .form-group input::placeholder,.contacts-modal .form-group select::placeholder,.contacts-modal .form-group textarea::placeholder{color:#9ca3af}.user-modal .form-group input:hover,.user-modal .form-group select:hover,.user-modal .form-group textarea:hover,.contacts-modal .form-group input:hover,.contacts-modal .form-group select:hover,.contacts-modal .form-group textarea:hover{border-color:#00568f33}.user-modal .form-group input:focus,.user-modal .form-group select:focus,.user-modal .form-group textarea:focus,.contacts-modal .form-group input:focus,.contacts-modal .form-group select:focus,.contacts-modal .form-group textarea:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a;background:#00568f03}.user-modal .form-group select,.contacts-modal .form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%236b7280" height="12" width="12" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"/></svg>');background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.user-modal .modal-footer,.contacts-modal .modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid rgba(0,86,143,.08);background:#f9fafb80;position:sticky;bottom:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-modal .modal-footer .btn-primary,.user-modal .modal-footer .btn-secondary,.contacts-modal .modal-footer .btn-primary,.contacts-modal .modal-footer .btn-secondary{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.user-modal .modal-footer .btn-primary:hover,.user-modal .modal-footer .btn-secondary:hover,.contacts-modal .modal-footer .btn-primary:hover,.contacts-modal .modal-footer .btn-secondary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.user-modal .modal-footer .btn-primary,.contacts-modal .modal-footer .btn-primary{background:linear-gradient(135deg,#00568f,#0073bf);color:#fff}.user-modal .modal-footer .btn-primary:hover,.contacts-modal .modal-footer .btn-primary:hover{background:linear-gradient(135deg,#004570,#005a96)}.user-modal .modal-footer .btn-secondary,.contacts-modal .modal-footer .btn-secondary{background:#00568f14;color:#374151}.user-modal .modal-footer .btn-secondary:hover,.contacts-modal .modal-footer .btn-secondary:hover{background:#00568f1f;color:#111827}.user-modal .btn-ghost,.contacts-modal .btn-ghost{background:transparent;border:none;color:#374151;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.user-modal .btn-ghost:hover,.contacts-modal .btn-ghost:hover{background:#0000000d;color:#111827;transform:rotate(90deg)}.contacts-modal{max-width:800px}.contacts-modal>div:not(.modal-header):not(.modal-footer){padding:2rem}.user-modal>*:not(.modal-header):not(.modal-footer):not(.form-grid),.contacts-modal>*:not(.modal-header):not(.modal-footer){padding:2rem}.dashboard-content-grid{padding-top:0;margin-top:1rem;align-items:start}.dashboard-content-grid .dashboard-section{margin-top:0}.dashboard-content-grid .dashboard-section.ai-section.news-section{grid-column:1/-1;grid-row:1;margin-top:0;padding-top:0}.dashboard-content-grid .dashboard-section.ai-section.news-section:first-child{margin-top:0;padding-top:0}.dashboard-content-grid .dashboard-section.ai-section.news-section h3{margin-top:0;padding-top:1.25rem;margin-bottom:1rem;color:#00568f;font-size:1.25rem;font-weight:600}.modal-overlay{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a,0 0 0 1px #0000000d;animation:slideUp .3s ease;overflow:hidden}.modal-header{padding:1.75rem 2rem;border-bottom:1px solid #e9ecef;background:linear-gradient(180deg,#f8fafb,#fff)}.modal-header h2,.modal-header h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0}.modal-header .modal-close,.modal-header .btn-close,.modal-header button[aria-label=Close]{position:absolute;top:1.25rem;right:1.25rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border:none;border-radius:12px;font-size:1.25rem;line-height:1;color:#6b7280;cursor:pointer;transition:all .2s ease}.modal-header .modal-close:hover,.modal-header .btn-close:hover,.modal-header button[aria-label=Close]:hover{background:#e9ecef;color:#111827;transform:scale(1.05)}.modal-header .modal-close svg,.modal-header .btn-close svg,.modal-header button[aria-label=Close] svg{width:20px;height:20px}.modal-body{padding:2rem;max-height:calc(90vh - 200px);overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f8f9fa;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#adb5bd}.form-section{margin-bottom:2rem}.form-section:last-child{margin-bottom:0}.form-section-title{font-size:.875rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #e9ecef;position:relative}.form-section-title:after{content:"";position:absolute;bottom:-1px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#00D4FF,transparent);border-radius:2px}.form-row{display:grid;gap:1rem;margin-bottom:1rem}.form-row:last-child{margin-bottom:0}.form-row[data-columns="2"],.form-row.form-row-2{grid-template-columns:1fr 1fr}@media (max-width: 768px){.form-row[data-columns="2"],.form-row.form-row-2{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.875rem;font-weight:600;color:#4a5568;letter-spacing:.025em}.form-field label.required:after,.form-field label:has(+input[required]):after{content:"*";color:#ef4444;margin-left:.25rem}.form-field input,.form-field select,.form-field textarea,.form-field .input-wrapper,.form-field .select-wrapper{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:12px;font-size:.875rem;background:#f8f9fa;transition:all .2s ease;outline:none}.form-field input:hover,.form-field select:hover,.form-field textarea:hover,.form-field .input-wrapper:hover,.form-field .select-wrapper:hover{border-color:#dee2e6;background:#fff}.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.form-field .input-wrapper:focus,.form-field .select-wrapper:focus{border-color:#00d4ff;background:#fff;box-shadow:0 0 0 4px #00d4ff1a}.form-field input::placeholder,.form-field select::placeholder,.form-field textarea::placeholder,.form-field .input-wrapper::placeholder,.form-field .select-wrapper::placeholder{color:#adb5bd}.form-field input:disabled,.form-field select:disabled,.form-field textarea:disabled,.form-field .input-wrapper:disabled,.form-field .select-wrapper:disabled{background:#e9ecef;cursor:not-allowed;opacity:.6}.form-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236c757d' d='M6 9L2 5h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.form-field textarea{resize:vertical;min-height:80px}.form-field .status-toggle-container{display:flex;align-items:center;gap:1rem}.form-field .status-toggle-container .status-toggle{position:relative;display:inline-block;width:60px;height:32px}.form-field .status-toggle-container .status-toggle input{opacity:0;width:0;height:0}.form-field .status-toggle-container .status-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#10b981,#34d399)}.form-field .status-toggle-container .status-toggle input:checked+.toggle-slider:before{transform:translate(28px)}.form-field .status-toggle-container .status-toggle input:checked+.toggle-slider .toggle-label{color:#fff}.form-field .status-toggle-container .status-toggle .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ef4444,#f87171);border-radius:34px;transition:all .3s ease;display:flex;align-items:center;padding:0 8px}.form-field .status-toggle-container .status-toggle .toggle-slider:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.form-field .status-toggle-container .status-toggle .toggle-slider .toggle-label{display:none}.form-field .status-toggle-container .status-text{font-size:.875rem;font-weight:600}.form-field .status-toggle-container .status-text.active{color:#10b981}.form-field .status-toggle-container .status-text.suspended{color:#f59e0b}.form-field .access-level-pills{display:flex;gap:.5rem}.form-field .access-level-pills .access-pill{flex:1;padding:.625rem .75rem;border:2px solid #e9ecef;border-radius:12px;background:#f8f9fa;color:#6c757d;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.form-field .access-level-pills .access-pill:hover{background:#fff;border-color:#dee2e6;transform:translateY(-1px)}.form-field .access-level-pills .access-pill.active{background:linear-gradient(135deg,#00568f,#0073bf);color:#fff;border-color:#00568f;box-shadow:0 4px 12px #00568f33}.form-field .corporate-email-field{display:flex;align-items:stretch;border:2px solid #e9ecef;border-radius:12px;overflow:hidden;transition:all .2s ease;background:#f8f9fa;width:100%}.form-field .corporate-email-field:focus-within{border-color:#00d4ff;box-shadow:0 0 0 4px #00d4ff1a;background:#fff}.form-field .corporate-email-field input,.form-field .corporate-email-field .corporate-email-input{border:none;background:transparent;padding:.75rem 1rem;flex:1;font-size:.875rem;font-family:inherit;color:#212529;width:100%;min-width:0}.form-field .corporate-email-field input:focus,.form-field .corporate-email-field .corporate-email-input:focus{outline:none;box-shadow:none}.form-field .corporate-email-field input::placeholder,.form-field .corporate-email-field .corporate-email-input::placeholder{color:#adb5bd}.form-field .corporate-email-field .domain-suffix{display:flex;align-items:center;padding:0 1rem;background:linear-gradient(135deg,#f0f4f8,#e9ecef);color:#64748b;font-weight:600;font-size:.875rem;letter-spacing:.025em;border-left:1px solid #dee2e6;white-space:nowrap;flex-shrink:0}.form-field .phone-input-container{display:flex;gap:.5rem}.form-field .phone-input-container .country-code-picker{position:relative}.form-field .phone-input-container .country-code-picker .country-code-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:.875rem;white-space:nowrap}.form-field .phone-input-container .country-code-picker .country-code-button:hover{background:#fff;border-color:#dee2e6}.form-field .phone-input-container .country-code-picker .country-code-button:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 4px #00d4ff1a}.form-field .phone-input-container .country-code-picker .country-code-button .country-flag{font-size:1.25rem}.form-field .phone-input-container .country-code-picker .country-code-button .country-code{font-weight:600;color:#495057}.form-field .phone-input-container .country-code-picker .country-code-button .dropdown-arrow{font-size:.625rem;color:#6c757d;transition:transform .2s ease}.form-field .phone-input-container .country-code-picker .country-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;width:280px;max-height:320px;overflow:hidden;display:flex;flex-direction:column}.form-field .phone-input-container .country-code-picker .country-dropdown .country-search{padding:.75rem 1rem;border:none;border-bottom:1px solid #e9ecef;font-size:.875rem;background:#f8f9fa}.form-field .phone-input-container .country-code-picker .country-dropdown .country-search:focus{outline:none;background:#fff}.form-field .phone-input-container .country-code-picker .country-dropdown .country-search::placeholder{color:#adb5bd}.form-field .phone-input-container .country-code-picker .country-dropdown .country-list{flex:1;overflow-y:auto;padding:.5rem}.form-field .phone-input-container .country-code-picker .country-dropdown .country-list::-webkit-scrollbar{width:6px}.form-field .phone-input-container .country-code-picker .country-dropdown .country-list::-webkit-scrollbar-track{background:#f8f9fa}.form-field .phone-input-container .country-code-picker .country-dropdown .country-list::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}.form-field .phone-input-container .country-code-picker .country-dropdown .country-list::-webkit-scrollbar-thumb:hover{background:#adb5bd}.form-field .phone-input-container .country-code-picker .country-dropdown .country-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .15s ease;font-size:.875rem;text-align:left}.form-field .phone-input-container .country-code-picker .country-dropdown .country-option:hover{background:#f8f9fa}.form-field .phone-input-container .country-code-picker .country-dropdown .country-option:active{background:#e9ecef}.form-field .phone-input-container .country-code-picker .country-dropdown .country-option .country-flag{font-size:1.25rem}.form-field .phone-input-container .country-code-picker .country-dropdown .country-option .country-name{flex:1;color:#212529;font-weight:500}.form-field .phone-input-container .country-code-picker .country-dropdown .country-option .country-code{color:#6c757d;font-size:.8rem;font-weight:600}.form-field .phone-input-container .phone-number-input{flex:1}.form .export-modal-content{text-align:center}.form .export-modal-content .export-modal-description{color:#6c757d;font-size:.875rem;margin:0 0 1.5rem}.form .export-modal-content .export-options-row{display:flex;justify-content:center;gap:2rem;padding:1rem 0}.form .export-modal-content .export-options-row .export-option-item{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.25rem;margin:0;background:#fafbfc;border:2px solid #f1f3f5;border-radius:12px;cursor:pointer;transition:all .15s ease;min-width:100px;font-family:inherit;outline:none}.form .export-modal-content .export-options-row .export-option-item:hover{background:#fff;border-color:#00568f;transform:translateY(-2px);box-shadow:0 4px 12px #00568f1f}.form .export-modal-content .export-options-row .export-option-item:hover svg{transform:scale(1.05)}.form .export-modal-content .export-options-row .export-option-item:hover span{color:#00568f}.form .export-modal-content .export-options-row .export-option-item:active{transform:translateY(0)}.form .export-modal-content .export-options-row .export-option-item svg{width:64px;height:64px;transition:transform .15s ease}.form .export-modal-content .export-options-row .export-option-item span{font-size:.9375rem;font-weight:600;color:#495057;transition:color .15s ease}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;margin-top:2rem;border-top:1px solid #e9ecef}.form-actions .btn,.form-actions button{padding:.75rem 1.5rem;border-radius:14px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.025em}.form-actions .btn.btn-primary,.form-actions .btn[variant=primary],.form-actions .btn[type=submit],.form-actions button.btn-primary,.form-actions button[variant=primary],.form-actions button[type=submit]{background:linear-gradient(135deg,#00568f,#0073bf);color:#fff;box-shadow:0 4px 12px #00568f33}.form-actions .btn.btn-primary:hover:not(:disabled),.form-actions .btn[variant=primary]:hover:not(:disabled),.form-actions .btn[type=submit]:hover:not(:disabled),.form-actions button.btn-primary:hover:not(:disabled),.form-actions button[variant=primary]:hover:not(:disabled),.form-actions button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#004570,#005a96);transform:translateY(-2px);box-shadow:0 6px 20px #00568f4d}.form-actions .btn.btn-primary:active,.form-actions .btn[variant=primary]:active,.form-actions .btn[type=submit]:active,.form-actions button.btn-primary:active,.form-actions button[variant=primary]:active,.form-actions button[type=submit]:active{transform:translateY(0);box-shadow:0 2px 8px #00568f33}.form-actions .btn.btn-primary:disabled,.form-actions .btn[variant=primary]:disabled,.form-actions .btn[type=submit]:disabled,.form-actions button.btn-primary:disabled,.form-actions button[variant=primary]:disabled,.form-actions button[type=submit]:disabled{background:#adb5bd;cursor:not-allowed;box-shadow:none}.form-actions .btn.btn-secondary,.form-actions .btn[variant=secondary],.form-actions button.btn-secondary,.form-actions button[variant=secondary]{background:#f8f9fa;color:#495057;border:2px solid #e9ecef;box-shadow:0 2px 8px #0000000d}.form-actions .btn.btn-secondary:hover:not(:disabled),.form-actions .btn[variant=secondary]:hover:not(:disabled),.form-actions button.btn-secondary:hover:not(:disabled),.form-actions button[variant=secondary]:hover:not(:disabled){background:#fff;border-color:#dee2e6;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.form-actions .btn.btn-secondary:active,.form-actions .btn[variant=secondary]:active,.form-actions button.btn-secondary:active,.form-actions button[variant=secondary]:active{transform:translateY(0);box-shadow:0 1px 4px #0000000d}.form-actions .btn.btn-secondary:disabled,.form-actions .btn[variant=secondary]:disabled,.form-actions button.btn-secondary:disabled,.form-actions button[variant=secondary]:disabled{opacity:.5;cursor:not-allowed}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.branch-management-table{margin-top:1.5rem}.branch-management-table .branch-code{font-family:Courier New,monospace;background:#00568f1a;padding:.25rem .5rem;border-radius:4px;font-weight:600}.branch-management-table .branch-info .branch-name{font-weight:600;color:#1a202c}.branch-management-table .branch-info .branch-desc{font-size:.875rem;color:#718096;margin-top:.25rem}.branch-management-table .branch-location{color:#4a5568;font-size:.9rem}.branch-management-table .employee-count{background:#f7fafc;padding:.25rem .75rem;border-radius:50px;font-weight:600;color:#2d3748}.branch-management-table .branch-actions{justify-content:center}.department-management-table{margin-top:1.5rem}.department-management-table .dept-code{font-family:Courier New,monospace;background:#00568f1a;padding:.25rem .5rem;border-radius:4px;font-weight:600}.department-management-table .dept-info .dept-name{font-weight:600;color:#1a202c}.department-management-table .dept-info .dept-desc{font-size:.875rem;color:#718096;margin-top:.25rem}.department-management-table .workload .alert-count{padding:.25rem .75rem;border-radius:50px;font-weight:600}.department-management-table .workload .alert-count.normal{background:#c6f6d5;color:#22543d}.department-management-table .workload .alert-count.high{background:#fed7d7;color:#742a2a}.department-management-table .dept-actions{justify-content:center}.emergency-contacts-modal{z-index:9999!important}.emergency-contacts-modal .modal-overlay{z-index:9998!important;background-color:#00000080}.emergency-contacts-modal .modal-content{z-index:9999!important;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d}.bulk-upload-container{padding:2rem 0}.bulk-upload-container .bulk-upload-card{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:inset -2px -2px 5px #ffffffb3,inset 2px 2px 5px #00568f0d;border:1px solid rgba(0,86,143,.06);max-width:800px;margin:0 auto}.bulk-upload-container .bulk-upload-header{text-align:center;margin-bottom:2rem}.bulk-upload-container .bulk-upload-header .upload-icon{display:flex;justify-content:center;margin-bottom:1rem}.bulk-upload-container .bulk-upload-header .upload-icon svg{width:48px;height:48px}.bulk-upload-container .bulk-upload-header h4{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.bulk-upload-container .bulk-upload-header p{color:#64748b;font-size:.9375rem;margin:0}.bulk-upload-container .bulk-upload-type-selector{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px}.bulk-upload-container .bulk-upload-type-selector .type-selector-label{font-size:.9375rem;font-weight:600;color:#334155;margin:0}.bulk-upload-container .bulk-upload-type-selector .type-selector-dropdown{padding:.875rem 3rem .875rem 1.25rem;border:2px solid #cbd5e1;border-radius:10px;font-size:.9375rem;font-weight:500;color:#1e293b;background:#fff;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.bulk-upload-container .bulk-upload-type-selector .type-selector-dropdown:hover{border-color:#00568f;box-shadow:0 0 0 3px #00568f1a}.bulk-upload-container .bulk-upload-type-selector .type-selector-dropdown:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 4px #00568f26}.bulk-upload-container .bulk-upload-type-selector .type-selector-dropdown option{padding:.75rem;font-weight:500}.bulk-upload-container .bulk-upload-dropzone{margin-bottom:2rem}.bulk-upload-container .bulk-upload-dropzone .dropzone-label{display:block;cursor:pointer}.bulk-upload-container .bulk-upload-dropzone .dropzone-label .dropzone-content{border:2px dashed #cbd5e1;border-radius:12px;padding:3rem 2rem;text-align:center;background:#f8fafc;transition:all .2s ease}.bulk-upload-container .bulk-upload-dropzone .dropzone-label .dropzone-content:hover{border-color:#00568f;background:#00568f05}.bulk-upload-container .bulk-upload-dropzone .dropzone-label .dropzone-content:hover svg{transform:translateY(-4px)}.bulk-upload-container .bulk-upload-dropzone .dropzone-label .dropzone-content:hover svg path,.bulk-upload-container .bulk-upload-dropzone .dropzone-label .dropzone-content:hover svg polyline,.bulk-upload-container .bulk-upload-dropzone .dropzone-label .dropzone-content:hover svg line{stroke:#00568f}.bulk-upload-container .bulk-upload-dropzone .dropzone-label .dropzone-content svg{margin-bottom:1rem;transition:transform .2s ease}.bulk-upload-container .bulk-upload-dropzone .dropzone-label .dropzone-content .dropzone-text{font-size:1rem;color:#475569;margin:0 0 .5rem}.bulk-upload-container .bulk-upload-dropzone .dropzone-label .dropzone-content .dropzone-text strong{color:#00568f;font-weight:600}.bulk-upload-container .bulk-upload-dropzone .dropzone-label .dropzone-content .dropzone-hint{font-size:.875rem;color:#94a3b8;margin:0}.bulk-upload-container .bulk-upload-instructions{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.bulk-upload-container .bulk-upload-instructions h5{font-size:1rem;font-weight:600;color:#0c4a6e;margin:0 0 1rem}.bulk-upload-container .bulk-upload-instructions ul{margin:0;padding-left:1.5rem}.bulk-upload-container .bulk-upload-instructions ul li{color:#0369a1;font-size:.875rem;line-height:1.6;margin-bottom:.5rem}.bulk-upload-container .bulk-upload-instructions ul li:last-child{margin-bottom:0}.bulk-upload-container .bulk-upload-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.bulk-upload-container .bulk-upload-actions{flex-direction:column}.bulk-upload-container .bulk-upload-actions .btn-primary,.bulk-upload-container .bulk-upload-actions .btn-secondary{width:100%}}.bulk-upload-container .bulk-upload-actions .btn-primary,.bulk-upload-container .bulk-upload-actions .btn-secondary{display:inline-flex!important;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.bulk-upload-container .bulk-upload-actions .btn-primary svg,.bulk-upload-container .bulk-upload-actions .btn-secondary svg{width:16px;height:16px;flex-shrink:0}.bulk-upload-container .bulk-upload-actions .btn-primary:hover,.bulk-upload-container .bulk-upload-actions .btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.bulk-upload-container .bulk-upload-actions .btn-primary:active,.bulk-upload-container .bulk-upload-actions .btn-secondary:active{transform:translateY(0)}.bulk-upload-container .bulk-upload-actions .btn-primary{background:linear-gradient(135deg,#00568f,#0073bf);color:#fff}.bulk-upload-container .bulk-upload-actions .btn-primary:hover{background:linear-gradient(135deg,#004570,#005a96)}.bulk-upload-container .bulk-upload-actions .btn-secondary{background:#00568f14;color:#00568f;border:1px solid rgba(0,86,143,.15)}.bulk-upload-container .bulk-upload-actions .btn-secondary:hover{background:#00568f1f;border-color:#00568f40}.tabs__tab--bulk-upload{display:inline-flex;align-items:center;gap:.5rem}.tabs__tab--bulk-upload .tabs__icon{display:inline-flex;align-items:center}.tabs__tab--bulk-upload .tabs__icon svg{width:16px;height:16px}.operator-management{display:flex;flex-direction:column;gap:1rem}.operator-management__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.operator-management__loading p{color:#6b7280;font-size:.875rem}.operator-management__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:.5rem}.operator-management__empty p{color:#6b7280;font-size:1rem;margin:0}.operator-management__pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem 0;margin-top:1rem}.operator-management__pagination .pagination-btn{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;font-size:.875rem;color:#374151;transition:all .2s}.operator-management__pagination .pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.operator-management__pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.operator-management__page-info{font-size:.875rem;color:#6b7280;min-width:120px;text-align:center}.operator-actions{display:flex;gap:.5rem;align-items:center}.operator-name{display:flex;flex-direction:column;gap:.25rem}.operator-name strong{font-weight:600;color:#111827}.operator-name .operator-username{font-size:.75rem;color:#6b7280}.operator-department{display:flex;align-items:center;gap:.5rem}.operator-department span{color:#374151}.operator-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-start}.operator-actions .btn{min-height:32px;padding:.375rem .75rem;font-size:.75rem}@media (max-width: 768px){.operator-management__pagination{flex-wrap:wrap}}.corporate-list{padding:.5rem 1rem;max-width:100%;margin:80px 0 0;width:100%}.corporate-list__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}@media (max-width: 768px){.corporate-list__header{flex-direction:column;align-items:stretch}}.corporate-list__title h1{font-size:2rem;font-weight:700;color:#00568f;margin:0 0 .5rem}.corporate-list__title p{font-size:1rem;color:#6b7280;margin:0}.corporate-list__filters{margin-bottom:2rem;padding:1.5rem}.corporate-list__filters .filters-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.corporate-list__filters .filters-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.corporate-list__filters .filters-grid{grid-template-columns:repeat(3,1fr)}}.corporate-list__filters .filter-group{display:flex;flex-direction:column;gap:.5rem}.corporate-list__filters .filter-group label{font-size:.875rem;font-weight:600;color:#374151}.corporate-list__filters .filter-group .filter-select{padding:.625rem 1rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:50px;background:#fff;color:#374151;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px 6px #00000014,-3px -3px 6px #fff}.corporate-list__filters .filter-group .filter-select:hover{border-color:#00568f;box-shadow:4px 4px 8px #0000001f,-4px -4px 8px #fff}.corporate-list__filters .filter-group .filter-select:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a,3px 3px 6px #00000014,-3px -3px 6px #fff}.corporate-list__stats{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media (min-width: 480px){.corporate-list__stats{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.corporate-list__stats{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.corporate-list__stats{grid-template-columns:repeat(4,1fr)}}.corporate-list__stats .stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:16px;background:#fff;box-shadow:6px 6px 12px #00000014,-6px -6px 12px #fff;transition:all .3s ease}.corporate-list__stats .stat-card:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #0000001f,-8px -8px 16px #fff}.corporate-list__stats .stat-card__icon{font-size:2.5rem;line-height:1}.corporate-list__stats .stat-card__content{display:flex;flex-direction:column;gap:.25rem}.corporate-list__stats .stat-card__value{font-size:1.75rem;font-weight:700;color:#00568f;line-height:1}.corporate-list__stats .stat-card__label{font-size:.875rem;color:#6b7280;font-weight:500}.corporate-list__table{padding:1.5rem;border-radius:16px;background:#fff;box-shadow:6px 6px 12px #00000014,-6px -6px 12px #fff}.corporate-name-cell{display:flex;flex-direction:column;gap:.25rem}.corporate-name-cell__name{font-weight:600;color:#111827}.corporate-name-cell__id{font-size:.75rem;color:#6b7280}.corporate-users-count{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:.25rem .75rem;background:#eff6ff;color:#00568f;font-weight:600;border-radius:50px;font-size:.875rem}.corporate-billing-cycle{display:inline-block;padding:.25rem .75rem;background:#f3f4f6;color:#374151;font-weight:500;border-radius:50px;font-size:.875rem}.corporate-actions{display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 768px){.corporate-list{padding:1rem}.corporate-list__header{margin-bottom:1.5rem}.corporate-list__title h1{font-size:1.5rem}.corporate-list__title p{font-size:.875rem}.corporate-list__stats{gap:1rem}.corporate-list__table{padding:1rem;overflow-x:auto}}.corporate-details{padding:.5rem 1rem;max-width:100%;margin:80px 0 0;width:100%}.corporate-details__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}@media (max-width: 768px){.corporate-details__header{flex-direction:column;align-items:stretch}}.corporate-details__header .header-left{display:flex;flex-direction:column;gap:1rem}.corporate-details__header .header-left .header-title h1{font-size:2rem;font-weight:700;color:#00568f;margin:0 0 .25rem}.corporate-details__header .header-left .header-title p{font-size:.875rem;color:#6b7280;margin:0}.corporate-details__header .header-actions{display:flex;gap:1rem}@media (max-width: 768px){.corporate-details__header .header-actions{width:100%}.corporate-details__header .header-actions button{flex:1}}.corporate-details__tabs{padding:1.5rem;border-radius:16px;background:#fff;box-shadow:6px 6px 12px #00000014,-6px -6px 12px #fff}.corporate-details__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.corporate-details__loading .spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#00568f;border-radius:50%;animation:spin 1s linear infinite}.corporate-details__loading p{font-size:1rem;color:#6b7280;margin:0}.tab-content{padding:1.5rem 0}.tab-content h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1.5rem}.info-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.info-grid{grid-template-columns:repeat(3,1fr)}}.info-card{padding:1.5rem;border-radius:16px;background:#fff;border:1px solid #e5e7eb}.info-card h3{font-size:1rem;font-weight:600;color:#00568f;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.info-card .info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.info-card .info-row:last-child{border-bottom:none}.info-card .info-row .info-label{font-size:.875rem;font-weight:500;color:#6b7280}.info-card .info-row .info-value{font-size:.875rem;font-weight:600;color:#111827;text-align:right}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.users-header h3{margin:0}@media (max-width: 768px){.users-header{flex-direction:column;align-items:stretch;gap:1rem}}.placeholder-card{padding:3rem 2rem;text-align:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:16px}.placeholder-card p{font-size:1rem;color:#6b7280;margin:0 0 .5rem}.placeholder-card p.placeholder-note{font-size:.875rem;color:#9ca3af;font-style:italic}.error-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;margin:2rem auto;max-width:500px;background:#fef2f2;border:1px solid #fecaca;border-radius:16px;text-align:center}.error-card__icon{font-size:3rem}.error-card__message{color:#991b1b;font-weight:500;font-size:1rem}@media (max-width: 768px){.corporate-details{padding:1rem}.corporate-details__header{margin-bottom:1.5rem}.corporate-details__header .header-left .header-title h1{font-size:1.5rem}.corporate-details__tabs{padding:1rem}.tab-content{padding:1rem 0}.info-grid{gap:1rem}.info-card{padding:1rem}.info-card .info-row{flex-direction:column;align-items:flex-start;gap:.25rem}.info-card .info-row .info-value{text-align:left}}.bulk-user-upload{padding:.5rem 1rem;max-width:100%;margin:80px 0 0;width:100%}.bulk-user-upload__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}@media (max-width: 768px){.bulk-user-upload__header{flex-direction:column;align-items:stretch}}.bulk-user-upload__header .header-left{display:flex;flex-direction:column;gap:1rem}.bulk-user-upload__header .header-left .header-title h1{font-size:2rem;font-weight:700;color:#00568f;margin:0 0 .25rem}.bulk-user-upload__header .header-left .header-title p{font-size:1rem;color:#6b7280;margin:0}.upload-section{padding:2rem;margin-bottom:2rem;border-radius:16px;background:#fff;box-shadow:6px 6px 12px #00000014,-6px -6px 12px #fff}.upload-section h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1.5rem}.dropzone{border:2px dashed #d1d5db;border-radius:16px;padding:3rem 2rem;text-align:center;background:#f9fafb;cursor:pointer;transition:all .3s ease}.dropzone:hover{border-color:#00568f;background:#f0f9ff}.dropzone--active{border-color:#00568f;background:#dbeafe;transform:scale(1.02)}.dropzone--has-file{border-color:#10b981;background:#ecfdf5}.dropzone__content{display:flex;flex-direction:column;align-items:center;gap:1rem}.dropzone__icon{font-size:4rem;line-height:1}.dropzone__text{font-size:1.125rem;font-weight:600;color:#374151}.dropzone__subtext{font-size:.875rem;color:#6b7280}.dropzone__filename{font-size:1rem;font-weight:600;color:#111827}.dropzone__filesize{font-size:.875rem;color:#6b7280}.upload-actions{display:flex;justify-content:center;margin-top:1.5rem}.validation-section{padding:2rem;margin-bottom:2rem;border-radius:16px;background:#fff;box-shadow:6px 6px 12px #00000014,-6px -6px 12px #fff}.validation-section h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1.5rem}.validation-section h3{font-size:1rem;font-weight:600;color:#111827;margin:1.5rem 0 1rem}.validation-stats{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media (min-width: 480px){.validation-stats{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.validation-stats{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.validation-stats{grid-template-columns:repeat(4,1fr)}}.validation-stats .stat-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f9fafb;border-radius:12px;border:2px solid #e5e7eb}.validation-stats .stat-item--success{background:#ecfdf5;border-color:#10b981}.validation-stats .stat-item--success .stat-value{color:#10b981}.validation-stats .stat-item--error{background:#fef2f2;border-color:#ef4444}.validation-stats .stat-item--error .stat-value{color:#ef4444}.validation-stats .stat-item .stat-label{font-size:.875rem;font-weight:500;color:#6b7280}.validation-stats .stat-item .stat-value{font-size:1.5rem;font-weight:700;color:#111827}.validation-errors{margin-bottom:1.5rem}.validation-errors .error-list{display:flex;flex-direction:column;gap:.5rem}.validation-errors .error-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:.875rem}.validation-errors .error-item .error-row{font-weight:600;color:#991b1b;min-width:60px}.validation-errors .error-item .error-field{font-weight:600;color:#dc2626;min-width:100px}.validation-errors .error-item .error-message{color:#7f1d1d;flex:1}.validation-warnings{margin-bottom:1.5rem}.validation-warnings .warning-list{display:flex;flex-direction:column;gap:.5rem}.validation-warnings .warning-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;font-size:.875rem}.validation-warnings .warning-item .warning-row{font-weight:600;color:#92400e;min-width:60px}.validation-warnings .warning-item .warning-field{font-weight:600;color:#d97706;min-width:100px}.validation-warnings .warning-item .warning-message{color:#78350f;flex:1}.preview-section{margin-top:1.5rem}.preview-section h3{margin-bottom:1rem}.result-section{padding:3rem 2rem;margin-bottom:2rem;border-radius:16px;background:#fff;box-shadow:6px 6px 12px #00000014,-6px -6px 12px #fff}.result-section .result-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.result-section .result-content .result-icon{font-size:4rem;line-height:1}.result-section .result-content h2{font-size:1.5rem;font-weight:700;color:#10b981;margin:0}.result-section .result-content p{font-size:1rem;color:#6b7280;margin:0}.result-section .result-content p.result-warning{color:#dc2626;font-weight:600}.error-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;margin-bottom:1.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:16px}.error-card__icon{font-size:1.5rem}.error-card__message{flex:1;color:#991b1b;font-weight:500}@media (max-width: 768px){.bulk-user-upload{padding:1rem}.bulk-user-upload__header{margin-bottom:1.5rem}.bulk-user-upload__header .header-left .header-title h1{font-size:1.5rem}.upload-section,.validation-section,.result-section{padding:1.5rem}.dropzone{padding:2rem 1rem}.dropzone__icon{font-size:3rem}.validation-stats{grid-template-columns:repeat(2,1fr)}.error-item,.warning-item{flex-direction:column;align-items:flex-start;gap:.5rem}.error-item .error-row,.error-item .warning-row,.error-item .error-field,.error-item .warning-field,.warning-item .error-row,.warning-item .warning-row,.warning-item .error-field,.warning-item .warning-field{min-width:auto}}.corporate-billing{padding:.5rem 1rem;max-width:100%;margin:80px 0 0;width:100%}.corporate-billing__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}@media (max-width: 768px){.corporate-billing__header{flex-direction:column;align-items:stretch}}.corporate-billing__header .header-left{display:flex;flex-direction:column;gap:1rem}.corporate-billing__header .header-left .header-title h1{font-size:2rem;font-weight:700;color:#00568f;margin:0 0 .25rem}.corporate-billing__header .header-left .header-title p{font-size:1rem;color:#6b7280;margin:0}.corporate-billing__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.corporate-billing__loading .spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#00568f;border-radius:50%;animation:spin 1s linear infinite}.corporate-billing__loading p{font-size:1rem;color:#6b7280;margin:0}.billing-summary{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media (min-width: 480px){.billing-summary{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.billing-summary{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.billing-summary{grid-template-columns:repeat(4,1fr)}}.billing-summary .summary-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;border-radius:16px;background:#fff;box-shadow:6px 6px 12px #00000014,-6px -6px 12px #fff;transition:all .3s ease}.billing-summary .summary-card:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #0000001f,-8px -8px 16px #fff}.billing-summary .summary-card__icon{font-size:2.5rem;line-height:1}.billing-summary .summary-card__content{display:flex;flex-direction:column;gap:.5rem}.billing-summary .summary-card__label{font-size:.875rem;color:#6b7280;font-weight:500}.billing-summary .summary-card__value{font-size:1.75rem;font-weight:700;color:#00568f;line-height:1}.billing-details{padding:2rem;margin-bottom:2rem;border-radius:16px;background:#fff;box-shadow:6px 6px 12px #00000014,-6px -6px 12px #fff}.billing-details h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1.5rem}.billing-details .details-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.billing-details .details-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.billing-details .details-grid{grid-template-columns:repeat(3,1fr)}}.billing-details .detail-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.billing-details .detail-item .detail-label{font-size:.875rem;font-weight:500;color:#6b7280}.billing-details .detail-item .detail-value{font-size:1rem;font-weight:600;color:#111827}.invoice-history{padding:2rem;margin-bottom:2rem;border-radius:16px;background:#fff;box-shadow:6px 6px 12px #00000014,-6px -6px 12px #fff}.invoice-history h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1.5rem}.invoice-number{font-weight:600;color:#00568f;font-family:monospace}.invoice-amount{font-weight:700;color:#111827}.invoice-actions{display:flex;align-items:center;justify-content:center;gap:.5rem}.payment-history{padding:2rem;margin-bottom:2rem;border-radius:16px;background:#fff;box-shadow:6px 6px 12px #00000014,-6px -6px 12px #fff}.payment-history h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1.5rem}.payment-history .payment-list{display:flex;flex-direction:column;gap:1rem}.payment-history .payment-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}@media (max-width: 768px){.payment-history .payment-item{flex-direction:column;align-items:flex-start;gap:.75rem}}.payment-history .payment-item .payment-info{display:flex;flex-direction:column;gap:.25rem}.payment-history .payment-item .payment-info .payment-date{font-size:.875rem;font-weight:600;color:#111827}.payment-history .payment-item .payment-info .payment-method{font-size:.75rem;color:#6b7280;text-transform:uppercase}.payment-history .payment-item .payment-amount{font-size:1.125rem;font-weight:700;color:#00568f}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.empty-state__icon{font-size:4rem;line-height:1;margin-bottom:1rem}.empty-state__text{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 .5rem}.empty-state__subtext{font-size:.875rem;color:#6b7280;margin:0}@media (max-width: 768px){.corporate-billing{padding:1rem}.corporate-billing__header{margin-bottom:1.5rem}.corporate-billing__header .header-left .header-title h1{font-size:1.5rem}.billing-summary{gap:1rem}.billing-details,.invoice-history,.payment-history{padding:1.5rem}}.geofence-creator-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.geofence-creator-panel{background:linear-gradient(135deg,#f0f4f8,#e2e8f0);border-radius:16px;box-shadow:20px 20px 40px #0000001a,-20px -20px 40px #fffc,inset 2px 2px 4px #ffffffe6,inset -2px -2px 4px #0000000d;width:90vw;max-width:1200px;height:80vh;max-height:800px;display:flex;flex-direction:column;overflow:hidden}.geofence-creator-header{padding:20px 24px;border-bottom:1px solid rgba(0,86,143,.1);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#ffffffe6,#f0f4f8e6)}.geofence-creator-header h3{margin:0;color:#00568f;font-size:1.5rem;font-weight:600;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.geofence-creator-header .close-btn{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.geofence-creator-header .close-btn:hover{background:#00568f1a;color:#00568f}.geofence-creator-body{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;overflow:hidden}.geofence-form-section{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding-right:8px}.geofence-form-section .field{display:flex;flex-direction:column;gap:8px}.geofence-form-section .field span{font-weight:500;color:#374151;font-size:.875rem}.geofence-form-section .field input,.geofence-form-section .field select{padding:12px 16px;border:none;border-radius:12px;background:#f8fafc;box-shadow:inset 4px 4px 8px #0000001a,inset -4px -4px 8px #ffffffe6;font-size:.875rem;transition:all .2s ease}.geofence-form-section .field input:focus,.geofence-form-section .field select:focus{outline:none;box-shadow:inset 4px 4px 8px #00568f33,inset -4px -4px 8px #ffffffe6,0 0 0 2px #00568f1a}.geofence-form-section .field input::placeholder,.geofence-form-section .field select::placeholder{color:#9ca3af}.geofence-form-section .field .field-help{color:#6b7280;font-size:.75rem;margin-top:4px}.geofence-form-section .toggle{flex-direction:row;align-items:center;gap:12px}.geofence-form-section .toggle input[type=checkbox]{width:20px;height:20px;margin:0}.geofence-autocomplete-input{width:100%!important}.geofence-address-list{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto;border-radius:12px;background:#f8fafc;box-shadow:inset 2px 2px 4px #0000000d,inset -2px -2px 4px #ffffffe6}.geofence-address-list .placeholder{padding:20px;text-align:center;color:#9ca3af;font-style:italic}.geofence-address-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.05);cursor:grab;transition:all .2s ease}.geofence-address-row:last-child{border-bottom:none}.geofence-address-row:hover{background:#00568f0d}.geofence-address-row.dragging{opacity:.5;cursor:grabbing;transform:rotate(2deg)}.geofence-address-row.drag-over{background:#00568f1a;border-color:#00568f}.geofence-address-row .address-index{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#00568f,#0077b6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.geofence-address-row .address-details{flex:1;min-width:0}.geofence-address-row .address-details .address-text{display:block;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.geofence-address-row .address-details .address-coordinates{display:block;font-size:.75rem;color:#6b7280;margin-top:2px}.geofence-address-row .remove-address{width:24px;height:24px;border:none;border-radius:50%;background:#ef4444;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease;flex-shrink:0}.geofence-address-row .remove-address:hover{background:#dc2626;transform:scale(1.1)}.geofence-map-section{display:flex;flex-direction:column}.geofence-map-section .map-wrapper{flex:1;border-radius:12px;overflow:hidden;box-shadow:8px 8px 16px #0000001a,-8px -8px 16px #fffc;position:relative}.geofence-map-section .map-wrapper.loading{display:flex;align-items:center;justify-content:center;background:#f8fafc}.geofence-map-section .map-wrapper .map-canvas{width:100%;height:100%;min-height:400px}.geofence-map-section .map-wrapper .map-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#6b7280;font-size:.875rem}.geofence-creator-footer{padding:20px 24px;border-top:1px solid rgba(0,86,143,.1);display:flex;gap:12px;justify-content:flex-end;background:linear-gradient(135deg,#ffffffe6,#f0f4f8e6)}.geofence-creator-footer .btn-secondary,.geofence-creator-footer .btn-primary{padding:12px 24px;border:none;border-radius:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}.geofence-creator-footer .btn-secondary:disabled,.geofence-creator-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}.geofence-creator-footer .btn-secondary{background:#f1f5f9;color:#64748b;box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #ffffffe6}.geofence-creator-footer .btn-secondary:hover:not(:disabled){background:#e2e8f0;transform:translateY(-1px)}.geofence-creator-footer .btn-primary{background:linear-gradient(135deg,#00568f,#0077b6);color:#fff;box-shadow:4px 4px 8px #00568f4d,-4px -4px 8px #ffffff1a}.geofence-creator-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#004a7c,#006ba3);transform:translateY(-1px);box-shadow:6px 6px 12px #00568f66,-6px -6px 12px #ffffff1a}.geofence-error{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem}@media (max-width: 768px){.geofence-creator-panel{width:95vw;height:90vh}.geofence-creator-body{grid-template-columns:1fr;gap:16px}.geofence-form-section{max-height:300px}}.geofence-manager{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:#fff;border-radius:20px;box-shadow:0 10px 30px #a3b1c614}.geofence-manager .geofence-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.geofence-manager .geofence-header h4{margin:0;color:var(--text-primary);font-size:1.2rem;font-weight:600}.geofence-manager .geofence-header .geofence-subtitle{margin:.75rem 0 0;color:var(--text-secondary);font-size:.85rem}.geofence-manager .geofence-header .btn-primary{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:16px;background:linear-gradient(135deg,#00568f,#00d4ff);color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm)}.geofence-manager .geofence-header .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.geofence-manager .geofence-header .btn-primary:disabled{opacity:.6;cursor:wait}.geofence-manager .geofence-controls{display:grid;grid-template-columns:minmax(160px,1fr) repeat(2,minmax(120px,200px));gap:var(--spacing-sm)}.geofence-manager .geofence-controls input,.geofence-manager .geofence-controls select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid rgba(0,86,143,.18);border-radius:12px;font-size:.9rem;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.geofence-manager .geofence-controls input:focus,.geofence-manager .geofence-controls select:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1f}.geofence-manager .geofence-error-banner{padding:var(--spacing-sm) var(--spacing-md);border-radius:12px;background:#ef44441a;color:#b91c1c;font-size:.85rem}.geofence-manager .zones-table-container{border:1px solid rgba(0,86,143,.08);border-radius:20px;overflow:hidden;background:#fff}.geofence-manager .zones-table-container .zones-table{width:100%;border-collapse:collapse;font-size:.9rem}.geofence-manager .zones-table-container .zones-table thead{background:#00568f0f}.geofence-manager .zones-table-container .zones-table thead th{padding:var(--spacing-md);text-align:left;color:var(--text-secondary);font-weight:600;letter-spacing:.02em}.geofence-manager .zones-table-container .zones-table tbody tr{border-top:1px solid rgba(0,86,143,.06);transition:background .2s ease;cursor:pointer}.geofence-manager .zones-table-container .zones-table tbody tr:hover{background:#00568f0a}.geofence-manager .zones-table-container .zones-table tbody tr.selected{background:#00568f14;border-left:3px solid #00568f}.geofence-manager .zones-table-container .zones-table tbody tr td{padding:var(--spacing-md);vertical-align:top;color:var(--text-primary)}.geofence-manager .zones-table-container .zones-table tbody tr td.actions-cell{display:flex;gap:.75rem;justify-content:flex-end;white-space:nowrap}.geofence-manager .zones-table-container .zones-table tbody tr td.actions-cell .btn-icon{padding:.75rem var(--spacing-sm);border:1px solid rgba(0,86,143,.2);background:#fff;border-radius:12px;font-size:.75rem;cursor:pointer;transition:background .2s ease,color .2s ease}.geofence-manager .zones-table-container .zones-table tbody tr td.actions-cell .btn-icon:hover{background:#00568f14}.geofence-manager .zones-table-container .zones-table tbody tr td.actions-cell .btn-icon.danger:hover{color:#dc2626;border-color:#dc262666}.geofence-manager .zones-table-container .zones-table tbody tr .zone-name{display:flex;align-items:center;gap:.75rem;font-weight:600}.geofence-manager .zones-table-container .zones-table tbody tr .zone-name .zone-icon{font-size:1.1rem}.geofence-manager .zones-table-container .zones-table tbody tr .address-list{display:flex;flex-wrap:wrap;gap:.75rem}.geofence-manager .zones-table-container .zones-table tbody tr .address-list .address-chip{padding:.25rem .75rem;background:#00d4ff1f;border-radius:12px;color:var(--text-secondary);font-size:.8rem}.geofence-manager .zones-table-container .zones-table tbody tr .status-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem var(--spacing-sm);border-radius:999px;font-size:.75rem;font-weight:600}.geofence-manager .zones-table-container .zones-table tbody tr .status-pill.active{background:#16a34a1f;color:#15803d}.geofence-manager .zones-table-container .zones-table tbody tr .status-pill.inactive{background:#f59e0b1f;color:#b45309}.geofence-manager .zones-table-container .zones-table tbody tr .department-badge,.geofence-manager .zones-table-container .zones-table tbody tr .alert-type-badge{display:inline-flex;align-items:center;padding:.25rem var(--spacing-sm);background:#00568f14;border-radius:12px;font-size:.75rem}.geofence-manager .zones-table-container .zones-table tbody .no-data{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.geofence-manager .zones-table-container .zones-table tbody .no-data .no-data-message{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center}.geofence-manager .zones-table-container .zones-table tbody .no-data .no-data-message .icon{font-size:2rem}.geofence-manager .zones-summary{font-size:.85rem;color:var(--text-secondary)}.geofence-creator-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1100}.geofence-creator-panel{width:min(980px,95vw);max-height:90vh;background:#fff;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000040}.geofence-creator-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid rgba(0,86,143,.08)}.geofence-creator-header h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.geofence-creator-header .close-btn{background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--text-secondary)}.geofence-creator-body{display:grid;grid-template-columns:420px 1fr;gap:var(--spacing-md);padding:var(--spacing-lg);overflow:hidden}.geofence-creator-body .geofence-form-section{display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto}.geofence-creator-body .geofence-form-section .field{display:flex;flex-direction:column;gap:.25rem}.geofence-creator-body .geofence-form-section .field span{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.geofence-creator-body .geofence-form-section .field input,.geofence-creator-body .geofence-form-section .field select,.geofence-creator-body .geofence-form-section .field .geofence-autocomplete-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid rgba(0,86,143,.18);border-radius:12px;font-size:.9rem;background:#fff}.geofence-creator-body .geofence-form-section .field input:focus,.geofence-creator-body .geofence-form-section .field select:focus,.geofence-creator-body .geofence-form-section .field .geofence-autocomplete-input:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1f}.geofence-creator-body .geofence-form-section .field .field-help{font-size:.75rem;color:var(--text-secondary)}.geofence-creator-body .geofence-form-section .field-inline{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.geofence-creator-body .geofence-form-section .toggle{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.85rem}.geofence-creator-body .geofence-form-section .geofence-address-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.geofence-creator-body .geofence-form-section .geofence-address-list .geofence-address-row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-sm);border:1px solid rgba(0,86,143,.16);border-radius:12px;background:#00568f0a;cursor:grab}.geofence-creator-body .geofence-form-section .geofence-address-list .geofence-address-row.dragging{opacity:.6}.geofence-creator-body .geofence-form-section .geofence-address-list .geofence-address-row.drag-over{border-style:dashed}.geofence-creator-body .geofence-form-section .geofence-address-list .geofence-address-row .address-index{font-weight:600;color:var(--text-secondary)}.geofence-creator-body .geofence-form-section .geofence-address-list .geofence-address-row .address-details{display:flex;flex-direction:column;gap:2px}.geofence-creator-body .geofence-form-section .geofence-address-list .geofence-address-row .address-details .address-text{font-size:.85rem;color:var(--text-primary)}.geofence-creator-body .geofence-form-section .geofence-address-list .geofence-address-row .address-details .address-coordinates{font-size:.75rem;color:var(--text-secondary)}.geofence-creator-body .geofence-form-section .geofence-address-list .geofence-address-row .remove-address{border:none;background:none;color:#dc2626;font-size:1.2rem;cursor:pointer}.geofence-creator-body .geofence-form-section .geofence-address-list .placeholder{padding:var(--spacing-md);text-align:center;color:var(--text-secondary);border:1px dashed rgba(0,86,143,.2);border-radius:12px;background:#00568f08}.geofence-creator-body .geofence-form-section .geofence-error{padding:.75rem var(--spacing-sm);background:#ef44441f;color:#b91c1c;border-radius:12px;font-size:.8rem}.geofence-creator-body .geofence-map-section{position:relative}.geofence-creator-body .geofence-map-section .map-wrapper{width:100%;height:100%;min-height:420px;border-radius:16px;border:1px solid rgba(0,86,143,.12);overflow:hidden}.geofence-creator-body .geofence-map-section .map-wrapper.loading{opacity:.6}.geofence-creator-body .geofence-map-section .map-wrapper .map-canvas{width:100%;height:100%}.geofence-creator-body .geofence-map-section .map-wrapper .map-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffffd9;font-size:.9rem;color:var(--text-secondary)}.geofence-creator-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid rgba(0,86,143,.08)}.geofence-creator-footer .btn-secondary,.geofence-creator-footer .btn-primary{padding:var(--spacing-sm) var(--spacing-lg);border-radius:16px;border:none;font-weight:600;cursor:pointer}.geofence-creator-footer .btn-secondary{background:#00568f14;color:var(--text-secondary)}.geofence-creator-footer .btn-primary{background:linear-gradient(135deg,#00568f,#00d4ff);color:#fff}.geofence-marker{width:28px;height:28px;border-radius:50%;background:#00568f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px #00568f59}.modern-branch-dashboard-container{width:100vw;flex:1;margin:0;padding:1rem 2rem;display:flex;flex-direction:column;box-sizing:border-box;background:linear-gradient(135deg,#f0f4f8,#e9f2ff);overflow-x:hidden;position:relative}.modern-branch-dashboard-container .branch-main{max-width:100vw;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.modern-branch-dashboard-container .branch-header{margin:1.5rem 0 0 1rem}.modern-branch-dashboard-container .branch-header h1{font-size:3rem;color:#00568f;font-weight:200;letter-spacing:.005em;margin:0}.modern-branch-dashboard-container .branch-header p{color:#4a5568;font-size:1rem;margin:.5rem 0 0;font-weight:400}.branch-dashboard-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;min-height:800px;align-items:stretch}@media (max-width: 1200px){.branch-dashboard-layout{grid-template-columns:1fr;gap:1.5rem;min-height:auto}}.left-section .branch-section:last-child{flex:1}.branch-section{background:linear-gradient(145deg,#fff,#f0f4f8);border:none;border-radius:16px;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;padding:2rem;width:100%}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:1rem}.dashboard-stats .stat-item.stat-success:before{background:linear-gradient(180deg,#00ff41,#00d635)}.dashboard-stats .stat-item h3{font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,#00568f,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;border:none}.dashboard-stats .stat-item p{font-size:.875rem;color:#4a5568;margin:.5rem 0 0;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.incident-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.incident-filters{grid-template-columns:1fr;gap:.75rem}}.incident-filters input,.incident-filters select{padding:.75rem 1rem;border:2px solid #e8eaed;border-radius:2rem;font-size:.9rem;transition:all .3s ease;background:#fff;color:#00568f;box-sizing:border-box}.incident-filters input:focus,.incident-filters select:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a;transform:translateY(-1px)}.incident-filters input::placeholder,.incident-filters select::placeholder{color:#a0aec0}.incident-table-container{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:16px;overflow:hidden;box-shadow:8px 8px 16px #a3b1c626,-4px -4px 12px #fffc;flex:1;display:flex;flex-direction:column}.incident-table-container .incident-table{width:100%;border-collapse:collapse;font-size:.9rem;flex:1;height:100%}.incident-table-container .incident-table thead{background:linear-gradient(135deg,#00568f,#00d4ff)}.incident-table-container .incident-table thead th{padding:1rem .75rem;text-align:left;color:#fff;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border:none}.incident-table-container .incident-table tbody tr{transition:all .3s ease;border-bottom:1px solid rgba(163,177,198,.1);cursor:pointer}.incident-table-container .incident-table tbody tr:hover{background:linear-gradient(145deg,#f8fafc,#f0f4f8);transform:translate(2px)}.incident-table-container .incident-table tbody tr:last-child{border-bottom:none}.incident-table-container .incident-table tbody tr.new-incident{background:linear-gradient(145deg,#f0fdf4,#dcfce7);border-left:4px solid #00ff41;animation:newIncidentGlow 3s ease-in-out}.incident-table-container .incident-table tbody tr.updating{background:linear-gradient(145deg,#fffbeb,#fef3c7);border-left:4px solid #ffbf00;animation:updatingPulse 1.5s ease-in-out}.incident-table-container .incident-table tbody tr.leaving{background:linear-gradient(145deg,#fef2f2,#fee2e2);border-left:4px solid #ff073a;opacity:.7;animation:leavingFade 2s ease-out forwards}.incident-table-container .incident-table tbody tr.clickable-incident:hover .street-view-icon{opacity:1;color:#00568f}.incident-table-container .incident-table tbody tr td{padding:.75rem;color:#2d3748;font-weight:400;vertical-align:middle;border:none}.incident-table-container .incident-table tbody tr td.alert-type-cell .alert-type-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 4px #667eea4d}.incident-table-container .incident-table tbody tr td.customer-cell .customer-info{display:flex;align-items:center;gap:.5rem}.incident-table-container .incident-table tbody tr td.customer-cell .customer-info .customer-name{font-weight:500;color:#2d3748}.incident-table-container .incident-table tbody tr td.customer-cell .customer-info .street-view-icon{opacity:.3;transition:all .3s ease;color:#a0aec0;cursor:pointer}.incident-table-container .incident-table tbody tr td.customer-cell .customer-info .street-view-icon:hover{opacity:1;transform:scale(1.2);color:#00568f}.status-badge{padding:.4rem .9rem;border-radius:16px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-block}.status-badge.active{background:linear-gradient(135deg,#ff073a,#d60d3a);color:#fff;box-shadow:0 2px 8px #ff073a4d}.status-badge.investigating{background:linear-gradient(135deg,#ffbf00,#ff9500);color:#fff;box-shadow:0 2px 8px #ffbf004d}.map-section{flex:1;display:flex;flex-direction:column;min-height:600px;position:relative}.map-section .map-header-with-controls{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;margin-bottom:1.5rem!important;padding-bottom:1rem!important;border-bottom:2px solid #e1ff0c!important;width:100%!important;gap:2rem!important}.map-section .map-header-with-controls .map-title{color:#00568f!important;font-size:1.8rem!important;font-weight:300!important;margin:0!important;padding:0!important;grid-column:1!important;justify-self:start!important}.map-section .map-header-with-controls .map-controls{position:static!important;top:auto!important;left:auto!important;grid-column:2!important;justify-self:end!important;display:flex!important;gap:.75rem!important;align-items:center!important}.map-section .map-header-with-controls .map-controls .trail-toggle,.map-section .map-header-with-controls .map-controls .alerts-filter-btn{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1rem!important;background:linear-gradient(145deg,#fff,#f8fafc)!important;border:2px solid transparent!important;border-radius:20px!important;font-size:.8rem!important;font-weight:600!important;color:#4a5568!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:4px 4px 8px #a3b1c626,-2px -2px 6px #fffc!important}.map-section .map-header-with-controls .map-controls .trail-toggle svg,.map-section .map-header-with-controls .map-controls .alerts-filter-btn svg{transition:all .3s ease}.map-section .map-header-with-controls .map-controls .trail-toggle:hover,.map-section .map-header-with-controls .map-controls .alerts-filter-btn:hover{transform:translateY(-2px);border-color:#00568f;color:#00568f;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #ffffffe6}.map-section .map-header-with-controls .map-controls .trail-toggle.active,.map-section .map-header-with-controls .map-controls .alerts-filter-btn.active{background:linear-gradient(135deg,#00568f,#00d4ff);color:#fff;border-color:transparent;box-shadow:0 4px 12px #00568f4d}.map-section .map-header-with-controls .map-controls .trail-toggle.active:hover,.map-section .map-header-with-controls .map-controls .alerts-filter-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00568f66}@media (max-width: 768px){.map-section .map-header-with-controls{flex-direction:column;align-items:flex-start;gap:1rem}.map-section .map-header-with-controls .map-controls{width:100%;justify-content:flex-start;flex-wrap:wrap}}.map-section .map-container{flex:1;min-height:500px;display:flex}.map-section .map-container .branch-google-map{border-radius:12px;overflow:hidden;height:100%;width:100%;box-shadow:4px 4px 8px #a3b1c626,-2px -2px 6px #fffc}.map-section .map-container .branch-google-map .map-controls{display:none!important}@media (max-width: 1200px){.map-section{min-height:400px}.map-section .map-container{min-height:350px}}@media (max-width: 768px){.map-section{min-height:300px}.map-section .map-container{min-height:250px}}@keyframes newIncidentGlow{0%,to{box-shadow:0 0 5px #00ff4133}50%{box-shadow:0 0 20px #00ff4166}}@keyframes updatingPulse{0%,to{box-shadow:0 0 5px #ffbf0033}50%{box-shadow:0 0 15px #ffbf0066}}@keyframes leavingFade{0%{opacity:.7;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}.map-tabs{display:flex;background:#fffffff2;border-radius:16px;padding:.5rem;gap:.5rem;box-shadow:inset 2px 2px 6px #a3b1c633,inset -2px -2px 6px #fffc,0 4px 12px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);margin-bottom:1rem}.map-tabs .map-tab{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;border:none;background:transparent;color:var(--text-secondary, #64748b);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:12px;position:relative;white-space:nowrap;min-height:48px;box-shadow:2px 2px 6px #a3b1c626,-2px -2px 6px #fffc}.map-tabs .map-tab svg{width:18px;height:18px;transition:all .3s ease;opacity:.7}.map-tabs .map-tab .marker-count{background:#3b82f61a;color:var(--primary-color, #3b82f6);padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:700;min-width:24px;text-align:center;transition:all .3s ease}.map-tabs .map-tab:hover{transform:translateY(-2px);color:var(--primary-color, #3b82f6);box-shadow:4px 4px 12px #a3b1c640,-4px -4px 12px #ffffffe6,0 8px 16px #3b82f61a}.map-tabs .map-tab:hover svg{opacity:1;transform:scale(1.1)}.map-tabs .map-tab:hover .marker-count{background:var(--primary-color, #3b82f6);color:#fff;transform:scale(1.05)}.map-tabs .map-tab.active{background:linear-gradient(135deg,var(--primary-color, #3b82f6) 0%,var(--accent-color, #06b6d4) 100%);color:#fff;transform:translateY(-1px);box-shadow:inset 1px 1px 3px #ffffff4d,inset -1px -1px 3px #0000001a,0 6px 16px #3b82f64d,0 2px 8px #0000001a}.map-tabs .map-tab.active svg{opacity:1;color:#fff}.map-tabs .map-tab.active .marker-count{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.map-tabs .map-tab.active:hover{transform:translateY(-3px);box-shadow:inset 1px 1px 3px #fff6,inset -1px -1px 3px #0000001a,0 8px 20px #3b82f666,0 4px 12px #00000026}.map-tabs .map-tab.active:hover .marker-count{transform:scale(1.05);background:#ffffff40}.map-tabs .map-tab:focus{outline:none;box-shadow:2px 2px 6px #a3b1c626,-2px -2px 6px #fffc,0 0 0 3px #3b82f64d}@media (max-width: 768px){.map-tabs .map-tabs{flex-direction:column;gap:.25rem}.map-tabs .map-tabs .map-tab{justify-content:center;padding:.75rem 1rem}.map-tabs .map-tabs .map-tab .marker-count{margin-left:auto}}@media (max-width: 480px){.map-tabs .map-tabs .map-tab{font-size:.8rem;padding:.625rem .875rem}.map-tabs .map-tabs .map-tab svg{width:16px;height:16px}}@media (max-width: 768px){.modern-branch-dashboard-container{padding:1rem 2rem}.modern-branch-dashboard-container .branch-main{padding:1rem}.modern-branch-dashboard-container .branch-header{margin:1rem 0 0}.modern-branch-dashboard-container .branch-header h1{font-size:2.5rem}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.branch-section{padding:1.5rem}.incident-table-container{overflow-x:auto}.incident-table-container .incident-table{min-width:600px}.incident-table-container .incident-table thead th,.incident-table-container .incident-table tbody td{padding:.5rem;font-size:.8rem}}@media (max-width: 480px){.dashboard-stats{grid-template-columns:1fr}.branch-header h1{font-size:2rem}}.modern-branch-container{width:100%;flex:1;margin:0;padding:1rem 2rem;display:flex;flex-direction:column;box-sizing:border-box;background:linear-gradient(135deg,#f0f4f8,#e9f2ff);overflow-x:hidden;position:relative}.modern-branch-container .branch-main{max-width:100vw;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.modern-branch-container .branch-header{margin:1.5rem 0 0 1rem}.modern-branch-container .branch-header h1{font-size:3rem;color:#00568f;font-weight:200;letter-spacing:.005em;margin:0}.modern-branch-container .branch-header p{color:#4a5568;font-size:1rem;margin:.5rem 0 0;font-weight:400}.employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin:2rem 0}.top-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;margin-bottom:2rem}.top-stats .stat-item{text-align:center;padding:1.5rem;background:linear-gradient(145deg,#fff,#f0f4f8);border-radius:16px;box-shadow:8px 8px 16px #a3b1c626,-4px -4px 12px #fffc;transition:all .3s ease}.top-stats .stat-item:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #a3b1c633,-6px -6px 16px #ffffffe6}.top-stats .stat-item h3{font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,#00568f,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;border:none}.top-stats .stat-item h3:after{display:none}.top-stats .stat-item p{font-size:.875rem;color:#4a5568;margin:.5rem 0 0;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.filters-row{display:grid;grid-template-columns:1fr 180px 200px 180px;gap:.75rem;margin-bottom:2rem}@media (max-width: 768px){.filters-row{grid-template-columns:1fr;gap:1rem}}.filters-row input,.filters-row select{padding:1rem 1.2rem;border:2px solid #e8eaed;border-radius:2rem;font-size:1rem;transition:all .3s ease;background:#fff;color:#00568f;box-sizing:border-box}.filters-row input:focus,.filters-row select:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 4px #00568f1a;transform:translateY(-2px)}.filters-row input::placeholder,.filters-row select::placeholder{color:#a0aec0}.employee-card-content{display:flex;flex-direction:column;gap:1rem}.employee-card-content .employee-header{display:flex;align-items:center;gap:.75rem}.employee-card-content .employee-header .employee-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#00568f,#00d4ff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;box-shadow:0 4px 12px #00568f33}.employee-card-content .employee-header .employee-info{flex:1}.employee-card-content .employee-header .employee-info h4{margin:0;font-size:1.1rem;color:#00568f;font-weight:600}.employee-card-content .employee-header .employee-info p{margin:.25rem 0 0;font-size:.875rem;color:#4a5568;font-weight:400}.employee-card-content .employee-status-row{display:flex;align-items:center;gap:.75rem;margin:.5rem 0}.employee-card-content .employee-status-row .status-badge-modern{padding:.4rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.employee-card-content .employee-status-row .status-badge-modern.online{background:linear-gradient(135deg,#00ff41,#00d635);color:#fff;box-shadow:0 0 15px #00ff414d}.employee-card-content .employee-status-row .status-badge-modern.away{background:linear-gradient(135deg,#ffbf00,#ff9500);color:#fff;box-shadow:0 0 15px #ffbf004d}.employee-card-content .employee-status-row .status-badge-modern.offline{background:linear-gradient(135deg,#ff073a,#d60d3a);color:#fff;box-shadow:0 0 15px #ff073a4d}.employee-card-content .employee-status-row .alert-count-badge{background:linear-gradient(135deg,#00568f,#00d4ff);color:#fff;border:none;padding:.4rem .9rem;border-radius:16px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #00568f33}.employee-card-content .employee-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.modern-branch-alerts-container{width:100%;flex:1;margin:0;padding:1rem 2rem;display:flex;flex-direction:column;box-sizing:border-box;background:linear-gradient(135deg,#f0f4f8,#e9f2ff);overflow-x:hidden;position:relative}.modern-branch-alerts-container .branch-main{max-width:100vw;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.modern-branch-alerts-container .branch-header{margin:1.5rem 0 0 1rem}.modern-branch-alerts-container .branch-header h1{font-size:3rem;color:#00568f;font-weight:200;letter-spacing:.005em;margin:0}.modern-branch-alerts-container .branch-header p{color:#4a5568;font-size:1rem;margin:.5rem 0 0;font-weight:400}.modern-branch-alerts-container .branch-section{background:linear-gradient(145deg,#fff,#f0f4f8);border:none;border-radius:16px;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;padding:2rem;margin-bottom:2rem;width:100%}.modern-branch-alerts-container .branch-section h3{color:#00568f;font-size:1.8rem;font-weight:300;margin:0 0 2rem;padding-bottom:1rem;border-bottom:2px solid #e1ff0c;position:relative}.modern-branch-alerts-container .branch-section h3:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:#00568f}.modern-branch-alerts-container .branch-section .alerts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.modern-branch-alerts-container .branch-section .alerts-header h3{margin:0;padding:0;border:none}.modern-branch-alerts-container .branch-section .alerts-header h3:after{display:none}.modern-branch-alerts-container .branch-section .alerts-header__controls{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;flex:1}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .search-wrapper{position:relative;display:flex;align-items:center}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .search-wrapper .search-input{padding:.625rem 1rem .625rem 2.5rem;border:2px solid #e6ecf1;border-radius:8px;font-size:.875rem;width:200px;height:38px;background:#fff;transition:all .2s ease;box-shadow:inset 2px 2px 5px #a3b1c626,inset -2px -2px 5px #ffffffe6}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .search-wrapper .search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,inset 2px 2px 5px #a3b1c626}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .search-wrapper .search-input::placeholder{color:#94a3b8}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .search-wrapper .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1rem;opacity:.5;pointer-events:none}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .date-input-wrapper{display:flex;flex-direction:column;gap:.25rem}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .date-input-wrapper label{font-size:.625rem;color:#647196;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .date-input-wrapper .date-input{padding:.5rem;border:2px solid #e6ecf1;border-radius:8px;font-size:.875rem;background:#fff;min-width:140px;height:38px;transition:all .2s ease;box-shadow:inset 2px 2px 5px #a3b1c626,inset -2px -2px 5px #ffffffe6}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .date-input-wrapper .date-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,inset 2px 2px 5px #a3b1c626}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .date-input-wrapper .date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .2s}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .date-input-wrapper .date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .clear-dates-btn{height:38px;padding:0 1rem}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .divider{width:1px;height:38px;background:linear-gradient(180deg,transparent,#e6ecf1,transparent);align-self:center;margin:0 .5rem}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .action-buttons{display:flex;gap:.5rem;margin-left:auto}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .action-buttons .refresh-btn,.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .action-buttons .export-btn{display:inline-flex!important;align-items:center;gap:.375rem;height:38px;padding:0 1rem}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .action-buttons .refresh-btn .btn-icon,.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .action-buttons .export-btn .btn-icon{font-size:.875rem;line-height:1}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .action-buttons .refresh-btn span:not(.btn-icon),.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .action-buttons .export-btn span:not(.btn-icon){font-size:.875rem;line-height:1}@media (max-width: 1024px){.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .action-buttons{margin-left:0}}@media (max-width: 768px){.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters{flex-direction:column;align-items:stretch}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .search-wrapper .search-input,.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .date-input-wrapper .date-input{width:100%}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .divider{display:none}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .action-buttons{justify-content:stretch}.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .action-buttons .refresh-btn,.modern-branch-alerts-container .branch-section .alerts-header__controls .date-filters .action-buttons .export-btn{flex:1}}.modern-branch-alerts-container .alerts-list{display:flex;flex-direction:column;gap:1.5rem}.modern-branch-alerts-container .alert-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;background:linear-gradient(145deg,#fff,#f8fafc);border:none;border-radius:16px;box-shadow:8px 8px 16px #a3b1c626,-4px -4px 12px #fffc;transition:all .3s ease;position:relative;overflow:hidden}.modern-branch-alerts-container .alert-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;transition:all .3s ease}.modern-branch-alerts-container .alert-item:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #a3b1c633,-6px -6px 16px #ffffffe6}.modern-branch-alerts-container .alert-item.high:before{background:linear-gradient(180deg,#ff073a,#d60d3a);box-shadow:0 0 15px #ff073a4d}.modern-branch-alerts-container .alert-item.high .alert-priority{background:linear-gradient(135deg,#ff073a,#d60d3a);color:#fff;box-shadow:0 0 15px #ff073a4d}.modern-branch-alerts-container .alert-item.medium:before{background:linear-gradient(180deg,#ffbf00,#ff9500);box-shadow:0 0 15px #ffbf004d}.modern-branch-alerts-container .alert-item.medium .alert-priority{background:linear-gradient(135deg,#ffbf00,#ff9500);color:#fff;box-shadow:0 0 15px #ffbf004d}.modern-branch-alerts-container .alert-item.low:before{background:linear-gradient(180deg,#00ff41,#00d635);box-shadow:0 0 15px #00ff414d}.modern-branch-alerts-container .alert-item.low .alert-priority{background:linear-gradient(135deg,#00ff41,#00d635);color:#fff;box-shadow:0 0 15px #00ff414d}.modern-branch-alerts-container .alert-item .alert-priority{padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;min-width:80px;text-align:center;flex-shrink:0}.modern-branch-alerts-container .alert-item .alert-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.modern-branch-alerts-container .alert-item .alert-content h4{font-size:1.2rem;color:#00568f;font-weight:600;margin:0;line-height:1.3}.modern-branch-alerts-container .alert-item .alert-content p{font-size:1rem;color:#4a5568;margin:0;line-height:1.4}.modern-branch-alerts-container .alert-item .alert-content .alert-time{font-size:.875rem;color:#a0aec0;font-weight:500}.modern-branch-alerts-container .alert-item .alert-actions{flex-shrink:0}.modern-branch-alerts-container .alert-item .alert-actions .btn-respond{padding:.75rem 1.5rem;border:none;border-radius:20px;background:linear-gradient(135deg,#00568f,#00d4ff);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #00568f4d}.modern-branch-alerts-container .alert-item .alert-actions .btn-respond:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00568f66;background:linear-gradient(135deg,#004578,#00b8e6)}.modern-branch-alerts-container .alert-item .alert-actions .btn-respond:active{transform:translateY(0)}.modern-branch-alerts-container .alert-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.modern-branch-alerts-container .alert-filters .filter-pill{padding:.75rem 1.5rem;border:2px solid transparent;border-radius:25px;background:linear-gradient(145deg,#fff,#f8fafc);color:#4a5568;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;text-transform:uppercase;letter-spacing:.05em;box-shadow:4px 4px 8px #a3b1c626,-2px -2px 6px #fffc}.modern-branch-alerts-container .alert-filters .filter-pill:hover{transform:translateY(-2px);border-color:#00568f;color:#00568f;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #ffffffe6}.modern-branch-alerts-container .alert-filters .filter-pill.active{background:linear-gradient(135deg,#00568f,#00d4ff);color:#fff;border-color:transparent;box-shadow:0 4px 12px #00568f4d}.modern-branch-alerts-container .alert-filters .filter-pill.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00568f66}.modern-branch-alerts-container .alert-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:2rem}.modern-branch-alerts-container .alert-stats .stat-item{text-align:center;padding:1.5rem;background:linear-gradient(145deg,#fff,#f0f4f8);border-radius:16px;box-shadow:8px 8px 16px #a3b1c626,-4px -4px 12px #fffc;transition:all .3s ease}.modern-branch-alerts-container .alert-stats .stat-item:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #a3b1c633,-6px -6px 16px #ffffffe6}.modern-branch-alerts-container .alert-stats .stat-item h3{font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,#00568f,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;border:none}.modern-branch-alerts-container .alert-stats .stat-item h3:after{display:none}.modern-branch-alerts-container .alert-stats .stat-item p{font-size:.875rem;color:#4a5568;margin:.5rem 0 0;font-weight:500;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.modern-branch-alerts-container{padding:0 1rem 1rem;padding-top:100px}.modern-branch-alerts-container .branch-main{padding:1rem}.modern-branch-alerts-container .branch-header{margin:1rem 0 0}.modern-branch-alerts-container .branch-header h1{font-size:2.5rem}.modern-branch-alerts-container .alert-item{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem}.modern-branch-alerts-container .alert-item .alert-priority{align-self:flex-start}.modern-branch-alerts-container .alert-item .alert-actions{align-self:stretch}.modern-branch-alerts-container .alert-item .alert-actions .btn-respond{width:100%;padding:1rem}.modern-branch-alerts-container .alert-filters{grid-template-columns:1fr;gap:.75rem}.modern-branch-alerts-container .alert-stats{grid-template-columns:repeat(2,1fr);gap:1rem}}.modern-branch-alerts-container .emergency-contact{display:flex;flex-direction:column;gap:.25rem}.modern-branch-alerts-container .emergency-contact .contact-count{font-size:.75rem;color:#647196}.modern-branch-alerts-container .emergency-contact .contact-number{font-size:.875rem;color:#1a1f36}.modern-branch-alerts-container .emergency-contact .contact-number strong{font-weight:600;color:#647196;margin-right:.25rem}.modern-branch-alerts-container .emergency-contact .no-contact{font-size:.875rem;color:#94a3b8;font-style:italic}.modern-branch-alerts-container .customer-info{display:flex;align-items:center;gap:.75rem}.modern-branch-alerts-container .customer-info .customer-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.modern-branch-alerts-container .customer-info .customer-details{display:flex;flex-direction:column}.modern-branch-alerts-container .customer-info .customer-details .customer-name{font-weight:500;color:#1a1f36}.modern-branch-alerts-container .customer-info .customer-details .customer-phone{font-size:.875rem;color:#647196}.modern-branch-alerts-container .location-info{display:flex;flex-direction:column;gap:.25rem}.modern-branch-alerts-container .location-info .location-name{color:#1a1f36}.modern-branch-alerts-container .location-info .location-coords{font-size:.8rem;color:#8e95b3}.modern-branch-alerts-container .alert-type{font-weight:500;color:#1a1f36}.modern-branch-alerts-container .customer-type{color:#647196;font-size:.9rem}.modern-branch-alerts-container .alerts-table{margin-top:1rem}.modern-branch-alerts-container .alerts-table .table{background:#fff;border-radius:8px;overflow:hidden}.modern-branch-alerts-container .alerts-table .table__header{background-color:#f7f9fc;font-weight:600;color:#647196;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.modern-branch-alerts-container .alerts-table .table__row{transition:background-color .2s}.modern-branch-alerts-container .alerts-table .table__row:hover{background-color:#f8fafb}.modern-branch-alerts-container .alerts-table .table__cell{padding:1rem;border-bottom:1px solid #e6ecf1}.modern-branch-alerts-container .alerts-table button{transition:all .2s}.modern-branch-alerts-container .date-filters{margin-top:1.5rem;padding:1rem;background:#f7f9fc;border-radius:8px}.modern-branch-alerts-container .date-filters h4{margin-bottom:1rem;color:#1a1f36;font-size:1rem;font-weight:600}.modern-branch-alerts-container .date-filters .date-filter-controls{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}@media (max-width: 768px){.modern-branch-alerts-container .date-filters .date-filter-controls{flex-direction:column;align-items:stretch}}.modern-branch-alerts-container .date-filters .date-input-group{display:flex;flex-direction:column;gap:.25rem}.modern-branch-alerts-container .date-filters .date-input-group label{font-size:.875rem;color:#647196;font-weight:500}.modern-branch-alerts-container .date-filters .date-input-group input[type=date]{padding:.5rem;border-radius:6px;border:1px solid #e6ecf1;font-size:.9rem;min-width:150px;background:#fff;transition:all .2s}.modern-branch-alerts-container .date-filters .date-input-group input[type=date]:hover{border-color:#667eea}.modern-branch-alerts-container .date-filters .date-input-group input[type=date]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modern-branch-alerts-container .date-filters .date-filter-info{margin-top:.75rem;font-size:.875rem;color:#647196;padding:.5rem;background:#fff;border-radius:4px;border-left:3px solid #667eea}.modern-branch-alerts-container .branch-section .alert-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1rem}.modern-branch-alerts-container .branch-section .alert-filters .filter-dropdown{padding:.5rem 2rem .5rem .75rem;border-radius:6px;border:1px solid #e6ecf1;font-size:.875rem;min-width:150px;background:#fff;cursor:pointer;color:#1a1f36;font-weight:500;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modern-branch-alerts-container .branch-section .alert-filters .filter-dropdown:hover{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modern-branch-alerts-container .branch-section .alert-filters .filter-dropdown:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.modern-branch-alerts-container .branch-section .alert-filters .filter-dropdown option{padding:.5rem;font-weight:400}.alert-details-content{padding:.5rem}.alert-details-content .detail-card{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:16px;padding:1.25rem;margin-bottom:1rem;box-shadow:6px 6px 12px #a3b1c633,-4px -4px 10px #ffffffe6;transition:all .3s ease}.alert-details-content .detail-card:hover{box-shadow:8px 8px 16px #a3b1c640,-6px -6px 12px #fffffff2}.alert-details-content .detail-card:last-child{margin-bottom:0}.alert-details-content .profile-header{display:flex;align-items:center;gap:1.5rem;padding:1.25rem;margin-bottom:1rem;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:16px;box-shadow:6px 6px 12px #a3b1c633,-4px -4px 10px #ffffffe6}.alert-details-content .profile-header .avatar-container{position:relative;flex-shrink:0}.alert-details-content .profile-header .avatar-container .customer-avatar{width:80px;height:80px;border-radius:50%;border:3px solid #fff;box-shadow:0 4px 12px #667eea26,inset 0 -2px 4px #0000001a;object-fit:cover}.alert-details-content .profile-header .avatar-container .priority-overlay{position:absolute;bottom:-5px;right:-5px;font-size:.7rem;padding:.25rem .5rem;border-radius:20px;box-shadow:0 2px 6px #00000026}.alert-details-content .profile-header .profile-info{flex:1}.alert-details-content .profile-header .profile-info .customer-name{font-size:1.25rem;font-weight:600;color:#1a1f36;margin:0 0 .25rem}.alert-details-content .profile-header .profile-info .customer-type{font-size:.875rem;color:#667eea;margin:0 0 .25rem;font-weight:500}.alert-details-content .profile-header .profile-info .customer-location{font-size:.875rem;color:#647196;margin:0}.alert-details-content .detail-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem}.alert-details-content .detail-stats-grid .stat-card{background:#fff9;border-radius:12px;padding:.875rem;text-align:center;box-shadow:inset 2px 2px 4px #a3b1c626,inset -2px -2px 4px #fff}.alert-details-content .detail-stats-grid .stat-card .stat-label{display:block;font-size:.75rem;color:#94a3b8;margin-bottom:.5rem;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.alert-details-content .detail-stats-grid .stat-card .stat-value{display:block;font-size:1rem;color:#1a1f36;font-weight:600;word-break:break-all}.alert-details-content .section-title{font-size:1rem;font-weight:600;color:#1a1f36;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.alert-details-content .section-title.collapsible-header{margin-bottom:0;padding:.5rem;margin:-.5rem -.5rem 0;border-radius:8px;transition:background-color .2s}.alert-details-content .section-title.collapsible-header:hover{background-color:#667eea0d}.alert-details-content .section-title.collapsible-header .collapse-icon{transition:transform .3s ease}.alert-details-content .section-title .section-icon{font-size:1.2rem}.alert-details-content .section-title .contact-counter{font-size:.9rem;color:#94a3b8;font-weight:500;margin-left:.5rem}.alert-details-content .collapsible-content.collapsed{padding-top:0}.alert-details-content .collapsible-content.expanded{padding-top:1rem}.alert-details-content .contacts-card .contacts-list{display:flex;flex-direction:column;gap:.75rem}.alert-details-content .contacts-card .contacts-list.two-column-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (max-width: 768px){.alert-details-content .contacts-card .contacts-list.two-column-layout{grid-template-columns:1fr}}.alert-details-content .contacts-card .contacts-list .contact-item{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#ffffffb3;border-radius:10px;border:1px solid rgba(102,126,234,.1);transition:all .2s ease}.alert-details-content .contacts-card .contacts-list .contact-item:hover{background:#ffffffe6;border-color:#667eea33;box-shadow:0 2px 8px #667eea14}.alert-details-content .contacts-card .contacts-list .contact-item .contact-badge{font-size:.75rem;font-weight:600;color:#667eea;padding:.25rem .75rem;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:20px;white-space:nowrap;align-self:flex-start}.alert-details-content .contacts-card .contacts-list .contact-item .contact-number{font-size:1rem;font-weight:600;color:#1a1f36}.alert-details-content .contacts-card .contacts-list .contact-item .contact-name{font-size:.875rem;color:#647196}.alert-details-content .contacts-card .contacts-list .no-contacts{text-align:center;padding:1.5rem;color:#94a3b8;font-size:.9rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;grid-column:1/-1}.alert-details-content .contacts-card .contacts-list .no-contacts .empty-icon{font-size:2rem;opacity:.5}.alert-details-content .description-card .description-text{color:#647196;line-height:1.6;margin:0;font-size:.95rem}.alert-details-content .info-card .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.alert-details-content .info-card .info-grid .info-item{padding:.5rem 0;border-bottom:1px solid #e6ecf1}.alert-details-content .info-card .info-grid .info-item .info-label{display:block;font-size:.75rem;color:#94a3b8;margin-bottom:.25rem;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.alert-details-content .info-card .info-grid .info-item .info-value{font-size:.95rem;color:#1a1f36;font-weight:500}@media (max-width: 640px){.alert-details-content .profile-header{flex-direction:column;text-align:center}.alert-details-content .detail-stats-grid{grid-template-columns:repeat(2,1fr)}.alert-details-content .info-card .info-grid{grid-template-columns:1fr}}.assignment-modal-content .alert-info-section{margin-bottom:2rem}.assignment-modal-content .alert-info-section .section-title{font-size:1rem;font-weight:600;color:#1a1f36;margin-bottom:1rem}.assignment-modal-content .alert-info-section .alert-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem;background:#f7f9fc;border-radius:8px}.assignment-modal-content .alert-info-section .alert-info-grid .info-item{display:flex;flex-direction:column;gap:.25rem}.assignment-modal-content .alert-info-section .alert-info-grid .info-item .info-label{font-size:.875rem;color:#647196;font-weight:500}.assignment-modal-content .alert-info-section .alert-info-grid .info-item .info-value{font-size:1rem;color:#1a1f36;font-weight:600}.assignment-modal-content .employee-selection-section .section-title{font-size:1rem;font-weight:600;color:#1a1f36;margin-bottom:1rem}.assignment-modal-content .employee-selection-section .loading-employees{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#647196}.assignment-modal-content .employee-selection-section .loading-employees .spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.assignment-modal-content .employee-selection-section .employees-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-height:400px;overflow-y:auto;padding:.5rem}@media (max-width: 768px){.assignment-modal-content .employee-selection-section .employees-list{grid-template-columns:1fr}}.assignment-modal-content .employee-selection-section .employee-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:2px solid #e6ecf1;border-radius:8px;cursor:pointer;transition:all .2s ease}.assignment-modal-content .employee-selection-section .employee-card:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea14}.assignment-modal-content .employee-selection-section .employee-card.selected{background:linear-gradient(135deg,#667eea05,#764ba205);border-color:#667eea;box-shadow:0 4px 12px #667eea1f}.assignment-modal-content .employee-selection-section .employee-card .employee-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.assignment-modal-content .employee-selection-section .employee-card .employee-info{flex:1}.assignment-modal-content .employee-selection-section .employee-card .employee-info .employee-name{font-size:1rem;font-weight:600;color:#1a1f36;margin-bottom:.25rem}.assignment-modal-content .employee-selection-section .employee-card .employee-info .employee-details{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#647196}.assignment-modal-content .employee-selection-section .employee-card .employee-info .employee-details .separator{color:#94a3b8}.assignment-modal-content .employee-selection-section .employee-card .employee-info .employee-details .employee-department{font-weight:500;color:#667eea}.assignment-modal-content .employee-selection-section .no-employees{text-align:center;padding:3rem 2rem;color:#647196;background:#f7f9fc;border-radius:8px}.assignment-modal-content .employee-selection-section .no-employees p{margin:.5rem 0}.assignment-modal-content .employee-selection-section .no-employees p.hint{font-size:.875rem;color:#94a3b8;margin-top:1rem}.assignment-modal-content .employee-selection-section .selection-summary{margin-top:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,#667eea10,#764ba210);border-radius:8px;text-align:center;font-size:.875rem;font-weight:600;color:#667eea}.modern-branch-reports-container{width:100%;flex:1;margin:0;padding:1rem 2rem;display:flex;flex-direction:column;box-sizing:border-box;background:linear-gradient(135deg,#f0f4f8,#e9f2ff);overflow-x:hidden;position:relative}.modern-branch-reports-container .branch-main{max-width:100vw;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.modern-branch-reports-container .branch-header{margin:1.5rem 0 0 1rem}.modern-branch-reports-container .branch-header h1{font-size:3rem;color:#00568f;font-weight:200;letter-spacing:.005em;margin:0}.modern-branch-reports-container .branch-header p{color:#4a5568;font-size:1rem;margin:.5rem 0 0;font-weight:400}.branch-section{background:linear-gradient(145deg,#fff,#f0f4f8);border:none;border-radius:16px;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;padding:2rem;margin-bottom:2rem;width:100%}.branch-section h3{color:#00568f;font-size:1.8rem;font-weight:300;margin:0 0 2rem;padding-bottom:1rem;border-bottom:2px solid #e1ff0c;position:relative}.branch-section h3:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:#00568f}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}@media (max-width: 768px){.filters-row{grid-template-columns:1fr;gap:.75rem}}.filters-row input[type=date],.filters-row select{padding:1rem 1.2rem;border:2px solid #e8eaed;border-radius:2rem;font-size:1rem;transition:all .3s ease;background:#fff;color:#00568f;box-sizing:border-box}.filters-row input[type=date]:focus,.filters-row select:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 4px #00568f1a;transform:translateY(-2px)}.filters-row .export-btn{padding:1rem 2rem;border:none;border-radius:2rem;background:linear-gradient(135deg,#00568f,#00d4ff);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #00568f4d}.filters-row .export-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00568f66;background:linear-gradient(135deg,#004578,#00b8e6)}.filters-row .export-btn:active{transform:translateY(0)}.filter-stats{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid #e8eaed}.filter-stats .stat-item-inline{text-align:center;padding:1rem;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:12px;box-shadow:4px 4px 8px #a3b1c626,-2px -2px 6px #fffc;transition:all .3s ease;min-width:80px}.filter-stats .stat-item-inline:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #ffffffe6}.filter-stats .stat-item-inline h3{font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#00568f,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;border:none}.filter-stats .stat-item-inline h3:after{display:none}.filter-stats .stat-item-inline p{font-size:.75rem;color:#4a5568;margin:.25rem 0 0;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.reports-table-container{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:16px;overflow:hidden;box-shadow:8px 8px 16px #a3b1c626,-4px -4px 12px #fffc}.reports-table-container .reports-table{width:100%;border-collapse:collapse;font-size:.9rem}.reports-table-container .reports-table thead{background:linear-gradient(135deg,#00568f,#00d4ff)}.reports-table-container .reports-table thead th{padding:1.25rem 1rem;text-align:left;color:#fff;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border:none}.reports-table-container .reports-table thead th:first-child{border-radius:0}.reports-table-container .reports-table thead th:last-child{border-radius:0}.reports-table-container .reports-table tbody tr{transition:all .3s ease;border-bottom:1px solid rgba(163,177,198,.1)}.reports-table-container .reports-table tbody tr:hover{background:linear-gradient(145deg,#f8fafc,#f0f4f8);transform:translate(2px)}.reports-table-container .reports-table tbody tr:last-child{border-bottom:none}.reports-table-container .reports-table tbody tr td{padding:1rem;color:#2d3748;font-weight:400;vertical-align:middle;border:none}.reports-table-container .reports-table tbody tr td:first-child{font-weight:600;color:#00568f}.priority-badge{padding:.4rem .9rem;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-block}.priority-badge.critical{background:linear-gradient(135deg,#ff073a,#d60d3a);color:#fff;box-shadow:0 2px 8px #ff073a4d}.priority-badge.high{background:linear-gradient(135deg,#ffbf00,#ff9500);color:#fff;box-shadow:0 2px 8px #ffbf004d}.priority-badge.medium{background:linear-gradient(135deg,#00ff41,#00d635);color:#fff;box-shadow:0 2px 8px #00ff414d}.priority-badge.low{background:linear-gradient(135deg,#e8eaed,#d1d5db);color:#4a5568;box-shadow:0 2px 8px #0000001a}.status-badge{padding:.4rem .9rem;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-block}.status-badge.resolved{background:linear-gradient(135deg,#00ff41,#00d635);color:#fff;box-shadow:0 2px 8px #00ff414d}.status-badge.in-progress{background:linear-gradient(135deg,#00568f,#00d4ff);color:#fff;box-shadow:0 2px 8px #00568f4d}.status-badge.acknowledged{background:linear-gradient(135deg,#ffbf00,#ff9500);color:#fff;box-shadow:0 2px 8px #ffbf004d}.status-badge.new{background:linear-gradient(135deg,#ff073a,#d60d3a);color:#fff;box-shadow:0 2px 8px #ff073a4d}.empty-state{text-align:center;padding:4rem 2rem;color:#a0aec0}.empty-state h4{color:#00568f;font-size:1.2rem;font-weight:400;margin:0 0 1rem}.empty-state p{font-size:1rem;margin:0;line-height:1.5}@media (max-width: 768px){.modern-branch-reports-container,.modern-branch-reports-container .branch-main{padding:1rem}.modern-branch-reports-container .branch-header{margin:1rem 0 0}.modern-branch-reports-container .branch-header h1{font-size:2.5rem}.reports-table-container{overflow-x:auto}.reports-table-container .reports-table{min-width:600px}.reports-table-container .reports-table thead th,.reports-table-container .reports-table tbody td{padding:.75rem .5rem;font-size:.8rem}.filter-stats{flex-direction:column;align-items:flex-start;gap:.75rem}.filter-stats .stat-item-inline{min-width:auto;width:100%}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes loading{0%{background-position:-200% 0}to{background-position:200% 0}}.alert-notification-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-in-out;padding:20px}.alert-notification-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:24px;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}.alert-notification-modal__header{display:flex;align-items:center;gap:16px;padding:24px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#ef44441a,#dc26260d)}.alert-notification-modal__header-icon{font-size:48px;animation:pulse 2s infinite}.alert-notification-modal__header-content{flex:1}.alert-notification-modal__title{font-size:24px;font-weight:700;color:#fff;margin:0 0 4px}.alert-notification-modal__subtitle{font-size:14px;color:#ffffffb3;margin:0}.alert-notification-modal__priority-badge{padding:8px 16px;border-radius:12px;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #0000004d}.alert-notification-modal__body{padding:24px}.alert-notification-modal__customer{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff0d;border-radius:16px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.alert-notification-modal__customer-photo{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000004d}.alert-notification-modal__customer-photo-placeholder{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:32px;border:3px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000004d}.alert-notification-modal__customer-info{flex:1}.alert-notification-modal__customer-name{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px}.alert-notification-modal__customer-phone{font-size:14px;color:#ffffffb3;margin:0}.alert-notification-modal__location{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.alert-notification-modal__location-item{padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.alert-notification-modal__location-label{display:block;font-size:12px;color:#fff9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.alert-notification-modal__location-value{display:block;font-size:16px;font-weight:600;color:#fff}.alert-notification-modal__details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.alert-notification-modal__detail-item{padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.alert-notification-modal__detail-label{display:block;font-size:12px;color:#fff9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.alert-notification-modal__detail-value{display:block;font-size:16px;font-weight:600;color:#fff}.alert-notification-modal__audio-btn{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea66}.alert-notification-modal__audio-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea99}.alert-notification-modal__audio-btn:disabled{opacity:.5;cursor:not-allowed}.alert-notification-modal__actions{display:flex;flex-direction:column;gap:12px;padding:24px;border-top:1px solid rgba(255,255,255,.1)}.alert-notification-modal__btn{padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.alert-notification-modal__btn:disabled{opacity:.5;cursor:not-allowed}.alert-notification-modal__btn--accept{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98166}.alert-notification-modal__btn--accept:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b98199}.alert-notification-modal__btn--reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef444466}.alert-notification-modal__btn--reject:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ef444499}.alert-notification-modal__btn--escalate{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b66}.alert-notification-modal__btn--escalate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b99}.alert-notification-modal__btn--secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.alert-notification-modal__btn--secondary:hover:not(:disabled){background:#ffffff26}.alert-notification-modal__form{padding:24px;border-top:1px solid rgba(255,255,255,.1)}.alert-notification-modal__form-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 16px}.alert-notification-modal__textarea{width:100%;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:16px}.alert-notification-modal__textarea::placeholder{color:#fff6}.alert-notification-modal__textarea:focus{outline:none;border-color:#667eea99;box-shadow:0 0 0 3px #667eea33}.alert-notification-modal__textarea:disabled{opacity:.5;cursor:not-allowed}.alert-notification-modal__form-actions{display:flex;gap:12px}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.alert-notification-modal{max-width:100%;margin:0;border-radius:0;max-height:100vh}.alert-notification-modal__location,.alert-notification-modal__details{grid-template-columns:1fr}}:root{--primary-color: #3b82f6;--primary-dark: #2563eb;--primary-light: #dbeafe;--secondary-color: #64748b;--secondary-dark: #475569;--secondary-light: #f1f5f9;--accent-color: #06b6d4;--accent-dark: #0891b2;--accent-light: #cffafe;--success-color: #10b981;--success-dark: #059669;--success-light: #d1fae5;--warning-color: #f59e0b;--warning-dark: #d97706;--warning-light: #fef3c7;--danger-color: #ef4444;--danger-dark: #dc2626;--danger-light: #fee2e2;--info-color: #3b82f6;--info-dark: #2563eb;--info-light: #dbeafe;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-white: #ffffff;--background-primary: #ffffff;--background-secondary: #f9fafb;--background-light: #f3f4f6;--background-dark: #374151;--border-light: #e5e7eb;--border-medium: #d1d5db;--border-dark: #6b7280;--surface-light: #f8fafc;--surface-white: #ffffff;--surface-dark: #1f2937;--text-primary-dark: #f9fafb;--text-secondary-dark: #d1d5db;--background-primary-dark: #111827;--background-secondary-dark: #1f2937;--border-dark: #374151;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}.modern-employee-dashboard-container{min-height:100vh;width:100%;flex:1;margin:0;padding:1rem 2rem;display:flex;flex-direction:column;box-sizing:border-box;background:linear-gradient(135deg,#f0f4f8,#e9f2ff);overflow-x:hidden;position:relative}.modern-employee-dashboard-container .employee-main{overflow:visible;max-height:none;width:100%;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.modern-employee-dashboard-container .employee-header{margin:1.5rem 0 0 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.modern-employee-dashboard-container .employee-header .header-content h1{font-size:3rem;color:#00568f;font-weight:200;letter-spacing:.005em;margin:0}.modern-employee-dashboard-container .employee-header .header-content p{color:#4a5568;font-size:1rem;margin:.5rem 0 0;font-weight:400}.modern-employee-dashboard-container .employee-header .duty-status-controls{display:flex;align-items:center;gap:1rem;background:linear-gradient(145deg,#fff,#f0f4f8);padding:.75rem 1.5rem;border-radius:12px;box-shadow:8px 8px 16px #a3b1c626,-4px -4px 12px #fffc}.modern-employee-dashboard-container .employee-header .duty-status-controls .status-label{font-weight:600;color:#4a5568;font-size:.9rem}.modern-employee-dashboard-container .employee-header .duty-status-controls .status-buttons{display:flex;gap:.5rem}.modern-employee-dashboard-container .employee-header .duty-status-controls .status-buttons .status-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid transparent;border-radius:8px;background:transparent;color:#4a5568;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.modern-employee-dashboard-container .employee-header .duty-status-controls .status-buttons .status-btn .status-indicator{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0;align-self:center;vertical-align:middle}.modern-employee-dashboard-container .employee-header .duty-status-controls .status-buttons .status-btn .status-indicator.status-dot--online{background:#10b981}.modern-employee-dashboard-container .employee-header .duty-status-controls .status-buttons .status-btn .status-indicator.status-dot--away{background:#f59e0b}.modern-employee-dashboard-container .employee-header .duty-status-controls .status-buttons .status-btn .status-indicator.status-dot--offline{background:#6b7280}.modern-employee-dashboard-container .employee-header .duty-status-controls .status-buttons .status-btn:hover{background:#00568f0d}.modern-employee-dashboard-container .employee-header .duty-status-controls .status-buttons .status-btn.active{background:#00568f1a;font-weight:600}.employee-dashboard-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;min-height:800px;align-items:stretch}@media (max-width: 1200px){.employee-dashboard-layout{grid-template-columns:1fr;gap:1.5rem;min-height:auto}}.left-section,.right-section{display:flex;flex-direction:column;gap:2rem;height:100%}.employee-section{background:linear-gradient(145deg,#fff,#f0f4f8);border:none;border-radius:16px;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;padding:2rem;width:100%}.employee-section h3{color:#00568f;font-size:1.8rem;font-weight:300;margin:0 0 2rem;padding-bottom:1rem;border-bottom:2px solid #e1ff0c;position:relative}.employee-section h3:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:#00568f}.section-header-with-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e1ff0c;position:relative}.section-header-with-actions h3{margin:0;padding:0;border:none}.section-header-with-actions h3:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:#00568f}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.dashboard-stats .stat-item{text-align:center;padding:1.5rem 1rem;background:linear-gradient(145deg,#fff,#f0f4f8);border-radius:16px;box-shadow:8px 8px 16px #a3b1c626,-4px -4px 12px #fffc;transition:all .3s ease;position:relative;overflow:hidden}.dashboard-stats .stat-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#00568f,#00d4ff)}.dashboard-stats .stat-item:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #a3b1c633,-6px -6px 16px #ffffffe6}.dashboard-stats .stat-item.stat-critical:before{background:linear-gradient(180deg,#ff073a,#d60d3a)}.dashboard-stats .stat-item.stat-warning:before{background:linear-gradient(180deg,#ffbf00,#ff9500)}.dashboard-stats .stat-item.stat-success:before{background:linear-gradient(180deg,#10b981,#059669)}.dashboard-stats .stat-item.stat-info:before{background:linear-gradient(180deg,#3b82f6,#2563eb)}.dashboard-stats .stat-item .stat-icon{font-size:2rem;margin-bottom:.5rem}.dashboard-stats .stat-item h3{font-size:2.5rem;font-weight:700;color:#00568f;margin:.5rem 0;padding:0;border:none}.dashboard-stats .stat-item h3:after{display:none}.dashboard-stats .stat-item p{font-size:.9rem;color:#4a5568;font-weight:500;margin:0}.dashboard-stats .stat-item .stat-subtitle{display:block;font-size:.75rem;color:#4a5568;margin-top:.25rem;opacity:.7}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.quick-actions-grid .action-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(145deg,#fff,#f0f4f8);border:none;border-radius:12px;box-shadow:6px 6px 12px #a3b1c626,-3px -3px 8px #fffc;cursor:pointer;transition:all .3s ease;text-align:left}.quick-actions-grid .action-card:hover{transform:translateY(-2px);box-shadow:10px 10px 20px #a3b1c633,-5px -5px 12px #ffffffe6}.quick-actions-grid .action-card.action-primary{background:linear-gradient(135deg,#00568f,#00d4ff);color:#fff}.quick-actions-grid .action-card.action-primary .action-icon{background:#fff3}.quick-actions-grid .action-card.action-primary .action-content h4,.quick-actions-grid .action-card.action-primary .action-content p{color:#fff}.quick-actions-grid .action-card .action-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#00568f1a;border-radius:10px;flex-shrink:0}.quick-actions-grid .action-card .action-content{flex:1}.quick-actions-grid .action-card .action-content h4{font-size:1rem;font-weight:600;color:#00568f;margin:0 0 .25rem}.quick-actions-grid .action-card .action-content p{font-size:.875rem;color:#4a5568;margin:0}.alerts-section{flex:1;display:flex;flex-direction:column}.alerts-section .alerts-container{flex:1;min-height:400px;display:flex;flex-direction:column}.alerts-section .loading-state,.alerts-section .error-state,.alerts-section .empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 2rem;text-align:center}.alerts-section .loading-state .spinner,.alerts-section .error-state .spinner,.alerts-section .empty-state .spinner{width:40px;height:40px;border:4px solid rgba(0,86,143,.1);border-top-color:#00568f;border-radius:50%;animation:spin 1s linear infinite}.alerts-section .loading-state .empty-icon,.alerts-section .error-state .empty-icon,.alerts-section .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem}.alerts-section .loading-state h4,.alerts-section .error-state h4,.alerts-section .empty-state h4{font-size:1.25rem;color:#00568f;margin:0 0 .5rem}.alerts-section .loading-state p,.alerts-section .error-state p,.alerts-section .empty-state p{color:#4a5568;margin:0}@media (max-width: 768px){.modern-employee-dashboard-container{padding:0 1rem 1rem}.modern-employee-dashboard-container .employee-main{padding:1rem}.modern-employee-dashboard-container .employee-header{flex-direction:column;align-items:flex-start}.modern-employee-dashboard-container .employee-header .header-content h1{font-size:2rem}.modern-employee-dashboard-container .employee-header .duty-status-controls{width:100%;justify-content:space-between}.modern-employee-dashboard-container .employee-header .duty-status-controls .status-buttons{flex-wrap:wrap}.quick-actions-grid{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(2,1fr)}}.modern-customer-management-container{width:100vw;min-height:100vh;flex:1;margin:0;padding:1rem 2rem;display:flex;flex-direction:column;box-sizing:border-box;background:linear-gradient(135deg,#f0f4f8,#e9f2ff);overflow-x:hidden;position:relative}.customer-main{max-width:100vw;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.customer-header{margin:1.5rem 0 0 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.customer-header .header-content h1{font-size:3rem;color:#00568f;font-weight:200;letter-spacing:.005em;margin:0}.customer-header .header-content p{color:#6b7280;font-size:1rem;margin:.5rem 0 0;font-weight:400}.customer-header .header-actions{display:flex;gap:.75rem}.customer-section{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;padding:24px;margin-bottom:24px}.stats-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stats-section .stats-grid .stat-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px;border-radius:12px;box-shadow:4px 4px 8px #a3b1c626,-2px -2px 6px #fffc;display:flex;align-items:center;gap:16px;transition:all .3s ease}.stats-section .stats-grid .stat-card:hover{transform:translateY(-2px);box-shadow:6px 6px 12px #a3b1c633,-3px -3px 8px #ffffffe6}.stats-section .stats-grid .stat-card .stat-icon{font-size:32px}.stats-section .stats-grid .stat-card .stat-content .stat-value{font-size:28px;font-weight:700;color:#1e293b;line-height:1;margin-bottom:4px}.stats-section .stats-grid .stat-card .stat-content .stat-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.stats-section .stats-grid .stat-card.stat-active{border-left:4px solid #10b981}.stats-section .stats-grid .stat-card.stat-premium{border-left:4px solid #764ba2}.stats-section .stats-grid .stat-card.stat-enterprise{border-left:4px solid #00568f}.filters-section .filters-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:16px;align-items:end}.filters-section .filters-grid .filter-group{display:flex;flex-direction:column;gap:8px}.filters-section .filters-grid .filter-group label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.filters-section .filters-grid .filter-group input,.filters-section .filters-grid .filter-group select{padding:10px 14px;border:1px solid rgba(0,86,143,.2);border-radius:8px;background:#fff;color:#1e293b;font-size:14px;transition:all .2s ease}.filters-section .filters-grid .filter-group input:focus,.filters-section .filters-grid .filter-group select:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a}.filters-section .filters-grid .filter-group input:hover,.filters-section .filters-grid .filter-group select:hover{border-color:#00568f}.filters-section .filters-grid .filter-actions{display:flex;align-items:flex-end}.customer-content{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;padding:24px;min-height:400px}.customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.customers-grid .customer-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;box-shadow:4px 4px 8px #a3b1c626,-2px -2px 6px #fffc}.customers-grid .customer-card:hover{transform:translateY(-4px);border-color:#00568f;box-shadow:8px 8px 16px #a3b1c640,-4px -4px 10px #ffffffe6}.customers-grid .customer-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.customers-grid .customer-card .card-header .customer-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#00568f,#0077b6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;box-shadow:0 4px 12px #00568f4d}.customers-grid .customer-card .card-header .customer-badges{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.customers-grid .customer-card .card-header .customer-badges .tier-badge,.customers-grid .customer-card .card-header .customer-badges .status-badge{padding:4px 10px;border-radius:12px;font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.customers-grid .customer-card .card-body{margin-bottom:16px}.customers-grid .customer-card .card-body h3{margin:0 0 12px;font-size:18px;font-weight:600;color:#1e293b}.customers-grid .customer-card .card-body p{margin:6px 0;font-size:13px;color:#64748b;display:flex;align-items:center;gap:6px}.customers-grid .customer-card .card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:16px;border-top:1px solid rgba(0,86,143,.1);margin-bottom:12px}.customers-grid .customer-card .card-stats .stat-item{text-align:center}.customers-grid .customer-card .card-stats .stat-item .stat-number{display:block;font-size:20px;font-weight:700;color:#00568f;margin-bottom:2px}.customers-grid .customer-card .card-stats .stat-item .stat-text{display:block;font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.customers-grid .customer-card .card-footer{padding-top:12px;border-top:1px solid rgba(0,86,143,.1)}.customers-grid .customer-card .card-footer .join-date{font-size:12px;color:#64748b}.customers-list{display:flex;flex-direction:column;gap:12px}.customers-list .customer-list-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;box-shadow:4px 4px 8px #a3b1c626,-2px -2px 6px #fffc}.customers-list .customer-list-item:hover{transform:translate(4px);border-color:#00568f;box-shadow:6px 6px 12px #a3b1c633,-3px -3px 8px #ffffffe6}.customers-list .customer-list-item .list-item-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#00568f,#0077b6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;flex-shrink:0;box-shadow:0 4px 12px #00568f4d}.customers-list .customer-list-item .list-item-content{flex:1}.customers-list .customer-list-item .list-item-content .list-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.customers-list .customer-list-item .list-item-content .list-item-header h4{margin:0;font-size:16px;font-weight:600;color:#1e293b}.customers-list .customer-list-item .list-item-content .list-item-header .list-item-badges{display:flex;gap:6px}.customers-list .customer-list-item .list-item-content .list-item-header .list-item-badges .tier-badge,.customers-list .customer-list-item .list-item-content .list-item-header .list-item-badges .status-badge{padding:4px 10px;border-radius:12px;font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.customers-list .customer-list-item .list-item-content .list-item-details{display:flex;gap:16px;flex-wrap:wrap}.customers-list .customer-list-item .list-item-content .list-item-details span{font-size:13px;color:#64748b}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-state .spinner,.empty-state .spinner{width:48px;height:48px;border:4px solid rgba(0,86,143,.1);border-top-color:#00568f;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-state .empty-icon,.empty-state .empty-icon{font-size:64px;margin-bottom:20px}.loading-state h4,.empty-state h4{margin:0 0 12px;font-size:20px;font-weight:600;color:#1e293b}.loading-state p,.empty-state p{margin:0;font-size:14px;color:#64748b}.customer-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.customer-modal{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.customer-modal::-webkit-scrollbar{width:8px}.customer-modal::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.customer-modal::-webkit-scrollbar-thumb{background:#00568f4d;border-radius:4px}.customer-modal::-webkit-scrollbar-thumb:hover{background:#00568f80}.customer-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid rgba(0,86,143,.1)}.customer-modal .modal-header .modal-customer-info{display:flex;align-items:center;gap:16px}.customer-modal .modal-header .modal-customer-info .customer-avatar-large{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#00568f,#0077b6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;box-shadow:0 4px 12px #00568f4d}.customer-modal .modal-header .modal-customer-info h2{margin:0 0 8px;font-size:24px;font-weight:600;color:#1e293b}.customer-modal .modal-header .modal-customer-info .modal-badges{display:flex;gap:8px}.customer-modal .modal-header .modal-customer-info .modal-badges .tier-badge,.customer-modal .modal-header .modal-customer-info .modal-badges .status-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.customer-modal .modal-header .modal-close{width:36px;height:36px;border-radius:50%;border:none;background:#0000000d;color:#64748b;font-size:20px;cursor:pointer;transition:all .2s ease}.customer-modal .modal-header .modal-close:hover{background:#ef44441a;color:#ef4444;transform:scale(1.1)}.customer-modal .modal-body{padding:24px}.customer-modal .modal-body .modal-section{margin-bottom:24px}.customer-modal .modal-body .modal-section:last-child{margin-bottom:0}.customer-modal .modal-body .modal-section h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 16px}.customer-modal .modal-body .modal-section .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.customer-modal .modal-body .modal-section .info-grid .info-item{display:flex;flex-direction:column;gap:4px}.customer-modal .modal-body .modal-section .info-grid .info-item .info-label{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.customer-modal .modal-body .modal-section .info-grid .info-item .info-value{font-size:14px;color:#1e293b;font-weight:500}.customer-modal .modal-body .modal-section .alert-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.customer-modal .modal-body .modal-section .alert-stats .alert-stat{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:16px;border-radius:12px;text-align:center;box-shadow:4px 4px 8px #a3b1c626,-2px -2px 6px #fffc}.customer-modal .modal-body .modal-section .alert-stats .alert-stat .stat-number{display:block;font-size:28px;font-weight:700;color:#00568f;margin-bottom:4px}.customer-modal .modal-body .modal-section .alert-stats .alert-stat .stat-label{display:block;font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.customer-modal .modal-body .modal-section .contact-count{font-size:14px;color:#64748b;margin:0}.customer-modal .modal-body .modal-section .quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.customers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.filters-section .filters-grid{grid-template-columns:1fr 1fr}.filters-section .filters-grid .filter-group:first-child{grid-column:1/-1}}@media (max-width: 768px){.customer-main{padding:12px}.customer-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.customer-header .header-content h1{font-size:24px}.customer-header .header-actions{width:100%;flex-direction:column}.stats-section .stats-grid{grid-template-columns:repeat(2,1fr)}.filters-section .filters-grid,.customers-grid{grid-template-columns:1fr}.customer-modal{max-height:95vh;margin:10px}.customer-modal .modal-header{padding:16px}.customer-modal .modal-header .modal-customer-info{gap:12px}.customer-modal .modal-header .modal-customer-info .customer-avatar-large{width:48px;height:48px;font-size:18px}.customer-modal .modal-header .modal-customer-info h2{font-size:20px}.customer-modal .modal-body{padding:16px}.customer-modal .modal-body .modal-section .info-grid,.customer-modal .modal-body .modal-section .alert-stats,.customer-modal .modal-body .modal-section .quick-actions{grid-template-columns:1fr}}.modern-3d-carousel{position:relative;padding:2rem 0;width:100%;overflow:hidden}.carousel-title{font-size:1.5rem;font-weight:500;text-align:center;margin-bottom:2rem;color:#00568f}.carousel-container{position:relative;display:flex;justify-content:center;align-items:center;height:500px;perspective:1000px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:6px 6px 12px #a3b1c633,-3px -3px 8px #fffc;padding:2rem}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid rgba(0,86,143,.2);background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#00568f;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:4px 4px 8px #a3b1c626,-2px -2px 6px #fffc;display:flex;align-items:center;justify-content:center}.carousel-nav-btn:hover{transform:translateY(-50%) scale(1.1);box-shadow:6px 6px 12px #a3b1c633,-3px -3px 8px #ffffffe6;background:#00568f;color:#fff}.carousel-nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:translateY(-50%) scale(.9)}.carousel-nav-btn:disabled:hover{transform:translateY(-50%) scale(.9);background:#ffffffe6;color:#00568f}.carousel-nav-btn.prev-nav{left:20px}.carousel-nav-btn.next-nav{right:20px}.carousel-nav-btn svg{filter:none}.card-stack{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.carousel-card{position:absolute;width:380px;height:420px;border-radius:16px;box-shadow:6px 6px 12px #a3b1c633,-3px -3px 8px #fffc;transition:all .5s cubic-bezier(.25,.8,.25,1);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,86,143,.1)}.carousel-card.card-active{z-index:3;transform:translateZ(0) scale(1);background:linear-gradient(135deg,#fff,#f8fafc);filter:blur(0px);box-shadow:8px 8px 16px #a3b1c640,-4px -4px 12px #ffffffe6}.carousel-card.card-left{z-index:1;transform:translate(-180px) translateZ(-100px) rotateY(25deg) scale(.8);background:linear-gradient(135deg,#ffffffb3,#f8fafc99);filter:blur(2px);opacity:.7}.carousel-card.card-right{z-index:1;transform:translate(180px) translateZ(-100px) rotateY(-25deg) scale(.8);background:linear-gradient(135deg,#ffffffb3,#f8fafc99);filter:blur(2px);opacity:.7}.carousel-card-content{padding:2.5rem;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.carousel-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.carousel-badge{display:inline-block;padding:.5rem 1rem;border-radius:25px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.carousel-badge: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}.carousel-badge:hover:before{left:100%}.carousel-badge.badge-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.carousel-badge.badge-success{background:linear-gradient(135deg,#56ab2f,#a8e6cf);color:#fff;box-shadow:0 4px 15px #56ab2f4d}.carousel-badge.badge-danger{background:linear-gradient(135deg,#ff416c,#ff4b2b);color:#fff;box-shadow:0 4px 15px #ff416c4d}.carousel-badge.badge-warning{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 4px 15px #f093fb4d}.carousel-badge.badge-info{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;box-shadow:0 4px 15px #4ecdc44d}.carousel-timestamp{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.9rem;font-weight:500}.carousel-timestamp svg{opacity:.7}.carousel-card-body{flex:1;display:flex;flex-direction:column;gap:1rem}.carousel-card-title{font-size:1.3rem;font-weight:700;color:#2c3e50;line-height:1.4;margin-bottom:.5rem}.carousel-card-details{display:flex;flex-direction:column;gap:.8rem}.carousel-detail-item{display:flex;align-items:center;gap:.8rem;color:#555;font-size:.95rem}.carousel-detail-item svg{color:#667eea;flex-shrink:0}.carousel-card-actions{margin-top:1.5rem;padding-bottom:.5rem}.carousel-actions-primary{display:flex;gap:1rem;justify-content:center}.carousel-actions-secondary{display:flex;gap:.8rem;justify-content:center}.carousel-action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;border:none;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 6px 20px #00000026}.carousel-action-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0003}.carousel-action-btn:active{transform:translateY(-1px);box-shadow:0 4px 15px #0003}.carousel-action-btn.btn-primary{background:#007bff;color:#fff;box-shadow:0 6px 20px #007bff4d}.carousel-action-btn.btn-primary:hover{box-shadow:0 10px 30px #007bff66}.carousel-action-btn.btn-success{background:#28a745;color:#fff;box-shadow:0 6px 20px #28a7454d}.carousel-action-btn.btn-success:hover{box-shadow:0 10px 30px #28a74566}.carousel-action-btn.btn-danger{background:#dc3545;color:#fff;box-shadow:0 6px 20px #dc35454d}.carousel-action-btn.btn-danger:hover{box-shadow:0 10px 30px #dc354566}.carousel-action-btn.btn-warning{background:#ffc107;color:#212529;box-shadow:0 6px 20px #ffc1074d}.carousel-action-btn.btn-warning:hover{box-shadow:0 10px 30px #ffc10766}.carousel-action-btn.btn-info{background:#17a2b8;color:#fff;box-shadow:0 6px 20px #17a2b84d}.carousel-action-btn.btn-info:hover{box-shadow:0 10px 30px #17a2b866}.carousel-action-btn svg{filter:drop-shadow(0 0 3px rgba(255,255,255,.3))}.carousel-glow-effect{position:relative}.carousel-glow-effect:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#667eea,#764ba2,#667eea);border-radius:inherit;z-index:-1;filter:blur(10px);opacity:.7;animation:carouselGlowRotate 2s linear infinite}@keyframes carouselGlowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes carouselSlideIn{0%{transform:translate(100px) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes carouselSlideOut{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-100px) scale(.8);opacity:0}}@media (max-width: 768px){.carousel-container{height:450px}.carousel-nav-btn{width:50px;height:50px}.carousel-nav-btn.prev-nav{left:-60px}.carousel-nav-btn.next-nav{right:-60px}.carousel-card{width:320px;height:380px}.carousel-card.card-left{transform:translate(-150px) translateZ(-80px) rotateY(25deg) scale(.75)}.carousel-card.card-right{transform:translate(150px) translateZ(-80px) rotateY(-25deg) scale(.75)}.carousel-card-content{padding:2rem}.carousel-card-title{font-size:1.1rem}.carousel-action-btn{padding:.6rem 1rem;font-size:.8rem}.carousel-actions-secondary{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.carousel-container{height:400px}.carousel-nav-btn{width:45px;height:45px}.carousel-nav-btn.prev-nav{left:-50px}.carousel-nav-btn.next-nav{right:-50px}.carousel-card{width:280px;height:350px}.carousel-card.card-left{transform:translate(-120px) translateZ(-60px) rotateY(20deg) scale(.7)}.carousel-card.card-right{transform:translate(120px) translateZ(-60px) rotateY(-20deg) scale(.7)}.carousel-card-content{padding:1.5rem}.carousel-title{font-size:1.5rem}.carousel-card-title{font-size:1rem}.carousel-action-btn{padding:.5rem .8rem;font-size:.7rem}}.dashboard-container{width:100vw;min-height:100vh;flex:1;margin:0;padding:1rem 2rem;display:flex;flex-direction:column;box-sizing:border-box;background:linear-gradient(135deg,#f0f4f8,#e9f2ff);overflow-x:hidden;position:relative}.dashboard-container .dashboard-main{max-width:100vw;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.dashboard-header{position:fixed!important;top:0;left:0;right:0;z-index:1000;margin-left:80px!important}@media (max-width: 1023px){.dashboard-header{margin-left:0!important}}body.sidebar-expanded .dashboard-header{margin-left:240px!important}.page-header-modern .header-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.page-header-modern .header-top .header-content h1{font-size:3rem;color:#00568f;font-weight:200;letter-spacing:.005em;margin:0;line-height:1}.page-header-modern .header-top .header-content p{color:#6b7280;font-size:1rem;margin:.5rem 0 0;font-weight:400}.page-header-modern .header-content-flex{display:flex;gap:3rem;align-items:flex-start}@media (max-width: 1200px){.page-header-modern .header-content-flex{flex-direction:column;gap:2rem}}.page-header-modern .header-content-flex .team-status-carousel-section,.page-header-modern .header-content-flex .alert-stats-modern{flex:1;min-width:0}.page-header-modern .alert-stats-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.page-header-modern .alert-stats-modern .stat-card-modern{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;box-shadow:6px 6px 12px #a3b1c633,-3px -3px 8px #fffc;padding:1.25rem;text-align:center;transition:all .3s ease}.page-header-modern .alert-stats-modern .stat-card-modern:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #a3b1c640,-4px -4px 12px #ffffffe6}.page-header-modern .alert-stats-modern .stat-card-modern .stat-icon-modern{width:48px;height:48px;margin:0 auto .75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00568f,#004578);color:#fff;font-size:1.25rem;box-shadow:4px 4px 8px #00568f33,-2px -2px 6px #fffc}.page-header-modern .alert-stats-modern .stat-card-modern .stat-content-modern .stat-number-modern{display:block;font-size:2rem;font-weight:200;color:#00568f;margin-bottom:.25rem;line-height:1}.page-header-modern .alert-stats-modern .stat-card-modern .stat-content-modern .stat-label-modern{display:block;font-size:.85rem;color:#6b7280;font-weight:400}.page-header-modern .alert-stats-modern .stat-card-modern.active{border-left:3px solid #ff073a}.page-header-modern .alert-stats-modern .stat-card-modern.investigating{border-left:3px solid #764ba2}.page-header-modern .alert-stats-modern .stat-card-modern.resolved{border-left:3px solid #10b981}.alert-cards-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem;padding:1.5rem}.alert-cards-modern .alert-card-modern{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;box-shadow:6px 6px 12px #a3b1c633,-3px -3px 8px #fffc;padding:1.25rem;transition:all .3s ease;border-left:3px solid transparent}.alert-cards-modern .alert-card-modern:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #a3b1c640,-4px -4px 12px #ffffffe6}.alert-cards-modern .alert-card-modern.priority-critical{border-left-color:#ff073a}.alert-cards-modern .alert-card-modern.priority-high{border-left-color:#ff9500}.alert-cards-modern .alert-card-modern.priority-medium{border-left-color:#ffbf00}.alert-cards-modern .alert-card-modern.priority-low{border-left-color:#10b981}.alert-cards-modern .alert-card-modern .alert-header-modern{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.alert-cards-modern .alert-card-modern .alert-header-modern .alert-customer-modern .customer-name-modern{font-size:1.2rem;font-weight:400;color:#00568f;margin-bottom:.5rem}.alert-cards-modern .alert-card-modern .alert-header-modern .alert-customer-modern .alert-type-modern{font-size:.9rem;color:#4a5568;text-transform:uppercase;letter-spacing:.5px}.alert-cards-modern .alert-card-modern .alert-header-modern .alert-badges-modern{display:flex;flex-direction:column;gap:.5rem}.alert-cards-modern .alert-card-modern .alert-header-modern .alert-badges-modern .priority-badge{padding:.5rem .75rem;border-radius:8px;font-size:.9rem;font-weight:400;text-align:center}.alert-cards-modern .alert-card-modern .alert-header-modern .alert-badges-modern .priority-badge.priority-critical{background:#c530301a;color:#c53030}.alert-cards-modern .alert-card-modern .alert-header-modern .alert-badges-modern .priority-badge.priority-high{background:#ef44441a;color:#dc2626}.alert-cards-modern .alert-card-modern .alert-header-modern .alert-badges-modern .priority-badge.priority-medium{background:#f59e0b1a;color:#d97706}.alert-cards-modern .alert-card-modern .alert-header-modern .alert-badges-modern .priority-badge.priority-low{background:#10b9811a;color:#059669}.alert-cards-modern .alert-card-modern .alert-header-modern .alert-badges-modern .status-badge{padding:.5rem .75rem;border-radius:8px;font-size:.9rem;font-weight:400;text-align:center}.alert-cards-modern .alert-card-modern .alert-header-modern .alert-badges-modern .status-badge.status-active{background:#3b82f61a;color:#2563eb}.alert-cards-modern .alert-card-modern .alert-header-modern .alert-badges-modern .status-badge.status-investigating{background:#764ba21a;color:#764ba2}.alert-cards-modern .alert-card-modern .alert-header-modern .alert-badges-modern .status-badge.status-resolved{background:#10b9811a;color:#059669}.alert-cards-modern .alert-card-modern .alert-content-modern{margin-bottom:1.25rem}.alert-cards-modern .alert-card-modern .alert-content-modern .alert-timestamp-modern{font-size:.9rem;color:#4a5568;margin-bottom:.75rem}.alert-cards-modern .alert-card-modern .alert-content-modern .alert-location-modern{font-size:1.2rem;color:#2d3748;margin-bottom:.75rem;font-weight:400}.alert-cards-modern .alert-card-modern .alert-content-modern .alert-description-modern{font-size:1.2rem;color:#2d3748;line-height:1.5}.alert-cards-modern .alert-card-modern .alert-actions-modern{display:flex;gap:.75rem}.alert-cards-modern .alert-card-modern .alert-actions-modern button{width:100%;padding:1.5rem;border:none;background:#00568f;color:#fff;font-size:1.1rem;font-weight:400;cursor:pointer;transition:all .3s ease;width:auto;padding:.75rem 1.25rem;font-size:.9rem;border-radius:8px}.alert-cards-modern .alert-card-modern .alert-actions-modern button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00568f4d;background:#004578}.alert-cards-modern .alert-card-modern .alert-actions-modern button:active{transform:translateY(0)}.alert-cards-modern .alert-card-modern .alert-actions-modern button:disabled{background:#a0aec0;cursor:not-allowed;box-shadow:none;transform:none}.alert-cards-modern .alert-card-modern .alert-actions-modern button.secondary{background:#fff;color:#2d3748;border:1px solid #e2e8f0}.alert-cards-modern .alert-card-modern .alert-actions-modern button.secondary:hover{background:#00568f;color:#fff;border-color:#00568f}.team-status-section{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:6px 6px 12px #a3b1c633,-3px -3px 8px #fffc;padding:2rem;margin:1.5rem;position:relative}.team-status-section .section-header-modern{text-align:center;margin-bottom:2rem}.team-status-section .section-header-modern h2{font-size:1.5rem;font-weight:500;color:#00568f;margin:0 0 .75rem;padding-bottom:.75rem;border-bottom:2px solid #764ba2;display:inline-block;position:relative}.team-status-section .section-header-modern h2:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:40px;height:2px;background:linear-gradient(135deg,#00568f,#764ba2)}.team-status-section .team-carousel-container{position:relative;overflow:hidden}.team-status-section .team-carousel-container .team-carousel{display:flex;transition:transform .5s cubic-bezier(.23,1,.32,1)}.team-status-section .team-carousel-container .team-carousel .team-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;box-shadow:4px 4px 8px #a3b1c626,-2px -2px 6px #fffc;min-width:280px;padding:1.5rem;margin:0 .5rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.team-status-section .team-carousel-container .team-carousel .team-card:hover{transform:translateY(-4px);box-shadow:6px 6px 12px #a3b1c633,-3px -3px 8px #ffffffe6}.team-status-section .team-carousel-container .team-carousel .team-card .employee-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#00568f,#004578);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:400;margin:0 auto 1rem;box-shadow:4px 4px 8px #00568f33,-2px -2px 6px #fffc}.team-status-section .team-carousel-container .team-carousel .team-card .employee-name{font-size:1.125rem;font-weight:500;color:#1f2937;margin-bottom:.5rem}.team-status-section .team-carousel-container .team-carousel .team-card .employee-status{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.team-status-section .team-carousel-container .team-carousel .team-card .employee-status .status-dot{width:12px;height:12px;border-radius:50%}.team-status-section .team-carousel-container .team-carousel .team-card .employee-status .status-dot.online{background:#10b981}.team-status-section .team-carousel-container .team-carousel .team-card .employee-status .status-dot.away{background:#f59e0b}.team-status-section .team-carousel-container .team-carousel .team-card .employee-status .status-dot.offline{background:#6b7280}.team-status-section .team-carousel-container .team-carousel .team-card .employee-status .status-text{font-size:.875rem;color:#6b7280;text-transform:capitalize}.team-status-section .team-carousel-container .team-carousel .team-card .alert-count{font-size:.875rem;color:#6b7280}.team-status-section .team-carousel-container .carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#ffffffe6;border:1px solid rgba(0,86,143,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:4px 4px 8px #a3b1c626,-2px -2px 6px #fffc}.team-status-section .team-carousel-container .carousel-nav:hover{background:#00568f;color:#fff;transform:translateY(-50%) scale(1.1);box-shadow:6px 6px 12px #a3b1c633,-3px -3px 8px #ffffffe6}.team-status-section .team-carousel-container .carousel-nav.prev{left:-20px}.team-status-section .team-carousel-container .carousel-nav.next{right:-20px}.alert-filters-modern{border-radius:20px;background:#f0f4f8;box-shadow:20px 20px 40px #d1d9e6,-20px -20px 40px #fff;padding:1.5rem;margin:2rem;background:#ffffffe6}.alert-filters-modern .filters-header{text-align:center;margin-bottom:1.25rem}.alert-filters-modern .filters-header h3{font-size:1.2rem;font-weight:400;color:#00568f;margin:0}.alert-filters-modern .filters-content{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.alert-filters-modern .filters-content .filter-group{display:flex;flex-direction:column;align-items:center;gap:.75rem}.alert-filters-modern .filters-content .filter-group label{font-size:.9rem;color:#1f2937;font-weight:500}.alert-filters-modern .filters-content .filter-group select{width:180px;padding:.75rem 1rem;font-size:.9rem;border-radius:12px;border:2px solid #e2e8f0;background:#fff;color:#1f2937;box-shadow:inset 2px 2px 4px #a3b1c61a;transition:all .3s ease;cursor:pointer}.alert-filters-modern .filters-content .filter-group select:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 4px #00568f1a,inset 2px 2px 4px #a3b1c61a}.alert-filters-modern .filters-content .filter-group select:hover{border-color:#00568f}.alert-filters-modern .filters-content .filter-actions button{padding:.75rem 1.5rem;font-size:.9rem;border-radius:12px;background:linear-gradient(145deg,#fff,#f0f4f8);color:#6b7280;border:2px solid #e2e8f0;cursor:pointer;transition:all .3s ease;box-shadow:4px 4px 8px #a3b1c626,-2px -2px 6px #fffc}.alert-filters-modern .filters-content .filter-actions button:hover{background:linear-gradient(135deg,#00568f,#004578);color:#fff;border-color:#00568f;box-shadow:6px 6px 12px #00568f33,-3px -3px 8px #fffc}.quick-actions-panel{border-radius:20px;background:#f0f4f8;box-shadow:20px 20px 40px #d1d9e6,-20px -20px 40px #fff;padding:1.5rem;margin:2rem;background:#fffffff2}.quick-actions-panel .panel-header{text-align:center;margin-bottom:1.25rem}.quick-actions-panel .panel-header h3{font-size:1.2rem;font-weight:400;color:#00568f;margin:0 0 .75rem;padding-bottom:.75rem;border-bottom:2px solid #764ba2;display:inline-block;position:relative}.quick-actions-panel .panel-header h3:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:40px;height:2px;background:linear-gradient(135deg,#00568f,#764ba2)}.quick-actions-panel .quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.quick-actions-panel .quick-actions .action-card{border-radius:16px;background:#f0f4f8;box-shadow:20px 20px 40px #d1d9e6,-20px -20px 40px #fff;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fffc}.quick-actions-panel .quick-actions .action-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00568f4d;background:#fff}.quick-actions-panel .quick-actions .action-card .action-icon{font-size:3rem;margin-bottom:1.25rem;color:#00568f}.quick-actions-panel .quick-actions .action-card .action-title{font-size:1.2rem;font-weight:400;color:#00568f;margin-bottom:.75rem}.quick-actions-panel .quick-actions .action-card .action-description{font-size:.9rem;color:#4a5568;line-height:1.5}.status-indicator{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:500;white-space:nowrap;vertical-align:middle}.status-indicator .status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-indicator.status-active{background:#3b82f61a;color:#2563eb}.status-indicator.status-active .status-dot{background:#2563eb}.status-indicator.status-investigating{background:#764ba21a;color:#764ba2}.status-indicator.status-investigating .status-dot{background:#764ba2}.status-indicator.status-resolved{background:#10b9811a;color:#059669}.status-indicator.status-resolved .status-dot{background:#059669}.status-indicator.status-false-alarm{background:#6b72801a;color:#6b7280}.status-indicator.status-false-alarm .status-dot{background:#6b7280}.priority-indicator{display:inline-flex;align-items:center;padding:.5rem .75rem;border-radius:8px;font-size:.9rem;font-weight:400}.priority-indicator.priority-critical{background:#c530301a;color:#c53030}.priority-indicator.priority-high{background:#ef44441a;color:#dc2626}.priority-indicator.priority-medium{background:#f59e0b1a;color:#d97706}.priority-indicator.priority-low{background:#10b9811a;color:#059669}.action-btn-modern{width:100%;padding:1.5rem;border:none;background:#00568f;color:#fff;font-size:1.1rem;font-weight:400;cursor:pointer;transition:all .3s ease;width:auto;padding:.75rem 1.25rem;font-size:.9rem;border-radius:8px;margin:0 .5rem}.action-btn-modern:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00568f4d;background:#004578}.action-btn-modern:active{transform:translateY(0)}.action-btn-modern:disabled{background:#a0aec0;cursor:not-allowed;box-shadow:none;transform:none}.action-btn-modern.secondary{background:#fff;color:#2d3748;border:1px solid #e2e8f0}.action-btn-modern.secondary:hover{background:#00568f;color:#fff;border-color:#00568f}.action-btn-modern.danger{background:#c53030}.action-btn-modern.danger:hover{background:#9c2626;transform:translateY(-2px)}@media (max-width: 1200px){.page-header-modern{margin:1.5rem;padding:2rem 1.5rem}.alert-cards-modern{padding:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.team-status-section,.alert-filters-modern,.quick-actions-panel{margin:1.5rem}}@media (max-width: 768px){.page-header-modern{margin:1.25rem;padding:1.5rem}.page-header-modern .page-title-modern{font-size:2rem}.page-header-modern .alert-stats-modern{grid-template-columns:repeat(2,1fr);gap:.75rem}.alert-cards-modern{padding:1.25rem;grid-template-columns:1fr;gap:.75rem}.team-status-section,.alert-filters-modern,.quick-actions-panel{margin:1.25rem;padding:1.25rem}.alert-filters-modern .filters-content{flex-direction:column;gap:1.25rem}}@media (max-width: 480px){.page-header-modern{margin:.75rem;padding:1.25rem}.page-header-modern .alert-stats-modern{grid-template-columns:1fr}.alert-cards-modern{padding:.75rem}.team-status-section,.alert-filters-modern,.quick-actions-panel{margin:.75rem}}.alerts-section-modern{margin:2rem}.alerts-section-modern .section-header{border-radius:20px;background:#f0f4f8;box-shadow:20px 20px 40px #d1d9e6,-20px -20px 40px #fff;padding:1.5rem 2rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.alerts-section-modern .section-header .section-title{font-size:1.2rem;font-weight:400;color:#00568f;margin:0}.alerts-section-modern .section-header .section-filters{display:flex;gap:1.25rem;align-items:center}.alerts-section-modern .section-header .section-filters .filter-group-inline{display:flex;align-items:center;gap:.75rem}.alerts-section-modern .section-header .section-filters .filter-group-inline .filter-label-inline{font-size:.9rem;color:#2d3748;font-weight:400}.alerts-section-modern .section-header .section-filters .filter-group-inline .filter-select-inline{width:100%;padding:1.5rem 2rem;border:1px solid #e2e8f0;background:#fff;font-size:1.1rem;color:#2d3748;transition:all .3s ease;width:auto;min-width:140px;padding:.75rem 1.25rem;font-size:.9rem;border-radius:8px}.alerts-section-modern .section-header .section-filters .filter-group-inline .filter-select-inline::placeholder{color:#a0aec0}.alerts-section-modern .section-header .section-filters .filter-group-inline .filter-select-inline:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a}.alerts-table-container{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:6px 6px 12px #a3b1c633,-3px -3px 8px #fffc;margin:1.5rem;overflow:hidden;transition:all .3s ease}.alerts-table-container:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #a3b1c640,-4px -4px 12px #ffffffe6}.alerts-table{width:100%;border-collapse:separate;border-spacing:0;background:transparent}.alerts-table thead tr{background:linear-gradient(135deg,#00568f14,#764ba214)}.alerts-table thead tr th{padding:1.5rem 2rem;text-align:left;border:none;font-weight:500;color:#00568f;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;position:relative}.alerts-table thead tr th:first-child{border-radius:12px 0 0}.alerts-table thead tr th:last-child{border-radius:0 12px 0 0}.alerts-table thead tr th .th-content{display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:500}.alerts-table thead tr th .th-content svg{width:14px;height:14px;opacity:.7}.alerts-table thead tr th:after{content:"";position:absolute;bottom:0;left:1.5rem;right:1.5rem;height:1px;background:linear-gradient(90deg,transparent 0%,#00568f 50%,transparent 100%);opacity:.3}.alerts-table tbody .alert-row{background:transparent;transition:all .3s cubic-bezier(.23,1,.32,1);border:none}.alerts-table tbody .alert-row:hover{background:linear-gradient(135deg,#00568f08,#764ba208);transform:scale(1.005);box-shadow:inset 0 0 0 1px #00568f1a}.alerts-table tbody .alert-row td{padding:1.5rem 2rem;text-align:left;border:none;border-bottom:1px solid rgba(0,86,143,.06);position:relative;vertical-align:middle;color:#1f2937;font-size:.95rem}.alerts-table tbody .alert-row td:first-child{border-left:3px solid transparent;transition:border-left-color .3s ease}.alerts-table tbody .alert-row:hover td:first-child{border-left-color:#00568f}.alerts-table tbody .alert-row:last-child td{border-bottom:none}.alerts-table .customer-info{display:flex;align-items:center;gap:1.25rem}.alerts-table .customer-info .customer-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#00568f,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:.9rem;box-shadow:10px 10px 20px #d1d9e64d,-10px -10px 20px #ffffff4d;border:2px solid rgba(255,255,255,.9);transition:all .3s ease}.alerts-table .customer-info .customer-avatar:hover{transform:scale(1.1);box-shadow:20px 20px 40px #d1d9e6,-20px -20px 40px #fff}.alerts-table .customer-info .customer-avatar svg{width:20px;height:20px}.alerts-table .customer-info .customer-details .customer-name{font-weight:400;color:#2d3748;font-size:1.1rem;margin-bottom:.25rem;line-height:1.4}.alerts-table .customer-info .customer-details .customer-id{font-size:.9rem;color:#4a5568;opacity:.8}.alerts-table .location-info .location-name{font-weight:400;color:#2d3748;font-size:1.1rem;margin-bottom:.5rem;line-height:1.4}.alerts-table .location-info .coordinates{font-size:.9rem;color:#4a5568;opacity:.8;font-family:Monaco,Consolas,monospace}.alerts-table .time-info .time-main{font-weight:400;color:#2d3748;font-size:1.1rem;margin-bottom:.5rem;line-height:1.4}.alerts-table .time-info .time-date{font-size:.9rem;color:#4a5568;opacity:.8}.alerts-table .alert-type-modern{display:flex;align-items:center;gap:.5rem}.alerts-table .alert-type-modern .priority-indicator{width:8px;height:8px;border-radius:50%;position:relative;box-shadow:2px 2px 4px #a3b1c626,-1px -1px 3px #fffc;border:2px solid rgba(255,255,255,.9);flex-shrink:0}.alerts-table .alert-type-modern .priority-indicator.critical{background:#ff073a;animation:pulse-critical 2s infinite}.alerts-table .alert-type-modern .priority-indicator.high{background:#ff9500;animation:pulse-warning 3s infinite}.alerts-table .alert-type-modern .priority-indicator.medium{background:#ffbf00}.alerts-table .alert-type-modern .priority-indicator.low{background:#10b981}.alerts-table .alert-type-modern .priority-indicator:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:inherit;opacity:.2;animation:inherit}.alerts-table .alert-type-modern .type-label{font-size:.7rem;color:#1f2937;font-weight:500;padding:.2rem .4rem;background:#00568f0d;border-radius:4px;border:1px solid rgba(0,86,143,.1);white-space:nowrap}.alerts-table .assigned-info .assigned-me,.alerts-table .assigned-info .assigned-other,.alerts-table .assigned-info .unassigned{display:flex;align-items:center;gap:.75rem}.alerts-table .assigned-info .assigned-me .assigned-avatar,.alerts-table .assigned-info .assigned-other .assigned-avatar,.alerts-table .assigned-info .unassigned .assigned-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:400}.alerts-table .assigned-info .assigned-me .assigned-avatar.me,.alerts-table .assigned-info .assigned-other .assigned-avatar.me,.alerts-table .assigned-info .unassigned .assigned-avatar.me{background:#00568f;color:#fff}.alerts-table .assigned-info .assigned-me .assigned-avatar.other,.alerts-table .assigned-info .assigned-other .assigned-avatar.other,.alerts-table .assigned-info .unassigned .assigned-avatar.other{background:#764ba2;color:#fff}.alerts-table .assigned-info .assigned-me .assigned-avatar.unassigned,.alerts-table .assigned-info .assigned-other .assigned-avatar.unassigned,.alerts-table .assigned-info .unassigned .assigned-avatar.unassigned{background:#e2e8f0;color:#4a5568}.alerts-table .assigned-info .status-indicator{width:8px;height:8px;border-radius:50%;background:#00568f;margin-left:.5rem;flex-shrink:0;display:inline-block;vertical-align:middle}.alerts-table .alert-actions-modern{display:flex;gap:.75rem}.alerts-table .alert-actions-modern .action-btn{width:36px;height:36px;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .3s cubic-bezier(.23,1,.32,1);box-shadow:4px 4px 8px #a3b1c626,-2px -2px 6px #fffc;border:1px solid rgba(255,255,255,.2)}.alerts-table .alert-actions-modern .action-btn.view-map{background:linear-gradient(145deg,#fff,#f0f4f8);color:#00568f}.alerts-table .alert-actions-modern .action-btn.view-map:hover{background:linear-gradient(135deg,#00568f,#004578);color:#fff;transform:translateY(-2px);box-shadow:6px 6px 12px #00568f33,-3px -3px 8px #fffc}.alerts-table .alert-actions-modern .action-btn.respond{background:linear-gradient(145deg,#fff,#f0f4f8);color:#10b981}.alerts-table .alert-actions-modern .action-btn.respond:hover{background:linear-gradient(135deg,#10b981,#059669);color:#fff;transform:translateY(-2px);box-shadow:6px 6px 12px #10b98133,-3px -3px 8px #fffc}.alerts-table .alert-actions-modern .action-btn.resolve{background:linear-gradient(145deg,#fff,#f0f4f8);color:#ffbf00}.alerts-table .alert-actions-modern .action-btn.resolve:hover{background:linear-gradient(135deg,#ffbf00,#ff9500);color:#fff;transform:translateY(-2px);box-shadow:6px 6px 12px #ffbf0033,-3px -3px 8px #fffc}.alerts-table .alert-actions-modern .action-btn:focus{outline:none;box-shadow:0 0 0 4px #00568f1a,4px 4px 8px #a3b1c626,-2px -2px 6px #fffc}.alerts-table .alert-actions-modern .action-btn:active{transform:translateY(-1px) scale(.98)}.alerts-table .alert-actions-modern .action-btn svg{width:16px;height:16px}@keyframes pulse-critical{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes pulse-warning{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1200}.modal-card{background:linear-gradient(145deg,#fff,#f0f4f8);border-radius:16px;padding:1.25rem;width:min(92vw,720px);box-shadow:10px 10px 20px #a3b1c640,-6px -6px 16px #ffffffd9}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.modal-body{margin-bottom:.75rem}.modal-footer{display:flex;gap:.5rem;justify-content:flex-end}.close-btn{border:none;background:transparent;font-size:1.25rem;cursor:pointer;color:#6b7280}.reject-reason{display:inline-flex;gap:.5rem;align-items:center}:root{--sx-color-bg: #ffffff;--sx-color-surface: #f0f4f8;--sx-color-primary: #00568f;--sx-color-primary-700: #004578;--sx-color-accent: #764ba2;--sx-color-text: #2d3748;--sx-color-text-muted: #4a5568;--sx-color-placeholder: #a0aec0;--sx-color-border: #e2e8f0;--sx-color-danger: #c53030;--sx-color-danger-bg: #ffeeee;--sx-color-danger-border: #fed7d7;--sx-radius-pill: 50px;--sx-radius-lg: 30px;--sx-radius-md: 20px;--sx-radius-card: 16px;--sx-radius-sm: 8px;--sx-space-xl: 1.5rem;--sx-space-2xl: 2rem}.support-chat-container{width:100vw;min-height:100vh;flex:1;margin:0;padding:1rem 2rem;display:flex;flex-direction:column;box-sizing:border-box;background:linear-gradient(135deg,#f0f4f8,#e9f2ff);overflow-x:hidden;position:relative}.support-chat-container .customer-page{max-width:100vw;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.page-header-modern{background:linear-gradient(145deg,#fff,#f0f4f8);border-radius:16px;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;padding:2rem;margin:1.5rem 0 0 1rem}.page-header-modern .header-top{text-align:left;margin-bottom:2rem}.page-header-modern .header-top .page-title-modern{font-size:3rem;color:#00568f;font-weight:200;letter-spacing:.005em;margin:0;line-height:1}.page-header-modern .header-top p{color:#6b7280;font-size:1rem;margin:.5rem 0 0;font-weight:400}.page-header-modern .support-stats-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.page-header-modern .support-stats-modern .stat-card-modern{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;box-shadow:6px 6px 12px #a3b1c633,-3px -3px 8px #fffc;padding:1.25rem;text-align:center;transition:all .3s ease}.page-header-modern .support-stats-modern .stat-card-modern:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #a3b1c640,-4px -4px 12px #ffffffe6}.page-header-modern .support-stats-modern .stat-card-modern .stat-icon-modern{width:48px;height:48px;margin:0 auto .75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00568f,#004578);color:#fff;font-size:1.25rem;box-shadow:4px 4px 8px #00568f33,-2px -2px 6px #fffc}.page-header-modern .support-stats-modern .stat-card-modern .stat-content-modern .stat-number-modern{display:block;font-size:2rem;font-weight:200;color:#00568f;margin-bottom:.25rem;line-height:1}.page-header-modern .support-stats-modern .stat-card-modern .stat-content-modern .stat-label-modern{display:block;font-size:.85rem;color:#6b7280;font-weight:400}.page-header-modern .support-stats-modern .stat-card-modern.open{border-left:4px solid #2563eb}.page-header-modern .support-stats-modern .stat-card-modern.pending{border-left:4px solid #f59e0b}.page-header-modern .support-stats-modern .stat-card-modern.resolved{border-left:4px solid #10b981}.support-content-modern{display:grid;grid-template-columns:350px 1fr;gap:2rem;margin:1.5rem;min-height:600px}@media (max-width: 1200px){.support-content-modern{grid-template-columns:300px 1fr;gap:1.5rem;margin:1.5rem}}@media (max-width: 768px){.support-content-modern{grid-template-columns:1fr;gap:1.5rem;margin:1.5rem}}.tickets-panel-modern{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:6px 6px 12px #a3b1c633,-3px -3px 8px #fffc;overflow:hidden}.tickets-panel-modern .panel-header-modern{padding:1.5rem;border-bottom:1px solid rgba(0,86,143,.1);background:#ffffffe6}.tickets-panel-modern .panel-header-modern .panel-title-modern{font-size:1.25rem;font-weight:500;color:#00568f;margin:0 0 .75rem;padding-bottom:.75rem;border-bottom:2px solid #764ba2;display:inline-block;position:relative}.tickets-panel-modern .panel-header-modern .panel-title-modern:after{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:linear-gradient(135deg,#00568f,#764ba2)}.tickets-panel-modern .panel-header-modern .panel-actions-modern{margin-top:1rem}.tickets-panel-modern .panel-header-modern .panel-actions-modern .filter-btn-modern{padding:.5rem 1rem;border:1px solid rgba(0,86,143,.2);border-radius:8px;background:#fff;color:#1f2937;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:4px 4px 8px #a3b1c626,-2px -2px 6px #fffc}.tickets-panel-modern .panel-header-modern .panel-actions-modern .filter-btn-modern:hover{background:#00568f;color:#fff;border-color:#00568f;transform:translateY(-1px);box-shadow:6px 6px 12px #a3b1c633,-3px -3px 8px #ffffffe6}.tickets-panel-modern .tickets-list-modern{padding:1rem;max-height:500px;overflow-y:auto}.tickets-panel-modern .tickets-list-modern .ticket-item-modern{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;box-shadow:4px 4px 8px #a3b1c626,-2px -2px 6px #fffc;padding:1rem;margin-bottom:1rem;cursor:pointer;transition:all .3s ease}.tickets-panel-modern .tickets-list-modern .ticket-item-modern:hover{transform:translateY(-2px);box-shadow:6px 6px 12px #a3b1c633,-3px -3px 8px #ffffffe6;background:#fff}.tickets-panel-modern .tickets-list-modern .ticket-item-modern.selected{border:2px solid #00568f;background:#00568f0d;box-shadow:6px 6px 12px #a3b1c633,-3px -3px 8px #fffc}.tickets-panel-modern .tickets-list-modern .ticket-item-modern .ticket-header-modern{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.tickets-panel-modern .tickets-list-modern .ticket-item-modern .ticket-header-modern .customer-info-modern{display:flex;align-items:center;gap:.75rem}.tickets-panel-modern .tickets-list-modern .ticket-item-modern .ticket-header-modern .customer-info-modern .customer-avatar-modern{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#00568f,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:400}.tickets-panel-modern .tickets-list-modern .ticket-item-modern .ticket-header-modern .customer-info-modern .customer-name-modern{font-size:1.2rem;font-weight:400;color:#00568f}.tickets-panel-modern .tickets-list-modern .ticket-item-modern .ticket-header-modern .ticket-badges-modern{display:flex;gap:.5rem}.tickets-panel-modern .tickets-list-modern .ticket-item-modern .ticket-header-modern .ticket-badges-modern .priority-badge,.tickets-panel-modern .tickets-list-modern .ticket-item-modern .ticket-header-modern .ticket-badges-modern .status-badge{padding:.5rem .75rem;border-radius:8px;font-size:.9rem;font-weight:400}.tickets-panel-modern .tickets-list-modern .ticket-item-modern .ticket-header-modern .ticket-badges-modern .priority-badge.priority-high{background:#ef44441a;color:#dc2626}.tickets-panel-modern .tickets-list-modern .ticket-item-modern .ticket-header-modern .ticket-badges-modern .priority-badge.priority-medium{background:#f59e0b1a;color:#d97706}.tickets-panel-modern .tickets-list-modern .ticket-item-modern .ticket-header-modern .ticket-badges-modern .priority-badge.priority-low{background:#10b9811a;color:#059669}.tickets-panel-modern .tickets-list-modern .ticket-item-modern .ticket-header-modern .ticket-badges-modern .status-badge.status-open{background:#3b82f61a;color:#2563eb}.tickets-panel-modern .tickets-list-modern .ticket-item-modern .ticket-header-modern .ticket-badges-modern .status-badge.status-pending{background:#f59e0b1a;color:#d97706}.tickets-panel-modern .tickets-list-modern .ticket-item-modern .ticket-header-modern .ticket-badges-modern .status-badge.status-resolved{background:#10b9811a;color:#059669}.tickets-panel-modern .tickets-list-modern .ticket-item-modern .ticket-subject-modern{font-size:1.2rem;font-weight:400;color:#2d3748;margin-bottom:.75rem}.tickets-panel-modern .tickets-list-modern .ticket-item-modern .ticket-preview-modern{font-size:.9rem;color:#4a5568;line-height:1.4;margin-bottom:.75rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tickets-panel-modern .tickets-list-modern .ticket-item-modern .ticket-footer-modern{display:flex;justify-content:space-between;align-items:center}.tickets-panel-modern .tickets-list-modern .ticket-item-modern .ticket-footer-modern .ticket-time-modern{font-size:.9rem;color:#4a5568}.tickets-panel-modern .tickets-list-modern .ticket-item-modern .ticket-footer-modern .ticket-indicator-modern{width:8px;height:8px;border-radius:50%;background:#00568f}.chat-panel-modern{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:6px 6px 12px #a3b1c633,-3px -3px 8px #fffc;display:flex;flex-direction:column;overflow:hidden}.chat-panel-modern .chat-header-modern{padding:1.5rem;border-bottom:1px solid rgba(0,86,143,.1);background:#ffffffe6}.chat-panel-modern .chat-header-modern .chat-customer-info-modern{display:flex;align-items:center;gap:1.25rem}.chat-panel-modern .chat-header-modern .chat-customer-info-modern .customer-avatar-large-modern{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#00568f,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:400;box-shadow:10px 10px 20px #d1d9e64d,-10px -10px 20px #ffffff4d}.chat-panel-modern .chat-header-modern .chat-customer-info-modern .customer-details-modern .customer-name-large-modern{font-size:1.2rem;font-weight:400;color:#00568f;margin:0 0 .5rem}.chat-panel-modern .chat-header-modern .chat-customer-info-modern .customer-details-modern .ticket-subject-large-modern{font-size:.9rem;color:#4a5568;margin:0}.chat-panel-modern .chat-header-modern .chat-status-modern{display:flex;gap:.75rem;margin-top:1.25rem}.chat-panel-modern .chat-messages-modern{flex:1;padding:1.5rem;overflow-y:auto;background:#ffffff80;min-height:400px}.chat-panel-modern .chat-messages-modern .message-modern{margin-bottom:1.25rem;display:flex;gap:.75rem}.chat-panel-modern .chat-messages-modern .message-modern.message-sent-modern{justify-content:flex-end}.chat-panel-modern .chat-messages-modern .message-modern.message-sent-modern .message-content-modern{background:#00568f1a;border:1px solid rgba(0,86,143,.2)}.chat-panel-modern .chat-messages-modern .message-modern.message-received-modern{justify-content:flex-start}.chat-panel-modern .chat-messages-modern .message-modern.message-received-modern .message-content-modern{background:#ffffffe6;border:1px solid #e2e8f0}.chat-panel-modern .chat-messages-modern .message-modern .message-content-modern{max-width:70%;padding:1.25rem;border-radius:20px;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc}.chat-panel-modern .chat-messages-modern .message-modern .message-content-modern .message-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.chat-panel-modern .chat-messages-modern .message-modern .message-content-modern .message-header-modern .sender-name-modern{font-size:.9rem;font-weight:400;color:#00568f}.chat-panel-modern .chat-messages-modern .message-modern .message-content-modern .message-header-modern .message-time-modern{font-size:.9rem;color:#4a5568}.chat-panel-modern .chat-messages-modern .message-modern .message-content-modern .message-text-modern{font-size:1.2rem;color:#2d3748;line-height:1.5;margin:0}.chat-panel-modern .chat-input-modern{padding:1.5rem;border-top:1px solid #e2e8f0;background:#ffffffe6}.chat-panel-modern .chat-input-modern .input-container-modern{display:flex;gap:1.25rem;align-items:flex-end}.chat-panel-modern .chat-input-modern .input-container-modern .message-input-modern{width:100%;padding:1.5rem 2rem;border:1px solid #e2e8f0;background:#fff;font-size:1.1rem;color:#2d3748;transition:all .3s ease;flex:1;min-height:60px;resize:vertical;padding:1.25rem;border-radius:20px;font-family:inherit}.chat-panel-modern .chat-input-modern .input-container-modern .message-input-modern::placeholder{color:#a0aec0}.chat-panel-modern .chat-input-modern .input-container-modern .message-input-modern:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a}.chat-panel-modern .chat-input-modern .input-container-modern .send-button-modern{width:100%;padding:1.5rem;border:none;background:#00568f;color:#fff;font-weight:400;cursor:pointer;transition:all .3s ease;width:auto;padding:1.25rem 2rem;border-radius:20px;display:flex;align-items:center;gap:.75rem;font-size:1.1rem}.chat-panel-modern .chat-input-modern .input-container-modern .send-button-modern:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00568f4d;background:#004578}.chat-panel-modern .chat-input-modern .input-container-modern .send-button-modern:active{transform:translateY(0)}.chat-panel-modern .chat-input-modern .input-container-modern .send-button-modern:disabled{background:#a0aec0;cursor:not-allowed;box-shadow:none;transform:none}.chat-panel-modern .chat-input-modern .input-container-modern .send-button-modern:disabled{background:#a0aec0;cursor:not-allowed;transform:none}.chat-panel-modern .chat-input-modern .input-container-modern .send-button-modern:disabled:hover{transform:none;box-shadow:none}.chat-panel-modern .no-ticket-selected-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:4rem;text-align:center}.chat-panel-modern .no-ticket-selected-modern .empty-state-icon-modern{margin-bottom:2rem;color:#4a5568;opacity:.6}.chat-panel-modern .no-ticket-selected-modern .empty-state-title-modern{font-size:1.2rem;font-weight:400;color:#00568f;margin:0 0 1.25rem}.chat-panel-modern .no-ticket-selected-modern .empty-state-description-modern{font-size:.9rem;color:#4a5568;line-height:1.5;max-width:400px;margin:0}.priority-badge,.status-badge{display:inline-flex;align-items:center;padding:.5rem .75rem;border-radius:8px;font-size:.9rem;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.priority-badge.priority-high,.status-badge.priority-high{background:#ef44441a;color:#dc2626}.priority-badge.priority-medium,.status-badge.priority-medium{background:#f59e0b1a;color:#d97706}.priority-badge.priority-low,.status-badge.priority-low{background:#10b9811a;color:#059669}.priority-badge.status-open,.status-badge.status-open{background:#3b82f61a;color:#2563eb}.priority-badge.status-pending,.status-badge.status-pending{background:#f59e0b1a;color:#d97706}.priority-badge.status-resolved,.status-badge.status-resolved{background:#10b9811a;color:#059669}.filter-btn-modern{width:100%;padding:1.5rem;border:none;background:#00568f;color:#fff;font-size:1.1rem;font-weight:400;cursor:pointer;transition:all .3s ease;width:auto;padding:.75rem 1.25rem;font-size:.9rem;border-radius:8px;background:#fff;color:#2d3748;border:1px solid #e2e8f0}.filter-btn-modern:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00568f4d;background:#004578}.filter-btn-modern:active{transform:translateY(0)}.filter-btn-modern:disabled{background:#a0aec0;cursor:not-allowed;box-shadow:none;transform:none}.filter-btn-modern:hover{background:#00568f;color:#fff;border-color:#00568f}.filter-btn-modern:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a}@media (max-width: 1200px){.page-header-modern{margin:1.5rem;padding:2rem 1.5rem}.support-content-modern .tickets-panel-modern .panel-header-modern{padding:1.25rem}.support-content-modern .tickets-panel-modern .tickets-list-modern{padding:.75rem}.support-content-modern .tickets-panel-modern .tickets-list-modern .ticket-item-modern,.support-content-modern .chat-panel-modern .chat-header-modern,.support-content-modern .chat-panel-modern .chat-input-modern,.support-content-modern .chat-panel-modern .chat-messages-modern{padding:1.25rem}}@media (max-width: 768px){.page-header-modern{margin:1.25rem;padding:1.5rem}.page-header-modern .page-title-modern{font-size:2rem}.page-header-modern .support-stats-modern{grid-template-columns:repeat(2,1fr);gap:.75rem}.support-content-modern .tickets-panel-modern{max-height:300px}.support-content-modern .chat-panel-modern .chat-messages-modern{min-height:300px}.support-content-modern .chat-panel-modern .chat-input-modern .input-container-modern{flex-direction:column;gap:1.25rem}.support-content-modern .chat-panel-modern .chat-input-modern .input-container-modern .message-input-modern{min-height:80px}.support-content-modern .chat-panel-modern .chat-input-modern .input-container-modern .send-button-modern{width:100%}}@media (max-width: 480px){.page-header-modern{margin:.75rem;padding:1.25rem}.page-header-modern .support-stats-modern{grid-template-columns:1fr}.support-content-modern{margin:.75rem}}.modern-map-view-container{min-height:100vh;background:linear-gradient(135deg,#f0f4f8,#e9f2ff);padding-top:1rem}.modern-map-view-container .map-main{max-width:1600px;margin:0 auto;padding:2rem;padding-top:100px}.modern-map-view-container .map-main .map-header{background:linear-gradient(145deg,#fff,#f0f4f8);border-radius:16px;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;padding:2rem;margin-bottom:2rem}.modern-map-view-container .map-main .map-header .header-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.modern-map-view-container .map-main .map-header .header-top .header-content{flex:0 1 auto}.modern-map-view-container .map-main .map-header .header-top .header-content h1{margin:0;font-size:3rem;font-weight:200;color:#00568f;letter-spacing:-.02em;line-height:1;margin-bottom:.5rem}.modern-map-view-container .map-main .map-header .header-top .header-content .location-info{margin:0;font-size:.875rem;color:#6b7280;font-weight:400}.modern-map-view-container .map-main .map-header .header-top .header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-left:auto;flex:0 0 auto}.modern-map-view-container .map-main .map-header .header-stats{display:flex;justify-content:center;align-items:center;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(0,86,143,.1);flex-wrap:wrap}.modern-map-view-container .map-main .map-header .header-stats .stat-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1rem;border-radius:12px;text-align:center;box-shadow:4px 4px 8px #a3b1c626,-2px -2px 6px #fffc;transition:all .3s ease;flex:0 1 200px;min-width:150px}.modern-map-view-container .map-main .map-header .header-stats .stat-item:hover{transform:translateY(-2px);box-shadow:6px 6px 12px #a3b1c633,-3px -3px 8px #ffffffe6}.modern-map-view-container .map-main .map-header .header-stats .stat-item .stat-value{font-size:2rem;font-weight:700;color:#1f2937;line-height:1;margin-bottom:.25rem}.modern-map-view-container .map-main .map-header .header-stats .stat-item .stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.modern-map-view-container .map-main .map-header .header-stats .stat-item.stat-critical{border-left:4px solid #ff073a}.modern-map-view-container .map-main .map-header .header-stats .stat-item.stat-high{border-left:4px solid #ff9500}.modern-map-view-container .map-main .map-header .header-stats .stat-item.stat-active{border-left:4px solid #10b981}.modern-map-view-container .map-main .map-section{background:linear-gradient(145deg,#fff,#f0f4f8);border-radius:16px;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;padding:2rem;margin-bottom:2rem}.modern-map-view-container .map-main .map-section h3{margin:0 0 1.5rem;font-size:1.5rem;font-weight:300;color:#00568f}.modern-map-view-container .map-main .map-content-layout{display:grid;grid-template-columns:1fr 350px;gap:2rem}@media (max-width: 1200px){.modern-map-view-container .map-main .map-content-layout{grid-template-columns:1fr}}.modern-map-view-container .map-main .map-content-layout .map-display-area,.modern-map-view-container .map-main .map-content-layout .map-display-area .map-container-section,.modern-map-view-container .map-main .map-content-layout .map-display-area .list-container-section{min-height:600px}.modern-map-view-container .map-main .map-content-layout .map-display-area .employee-google-map{border-radius:12px;overflow:hidden;height:600px;width:100%;box-shadow:4px 4px 8px #a3b1c626,-2px -2px 6px #fffc}.modern-map-view-container .map-main .map-content-layout .map-display-area .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:600px;color:#6b7280}.modern-map-view-container .map-main .map-content-layout .map-display-area .loading-state .spinner{width:50px;height:50px;border:4px solid rgba(0,86,143,.1);border-top-color:#00568f;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.modern-map-view-container .map-main .map-content-layout .map-display-area .loading-state p{font-size:1rem;color:#6b7280;margin:0}.modern-map-view-container .map-main .map-content-layout .map-display-area .interactive-map{position:relative;min-height:600px}.modern-map-view-container .map-main .map-content-layout .map-display-area .interactive-map .map-canvas{width:100%;height:600px;background:linear-gradient(135deg,#e0f2fe,#dbeafe);border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 4px 4px 8px #a3b1c633,inset -4px -4px 8px #ffffff80}.modern-map-view-container .map-main .map-content-layout .map-display-area .interactive-map .map-canvas:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,86,143,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,86,143,.05) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.modern-map-view-container .map-main .map-content-layout .map-display-area .interactive-map .map-canvas .map-marker{position:absolute;cursor:pointer;transition:all .3s ease;z-index:10}.modern-map-view-container .map-main .map-content-layout .map-display-area .interactive-map .map-canvas .map-marker:hover{transform:scale(1.15);z-index:20}.modern-map-view-container .map-main .map-content-layout .map-display-area .interactive-map .map-canvas .map-marker .marker-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:8px 8px 16px #a3b1c64d,-4px -4px 12px #fffc;border:3px solid white;transition:all .3s ease}.modern-map-view-container .map-main .map-content-layout .map-display-area .interactive-map .map-canvas .map-marker .marker-label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;padding:.25rem .75rem;background:#fff;border-radius:8px;font-size:.75rem;font-weight:500;color:#1f2937;white-space:nowrap;box-shadow:4px 4px 8px #a3b1c633,-2px -2px 6px #fffc}.modern-map-view-container .map-main .map-content-layout .map-display-area .interactive-map .map-canvas .map-marker .marker-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:#ff073a;opacity:.4;animation:pulse 2s infinite;pointer-events:none}.modern-map-view-container .map-main .map-content-layout .map-display-area .interactive-map .map-canvas .map-marker.employee-marker .marker-icon{background:linear-gradient(135deg,#00568f,#0077b6);color:#fff}.modern-map-view-container .map-main .map-content-layout .map-display-area .interactive-map .map-canvas .map-marker.alert-marker .marker-icon{background:#fff}.modern-map-view-container .map-main .map-content-layout .map-display-area .interactive-map .empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#6b7280}.modern-map-view-container .map-main .map-content-layout .map-display-area .interactive-map .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.modern-map-view-container .map-main .map-content-layout .map-display-area .interactive-map .empty-state h4{margin:0 0 .5rem;font-size:1.25rem;font-weight:400;color:#1f2937}.modern-map-view-container .map-main .map-content-layout .map-display-area .interactive-map .empty-state p{margin:0;font-size:.875rem}.modern-map-view-container .map-main .map-content-layout .map-display-area .map-container-section{position:relative}.modern-map-view-container .map-main .map-content-layout .map-display-area .map-container-section .empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#6b7280}.modern-map-view-container .map-main .map-content-layout .map-display-area .map-container-section .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.modern-map-view-container .map-main .map-content-layout .map-display-area .map-container-section .empty-state h4{margin:0 0 .5rem;font-size:1.25rem;font-weight:400;color:#1f2937}.modern-map-view-container .map-main .map-content-layout .map-display-area .map-container-section .empty-state p{margin:0;font-size:.875rem}.modern-map-view-container .map-main .map-content-layout .map-display-area .list-container-section h3{margin-bottom:1.5rem}.modern-map-view-container .map-main .map-content-layout .map-display-area .list-container-section .alert-list-items{display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto;padding-right:.5rem}.modern-map-view-container .map-main .map-content-layout .map-display-area .list-container-section .alert-list-items::-webkit-scrollbar{width:8px}.modern-map-view-container .map-main .map-content-layout .map-display-area .list-container-section .alert-list-items::-webkit-scrollbar-track{background:#00568f0d;border-radius:4px}.modern-map-view-container .map-main .map-content-layout .map-display-area .list-container-section .alert-list-items::-webkit-scrollbar-thumb{background:#00568f33;border-radius:4px}.modern-map-view-container .map-main .map-content-layout .map-display-area .list-container-section .alert-list-items::-webkit-scrollbar-thumb:hover{background:#00568f4d}.modern-map-view-container .map-main .map-content-layout .map-display-area .list-container-section .alert-list-items .alert-list-item{display:flex;gap:1rem;padding:1.5rem;background:#fff;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:4px 4px 8px #a3b1c61a,-2px -2px 6px #fffc}.modern-map-view-container .map-main .map-content-layout .map-display-area .list-container-section .alert-list-items .alert-list-item:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #ffffffe6}.modern-map-view-container .map-main .map-content-layout .map-display-area .list-container-section .alert-list-items .alert-list-item .alert-priority-indicator{width:4px;border-radius:2px;flex-shrink:0}.modern-map-view-container .map-main .map-content-layout .map-display-area .list-container-section .alert-list-items .alert-list-item .alert-list-content{flex:1}.modern-map-view-container .map-main .map-content-layout .map-display-area .list-container-section .alert-list-items .alert-list-item .alert-list-content .alert-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.modern-map-view-container .map-main .map-content-layout .map-display-area .list-container-section .alert-list-items .alert-list-item .alert-list-content .alert-list-header h4{margin:0;font-size:1rem;font-weight:500;color:#1f2937}.modern-map-view-container .map-main .map-content-layout .map-display-area .list-container-section .alert-list-items .alert-list-item .alert-list-content .alert-list-header .alert-status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;color:#fff;text-transform:capitalize}.modern-map-view-container .map-main .map-content-layout .map-display-area .list-container-section .alert-list-items .alert-list-item .alert-list-content .alert-location{margin:0 0 .5rem;font-size:.875rem;color:#6b7280}.modern-map-view-container .map-main .map-content-layout .map-display-area .list-container-section .alert-list-items .alert-list-item .alert-list-content .alert-meta{display:flex;gap:1.5rem;font-size:.75rem;color:#6b7280}.modern-map-view-container .map-main .map-content-layout .map-display-area .list-container-section .alert-list-items .alert-list-item .alert-list-content .alert-meta span{display:flex;align-items:center;gap:.25rem}.modern-map-view-container .map-main .map-content-layout .map-display-area .list-container-section .alert-list-items .alert-list-item .alert-list-content .alert-meta .alert-distance{color:#764ba2;font-weight:500}.modern-map-view-container .map-main .map-content-layout .map-sidebar{display:flex;flex-direction:column;gap:2rem}.modern-map-view-container .map-main .map-content-layout .map-sidebar .legend-card .legend-items{display:flex;flex-direction:column;gap:1.5rem}.modern-map-view-container .map-main .map-content-layout .map-sidebar .legend-card .legend-items .legend-section h4{margin:0 0 .75rem;font-size:.875rem;font-weight:500;color:#1f2937;text-transform:uppercase;letter-spacing:.05em}.modern-map-view-container .map-main .map-content-layout .map-sidebar .legend-card .legend-items .legend-section .legend-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.modern-map-view-container .map-main .map-content-layout .map-sidebar .legend-card .legend-items .legend-section .legend-item .legend-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0;border:2px solid white;box-shadow:4px 4px 8px #a3b1c633,-2px -2px 6px #fffc}.modern-map-view-container .map-main .map-content-layout .map-sidebar .legend-card .legend-items .legend-section .legend-item .legend-icon{font-size:1.25rem;width:20px;text-align:center}.modern-map-view-container .map-main .map-content-layout .map-sidebar .legend-card .legend-items .legend-section .legend-item span{font-size:.875rem;color:#6b7280;font-weight:400}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media (max-width: 1200px){.modern-map-view-container .map-main{padding:1.5rem}.modern-map-view-container .map-main .map-content-layout{grid-template-columns:1fr}.modern-map-view-container .map-main .map-content-layout .map-sidebar .stats-card .stats-grid{grid-template-columns:repeat(4,1fr)}.modern-map-view-container .map-main .map-content-layout .map-sidebar .legend-card .legend-items{flex-direction:row;gap:2rem}}@media (max-width: 768px){.modern-map-view-container .map-main{padding:1rem;padding-top:80px}.modern-map-view-container .map-main .map-header{flex-direction:column;align-items:stretch}.modern-map-view-container .map-main .map-header .header-content{text-align:center}.modern-map-view-container .map-main .map-header .header-content h1{font-size:2rem}.modern-map-view-container .map-main .map-header .header-actions{justify-content:center}.modern-map-view-container .map-main .map-sidebar .legend-card .legend-items{flex-direction:column}.modern-map-view-container .map-main .map-header .header-top .header-actions{margin-left:0;width:100%;justify-content:center}.modern-map-view-container .map-main .map-header .header-stats{justify-content:center}.modern-map-view-container .map-main .map-header .header-stats .stat-item{flex:0 1 calc(50% - .5rem);max-width:250px}.modern-map-view-container .map-main .interactive-map .map-canvas{height:400px}}@media (max-width: 480px){.modern-map-view-container .map-main{padding:.75rem}.modern-map-view-container .map-main .map-header{padding:1.5rem}.modern-map-view-container .map-main .map-header .header-content h1{font-size:1.8rem}.modern-map-view-container .map-main .map-header .header-stats{justify-content:center}.modern-map-view-container .map-main .map-header .header-stats .stat-item{flex:0 1 100%;max-width:100%}.modern-map-view-container .map-main .map-section{padding:1.5rem}.modern-map-view-container .map-main .interactive-map .map-canvas{height:350px}.modern-map-view-container .map-main .interactive-map .map-canvas .map-marker .marker-icon{width:40px;height:40px;font-size:1.25rem}.modern-map-view-container .map-main .interactive-map .map-canvas .map-marker .marker-label{font-size:.7rem;padding:.2rem .5rem}.modern-map-view-container .map-main .list-container-section .alert-list-items .alert-list-item{padding:1rem}.modern-map-view-container .map-main .list-container-section .alert-list-items .alert-list-item .alert-list-content .alert-list-header{flex-direction:column;align-items:flex-start;gap:.5rem}.modern-map-view-container .map-main .list-container-section .alert-list-items .alert-list-item .alert-list-content .alert-meta{flex-direction:column;gap:.5rem}}.control-room-container{width:100vw;min-height:100vh;flex:1;margin:0;padding:1rem 2rem;display:flex;flex-direction:column;box-sizing:border-box;background:linear-gradient(135deg,#f0f4f8,#e9f2ff);overflow-x:hidden;position:relative}.control-room-main{max-width:100vw;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.control-room-header{margin:1.5rem 0 0 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.control-room-header .header-content h1{font-size:3rem;color:#00568f;font-weight:200;letter-spacing:.005em;margin:0;display:flex;align-items:center;gap:.75rem}.control-room-header .header-content p{color:#6b7280;font-size:1rem;margin:.5rem 0 0;font-weight:400}.control-room-header .header-status{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.control-room-header .header-status .status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#10b9811a;border-radius:20px;font-weight:600;color:#10b981}.control-room-header .header-status .status-indicator .status-dot{width:10px;height:10px;border-radius:50%;background:#10b981}.control-room-header .header-status .status-indicator .status-dot.pulsing{animation:pulse 2s infinite}.control-room-header .header-status .last-update{font-size:.75rem;color:#6b7280}.stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stats-bar .stat-item{background:linear-gradient(135deg,#fff,#f8fafc);padding:20px;border-radius:12px;box-shadow:6px 6px 12px #a3b1c633,-3px -3px 8px #fffc;display:flex;align-items:center;gap:16px;transition:all .3s ease}.stats-bar .stat-item:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #a3b1c640,-4px -4px 10px #ffffffe6}.stats-bar .stat-item .stat-icon{font-size:32px}.stats-bar .stat-item .stat-content .stat-value{font-size:28px;font-weight:700;color:#1e293b;line-height:1;margin-bottom:4px}.stats-bar .stat-item .stat-content .stat-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.stats-bar .stat-item.stat-critical{border-left:4px solid #ff073a}.stats-bar .stat-item.stat-high{border-left:4px solid #ff9500}.stats-bar .stat-item.stat-new{border-left:4px solid #3b82f6}.stats-bar .stat-item.stat-progress{border-left:4px solid #8b5cf6}.panel-selector{display:flex;gap:12px;margin-bottom:24px;padding:16px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;box-shadow:6px 6px 12px #a3b1c633,-3px -3px 8px #fffc}.control-room-content{display:grid;grid-template-columns:400px 1fr;gap:20px;min-height:600px}.queue-panel{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;overflow:hidden;display:flex;flex-direction:column}.queue-panel .panel-header{padding:20px;border-bottom:1px solid rgba(0,86,143,.1);display:flex;align-items:center;justify-content:space-between}.queue-panel .panel-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.queue-panel .panel-header .priority-filter{padding:8px 12px;border:1px solid rgba(0,86,143,.2);border-radius:8px;background:#fff;color:#1e293b;font-size:14px;cursor:pointer;transition:all .2s ease}.queue-panel .panel-header .priority-filter:hover{border-color:#00568f}.queue-panel .panel-header .priority-filter:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a}.queue-panel .queue-list{flex:1;overflow-y:auto;padding:12px}.queue-panel .queue-list::-webkit-scrollbar{width:8px}.queue-panel .queue-list::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.queue-panel .queue-list::-webkit-scrollbar-thumb{background:#00568f4d;border-radius:4px}.queue-panel .queue-list::-webkit-scrollbar-thumb:hover{background:#00568f80}.queue-panel .queue-list .queue-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:16px;border-radius:12px;margin-bottom:12px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.queue-panel .queue-list .queue-item:hover{transform:translate(4px);box-shadow:4px 4px 8px #a3b1c633,-2px -2px 6px #fffc}.queue-panel .queue-list .queue-item.selected{border-color:#00568f;background:linear-gradient(135deg,#e0f2fe,#dbeafe)}.queue-panel .queue-list .queue-item.critical-pulse{animation:criticalPulse 2s infinite}.queue-panel .queue-list .queue-item .queue-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.queue-panel .queue-list .queue-item .queue-item-header .priority-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.queue-panel .queue-list .queue-item .queue-item-header .time-elapsed{font-size:12px;color:#64748b;font-weight:500}.queue-panel .queue-list .queue-item .queue-item-body{margin-bottom:12px}.queue-panel .queue-list .queue-item .queue-item-body h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#1e293b}.queue-panel .queue-list .queue-item .queue-item-body p{margin:4px 0;font-size:13px;color:#64748b}.queue-panel .queue-list .queue-item .queue-item-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.queue-panel .queue-list .queue-item .queue-item-footer .status-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;text-transform:capitalize}.queue-panel .queue-list .loading-state,.queue-panel .queue-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.queue-panel .queue-list .loading-state .spinner,.queue-panel .queue-list .empty-state .spinner{width:40px;height:40px;border:4px solid rgba(0,86,143,.1);border-top-color:#00568f;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.queue-panel .queue-list .loading-state .empty-icon,.queue-panel .queue-list .empty-state .empty-icon{font-size:48px;margin-bottom:16px}.queue-panel .queue-list .loading-state h4,.queue-panel .queue-list .empty-state h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#1e293b}.queue-panel .queue-list .loading-state p,.queue-panel .queue-list .empty-state p{margin:0;font-size:14px;color:#64748b}.details-panel{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:8px 8px 16px #a3b1c633,-4px -4px 12px #fffc;padding:24px;overflow-y:auto}.details-panel::-webkit-scrollbar{width:8px}.details-panel::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.details-panel::-webkit-scrollbar-thumb{background:#00568f4d;border-radius:4px}.details-panel::-webkit-scrollbar-thumb:hover{background:#00568f80}.details-panel .alert-details .details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(0,86,143,.1)}.details-panel .alert-details .details-header h3{margin:0;font-size:20px;font-weight:600;color:#1e293b}.details-panel .alert-details .details-header .close-btn{width:32px;height:32px;border-radius:50%;border:none;background:#0000000d;color:#64748b;font-size:18px;cursor:pointer;transition:all .2s ease}.details-panel .alert-details .details-header .close-btn:hover{background:#ef44441a;color:#ef4444;transform:scale(1.1)}.details-panel .alert-details .details-body .detail-section{margin-bottom:24px}.details-panel .alert-details .details-body .detail-section:last-child{margin-bottom:0}.details-panel .alert-details .details-body .detail-section h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#1e293b}.details-panel .alert-details .details-body .detail-section p{margin:8px 0;font-size:14px;color:#64748b}.details-panel .alert-details .details-body .detail-section p.coordinates{font-size:12px;font-family:monospace}.details-panel .alert-details .details-body .detail-section .detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.details-panel .alert-details .details-body .detail-section .detail-grid .detail-item{display:flex;flex-direction:column;gap:4px}.details-panel .alert-details .details-body .detail-section .detail-grid .detail-item .label{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.details-panel .alert-details .details-body .detail-section .detail-grid .detail-item .value{font-size:14px;color:#1e293b;font-weight:600}.details-panel .alert-details .details-body .detail-section .detail-grid .detail-item .value.badge{display:inline-block;padding:4px 12px;border-radius:12px;color:#fff;font-size:12px;text-transform:capitalize}.details-panel .alert-details .details-body .detail-section .action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.details-panel .map-placeholder,.details-panel .no-selection{display:flex;align-items:center;justify-content:center;min-height:400px}.details-panel .map-placeholder .placeholder-content,.details-panel .no-selection .placeholder-content{text-align:center;max-width:400px}.details-panel .map-placeholder .placeholder-content .placeholder-icon,.details-panel .no-selection .placeholder-content .placeholder-icon{font-size:64px;margin-bottom:16px}.details-panel .map-placeholder .placeholder-content h3,.details-panel .no-selection .placeholder-content h3{margin:0 0 12px;font-size:24px;font-weight:600;color:#1e293b}.details-panel .map-placeholder .placeholder-content p,.details-panel .no-selection .placeholder-content p{margin:0 0 24px;font-size:14px;color:#64748b}.details-panel .communications-panel h3{margin:0 0 24px;font-size:20px;font-weight:600;color:#1e293b}.details-panel .communications-panel .comm-section{margin-bottom:32px}.details-panel .communications-panel .comm-section:last-child{margin-bottom:0}.details-panel .communications-panel .comm-section h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#1e293b}.details-panel .communications-panel .comm-section textarea{width:100%;padding:12px;border:1px solid rgba(0,86,143,.2);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:12px;transition:all .2s ease}.details-panel .communications-panel .comm-section textarea:focus{outline:none;border-color:#00568f;box-shadow:0 0 0 3px #00568f1a}.details-panel .communications-panel .comm-section .quick-messages{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes criticalPulse{0%,to{box-shadow:0 0 #ff073a66}50%{box-shadow:0 0 0 8px #ff073a00}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.control-room-content{grid-template-columns:1fr}.control-room-content .queue-panel{max-height:400px}.stats-bar{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 768px){.control-room-main{padding:12px}.control-room-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.control-room-header .header-content h1{font-size:24px}.control-room-header .header-status{align-items:flex-start}.stats-bar{grid-template-columns:repeat(2,1fr)}.panel-selector{flex-direction:column}.details-panel .alert-details .details-body .detail-section .detail-grid,.details-panel .alert-details .details-body .detail-section .action-buttons,.details-panel .communications-panel .comm-section .quick-messages{grid-template-columns:1fr}}main{width:100%;height:100%;position:relative;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}img{width:100%;height:100%;object-fit:cover}.container{position:relative;width:100%;height:100%;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;clip-path:polygon(0 48%,0 48%,0 52%,0 52%);z-index:2}