@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%;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{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{--bg: #f5f5f5;--surface: #ffffff;--text: #1e1e1e;--text-muted: #000000;--accent: #06b6d4;--accent-light: #e0f2fe;--border: #e5e7eb;--radius: .75rem;--space: 1rem;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-width: 16rem;--sidebar-collapsed-width: 4rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--transition: all .2s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme: dark){:root{--bg: #0f172a ;--surface: #0f172a ;--text: #e5e5e5;--text-muted: #ffffff;--accent: #06b6d4;--accent-light: rgba(6, 182, 212, .15);--border: #2c2c2c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;font-size:.875rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}.layout-container{display:flex;height:100vh}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.5rem 0;transition:var(--transition);box-shadow:var(--shadow-sm);position:relative;z-index:100;gap:0!important}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;margin-bottom:2rem}.sidebar-header h1{font-size:1.125rem;margin:0;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;transition:var(--transition);letter-spacing:-.025em}.sidebar.collapsed .sidebar-header h1{opacity:0;pointer-events:none}.toggle-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-muted);transition:var(--transition);border-radius:.375rem;display:flex;align-items:center;justify-content:center}.toggle-btn:hover{background:var(--accent-light);color:var(--accent)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.125rem;padding:0 .75rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:var(--text-muted)!important;text-decoration:none;border-radius:.5rem;transition:var(--transition);white-space:nowrap;font-weight:500;position:relative}.nav-link:hover{background:var(--accent-light);color:var(--accent)}.nav-link.active{color:var(--accent);background:var(--accent-light)}.nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--accent);border-radius:0 2px 2px 0}.nav-link svg{width:1.25rem;height:1.25rem;flex-shrink:0}.sidebar.collapsed .nav-link .label{opacity:0;pointer-events:none}.sidebar-footer{padding:1.5rem;font-size:.75rem;color:var(--text-muted);text-align:center;border-top:1px solid var(--border);transition:var(--transition);font-weight:500}.sidebar.collapsed .sidebar-footer{opacity:0;pointer-events:none}.layout-main{flex:1;overflow-y:auto;padding:2rem;background-color:var(--bg);color:var(--text);scroll-behavior:smooth;transition:background-color .3s ease,color .3s ease}[data-theme=light] .layout-main,[data-theme=dark] .layout-main{background-color:var(--bg);color:var(--text)}.nav-item{position:relative}.submenu{position:absolute;top:0;left:100%;background:var(--surface);box-shadow:var(--shadow-md);border-radius:var(--radius);border:1px solid var(--border);padding:.5rem;min-width:12rem;z-index:200;margin-left:.25rem;visibility:hidden;opacity:0;transform:translate(-.5rem) translateY(-.5rem);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;display:flex;flex-direction:column}.submenu:before{content:"";position:absolute;top:0;right:100%;width:.5rem;height:100%;background:transparent}.sidebar.collapsed .submenu{left:calc(var(--sidebar-collapsed-width) - .75rem);margin-left:.5rem}.nav-item:hover .submenu,.submenu:hover{visibility:visible;opacity:1;transform:translate(0) translateY(0);transition-delay:.1s}.nav-sublink{padding:.625rem .75rem;color:var(--text-muted);text-decoration:none;border-radius:.375rem;transition:var(--transition);font-weight:500;font-size:.8125rem;display:flex;align-items:center;gap:.5rem}.nav-sublink:hover,.nav-sublink.active{background:var(--accent-light);color:var(--accent)}.nav-sublink.active{font-weight:600}.subicon{color:var(--text-muted)}.nav-sublink:hover .subicon,.nav-sublink.active .subicon{color:var(--accent)}@media (max-width: 768px){.sidebar{position:fixed;left:-100%;top:0;height:100vh;z-index:1000;transition:left .3s ease}.sidebar.open{left:0}.layout-main{padding:.1rem}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-contrast: high){:root{--border: #000000;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3)}}@media (prefers-contrast: high) and (prefers-color-scheme: dark){:root{--border: #ffffff;--text: #ffffff;--text-muted: #ffffff}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:calc(var(--space) * .75) 1.5rem;background-color:var(--accent);color:var(--surface);border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition)}button:hover:not(:disabled){background-color:var(--accent-light);color:var(--accent)}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px #0000001a}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}button.outline{background:none;color:var(--accent);border:1px solid var(--accent)}button.outline:hover:not(:disabled){background-color:var(--accent);color:var(--surface)}.session-warning-bar{position:fixed;top:0;left:0;right:0;background:linear-gradient(90deg,#dc2626,#ea580c);color:#fff;z-index:1001;border-bottom:1px solid rgba(255,255,255,.2);animation:slideDown .3s ease-out}.session-warning-content{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;max-width:1200px;margin:0 auto}.session-warning-left{display:flex;align-items:center;gap:.5rem}.session-warning-icon{animation:pulse 2s infinite}.session-warning-text{font-size:.875rem;font-weight:500;font-family:Monaco,Menlo,monospace}.session-extend-btn{display:flex;align-items:center;gap:.375rem;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.session-extend-btn:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-1px)}body:has(.session-warning-bar) .layout-container{margin-top:3rem}.user-section{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border);background:var(--accent-light);border-radius:.5rem;margin:0 .75rem 1rem}.user-avatar{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{font-weight:600;font-size:.875rem;color:var(--text);line-height:1.2}.user-role{font-size:.75rem;color:var(--text-muted);text-transform:capitalize;line-height:1.2}.session-indicator{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--accent);color:#fff;flex-shrink:0}.session-indicator.warning{background:#dc2626;animation:pulse 2s infinite}.session-indicator.active{background:#059669}.user-section-collapsed{display:flex;justify-content:center;padding:1rem;margin-bottom:1rem}.user-section-collapsed .user-avatar.warning{background:#dc2626;animation:pulse 2s infinite}.session-status,.username,.user-role,.session-timer,.token-warning-banner,.warning-content,.warning-icon,.warning-text,.warning-title,.warning-time,.extend-session-btn{display:none!important}.layout-container.with-warning{padding-top:0}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@media (max-width: 768px){.session-warning-content{padding:.5rem 1rem;flex-direction:column;gap:.5rem;text-align:center}.session-warning-left{justify-content:center}}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:#fff;border-bottom:1px solid #e5e7eb;z-index:1000;padding:0 16px;align-items:center;justify-content:space-between}.mobile-title{font-size:18px;font-weight:700;color:#1f2937;margin:0}.mobile-user-avatar{width:32px;height:32px;background:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:background-color .2s}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;z-index:1000;padding:8px 0 max(8px,env(safe-area-inset-bottom));grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:0}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;text-decoration:none;color:#6b7280;background:none;border:none;cursor:pointer;transition:all .2s;min-width:60px;border-radius:8px;margin:2px}.bottom-nav-link:hover,.bottom-nav-link.active{color:#3b82f6;background:#eff6ff}.mobile-submenu-modal{position:fixed;bottom:80px;left:16px;right:16px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:1200;max-height:60vh;overflow:hidden;animation:slideUp .3s ease-out}.submenu-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f8f9fa}.submenu-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.submenu-modal-close{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.submenu-modal-close:hover{background:#e5e7eb}.submenu-modal-link{display:block;padding:16px 20px;text-decoration:none;color:#374151;transition:background-color .2s;border-bottom:1px solid #f3f4f6}.submenu-modal-link:hover,.submenu-modal-link.active{background:#eff6ff;color:#3b82f6}.mobile-more-modal{position:fixed;bottom:80px;left:16px;right:16px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:1200;max-height:60vh;overflow:hidden;animation:slideUp .3s ease-out}.more-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f8f9fa}.more-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.more-modal-close{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.more-modal-close:hover{background:#e5e7eb}.more-modal-item{border-bottom:1px solid #f3f4f6}.more-modal-link,.more-modal-parent{display:flex;align-items:center;gap:12px;padding:16px 20px;text-decoration:none;color:#374151;transition:background-color .2s}.more-modal-link:hover,.more-modal-link.active{background:#eff6ff;color:#3b82f6}.more-modal-parent{font-weight:500;background:#f8f9fa;margin-bottom:4px}.more-modal-subitems{background:#fff}.more-modal-sublink{display:block;padding:12px 20px 12px 52px;text-decoration:none;color:#6b7280;transition:background-color .2s;border-top:1px solid #f3f4f6}.more-modal-sublink:hover,.more-modal-sublink.active{background:#eff6ff;color:#3b82f6}.mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:1100;display:none}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.layout-main.mobile{padding-top:60px;padding-bottom:80px;background-color:var(--bg)}@media (max-width: 767px){.mobile-header{display:flex}.mobile-bottom-nav{display:grid}.mobile-overlay{display:block}.sidebar:not(.mobile){display:none}.layout-container{flex-direction:column}.layout-main{margin-left:0;width:100%}.session-warning-bar{position:fixed;top:60px;left:0;right:0;z-index:999}.session-warning-content{padding:8px 16px;font-size:14px}.session-warning-text{font-size:13px}.session-extend-btn{padding:4px 8px;font-size:12px}}@media (min-width: 768px) and (max-width: 1024px){.sidebar{width:200px}.layout-main{margin-left:200px}.sidebar.collapsed{width:60px}.sidebar.collapsed+.layout-main{margin-left:60px}}@media (max-width: 767px){.sidebar-nav{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;padding-bottom:20px}.user-section{padding:16px 20px;border-bottom:1px solid #e5e7eb}.sidebar-footer{padding:16px 20px;border-top:1px solid #e5e7eb}.submenu{background:#f8f9fa;border-radius:0;margin:0;padding:0}.nav-sublink{padding-left:52px;border-bottom:1px solid #e5e7eb}.nav-sublink:last-child{border-bottom:none}}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:var(--surface);border-bottom:1px solid var(--border);z-index:1000;padding:0 16px;align-items:center;justify-content:space-between}.mobile-title{font-size:18px;font-weight:700;color:var(--text);margin:0}.mobile-user-info{display:flex;align-items:center;gap:12px}.mobile-user-avatar{width:32px;height:32px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:background-color .2s}.mobile-user-avatar.warning{background:#ef4444}.mobile-logout-btn{background:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.mobile-logout-btn:hover{background:#dc2626}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);z-index:1000;padding:8px 0 max(8px,env(safe-area-inset-bottom));grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:0}.bottom-nav-item{display:flex;justify-content:center}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;text-decoration:none;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:all .2s;min-width:60px;border-radius:8px;margin:2px}.bottom-nav-link:hover,.bottom-nav-link.active{color:var(--accent);background:var(--accent-light)}.bottom-nav-label{font-size:11px;font-weight:500;margin-top:4px;text-align:center;line-height:1.2}.mobile-submenu-modal{position:fixed;bottom:80px;left:16px;right:16px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-md);z-index:1200;max-height:60vh;overflow:hidden;animation:slideUp .3s ease-out;border:1px solid var(--border)}.submenu-modal-content{display:flex;flex-direction:column}.submenu-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg)}.submenu-modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text)}.submenu-modal-close{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;color:var(--text-muted)}.submenu-modal-close:hover{background:var(--accent-light)}.submenu-modal-items{padding:8px 0;max-height:40vh;overflow-y:auto}.submenu-modal-link{display:block;padding:16px 20px;text-decoration:none;color:var(--text);transition:background-color .2s;border-bottom:1px solid var(--border)}.submenu-modal-link:hover,.submenu-modal-link.active{background:var(--accent-light);color:var(--accent)}.submenu-modal-link:last-child{border-bottom:none}.mobile-more-modal{position:fixed;bottom:80px;left:16px;right:16px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-md);z-index:1200;max-height:60vh;overflow:hidden;animation:slideUp .3s ease-out;border:1px solid var(--border)}.more-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg)}.more-modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text)}.more-modal-close{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;color:var(--text-muted)}.more-modal-close:hover{background:var(--accent-light)}.more-modal-items{padding:8px 0;max-height:40vh;overflow-y:auto}.more-modal-item{border-bottom:1px solid var(--border)}.more-modal-item:last-child{border-bottom:none}.more-modal-link,.more-modal-parent{display:flex;align-items:center;gap:12px;padding:16px 20px;text-decoration:none;color:var(--text);transition:background-color .2s}.more-modal-link:hover,.more-modal-link.active{background:var(--accent-light);color:var(--accent)}.more-modal-parent{font-weight:500;background:var(--bg);margin-bottom:4px}.more-modal-subitems{background:var(--surface)}.more-modal-sublink{display:block;padding:12px 20px 12px 52px;text-decoration:none;color:var(--text-muted);transition:background-color .2s;border-top:1px solid var(--border)}.more-modal-sublink:hover,.more-modal-sublink.active{background:var(--accent-light);color:var(--accent)}@media (max-width: 767px){.mobile-header{display:flex}.mobile-bottom-nav{display:grid}.mobile-overlay{display:block;background:#0009}.sidebar:not(.mobile){display:none}.layout-container{flex-direction:column}.layout-main{margin-left:0;width:100%}.session-warning-bar{position:fixed;top:60px;left:0;right:0;z-index:999}.session-warning-content{padding:8px 16px;font-size:14px}.session-warning-text{font-size:13px}.session-extend-btn{padding:4px 8px;font-size:12px}}@media (max-width: 767px){.sidebar-nav{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;padding-bottom:20px}.user-section{padding:16px 20px;border-bottom:1px solid var(--border)}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--border)}.submenu{background:var(--bg);border-radius:0;margin:0;padding:0}.nav-sublink{padding-left:52px;border-bottom:1px solid var(--border)}.nav-sublink:last-child{border-bottom:none}}@media (max-width: 767px){body:has(.session-warning-bar) .mobile-header{top:3rem}body:has(.session-warning-bar) .layout-main.mobile{padding-top:calc(60px + 3rem)}}.login-container{--login-bg-primary: #ffffff;--login-bg-secondary: #f8fafc;--login-bg-tertiary: #f1f5f9;--login-bg-overlay: rgba(248, 250, 252, .95);--login-text-primary: #0f172a;--login-text-secondary: #475569;--login-text-muted: #94a3b8;--login-border: #e2e8f0;--login-border-light: #f1f5f9;--login-shadow: rgba(15, 23, 42, .08);--login-shadow-hover: rgba(15, 23, 42, .12);--login-shadow-strong: rgba(15, 23, 42, .16);--login-blue: #3b82f6;--login-blue-hover: #2563eb;--login-blue-light: #eff6ff;--login-green: #10b981;--login-red: #ef4444;--login-red-light: #fef2f2;--login-input-bg: #ffffff;--login-input-border: #d1d5db;--login-input-focus: #3b82f6;--login-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}@media (prefers-color-scheme: dark){.login-container{--login-bg-primary: #0f172a;--login-bg-secondary: #1e293b;--login-bg-tertiary: #334155;--login-bg-overlay: rgba(30, 41, 59, .95);--login-text-primary: #f8fafc;--login-text-secondary: #cbd5e1;--login-text-muted: #94a3b8;--login-border: #334155;--login-border-light: #475569;--login-shadow: rgba(0, 0, 0, .3);--login-shadow-hover: rgba(0, 0, 0, .4);--login-shadow-strong: rgba(0, 0, 0, .5);--login-blue: #60a5fa;--login-blue-hover: #3b82f6;--login-blue-light: #1e3a8a;--login-green: #34d399;--login-red: #f87171;--login-red-light: #7f1d1d;--login-input-bg: #1e293b;--login-input-border: #475569;--login-input-focus: #60a5fa;--login-gradient: linear-gradient(135deg, #4338ca 0%, #7c3aed 100%)}}.login-container{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--login-bg-primary);color:var(--login-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:relative;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none}.time-display{position:absolute;top:2rem;right:2rem;text-align:right;z-index:10}.greeting{font-size:1.125rem;font-weight:600;color:var(--login-text-primary);margin-bottom:.5rem;letter-spacing:-.025em}.current-time{font-size:2rem;font-weight:700;color:var(--login-blue);margin-bottom:.25rem;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.current-date{font-size:.875rem;color:var(--login-text-secondary);margin-bottom:.25rem;font-weight:500}.timezone{font-size:.75rem;color:var(--login-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.login-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;position:relative;z-index:5}.login-header{margin-bottom:3rem;text-align:center}.logo-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.logo{width:120px;height:120px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:var(--login-bg-overlay);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--login-border)}.logo:hover{transform:scale(1.05);filter:drop-shadow(0 8px 16px var(--login-shadow-hover))}.logo-image{width:80%;height:80%;object-fit:contain;transition:filter .3s ease}@media (prefers-color-scheme: dark){.logo-image{filter:brightness(.9)}}.company-info{text-align:center}.login-container .company-name{font-size:2.25rem;font-weight:800;margin:0 0 .5rem;color:var(--login-text-primary)!important;letter-spacing:-.05em}.company-tagline{font-size:1rem;color:var(--login-text-secondary);margin:0;font-weight:500;letter-spacing:.025em}.login-card{background:var(--login-bg-overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--login-border);border-radius:20px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 20px 40px var(--login-shadow-strong);transition:all .3s ease;position:relative}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--login-gradient);border-radius:20px 20px 0 0}.login-card:hover{transform:translateY(-4px);box-shadow:0 32px 64px var(--login-shadow-strong)}.form-header{text-align:center;margin-bottom:2rem}.form-header h2{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;color:var(--login-text-primary);letter-spacing:-.025em}.form-header p{font-size:.875rem;color:var(--login-text-secondary);margin:0;font-weight:500}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--login-text-primary);margin-bottom:.75rem;letter-spacing:.025em}.form-group input{width:100%;padding:1rem 1.25rem;border:2px solid var(--login-input-border);border-radius:16px;background-color:var(--login-input-bg);color:var(--login-text-primary);font-size:1rem;transition:all .3s ease;box-sizing:border-box;-webkit-appearance:none;appearance:none}.form-group input:focus{outline:none;border-color:var(--login-input-focus);box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-2px)}.form-group input::placeholder{color:var(--login-text-muted)}.form-group input:disabled,.form-group input.loading{opacity:.6;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background-color:var(--login-red-light);border:1px solid var(--login-red);border-radius:12px;color:var(--login-red);font-size:.875rem;font-weight:500;margin-bottom:1.5rem;animation:slideIn .3s ease}.error-icon{font-size:1rem;flex-shrink:0}.login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 1.5rem;background:var(--login-gradient);color:#fff;border:none;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px var(--login-shadow);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-button:hover:before{left:100%}.login-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px var(--login-shadow-hover)}.login-button:active{transform:translateY(0)}.login-button:disabled,.login-button.loading{opacity:.8;cursor:not-allowed}.login-button.loading{background:var(--login-text-muted)}.button-text{letter-spacing:.025em}.button-icon{font-size:1.125rem;transition:transform .2s ease}.login-button:hover .button-icon{transform:translate(4px)}.loading-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.form-footer{margin-top:2rem;text-align:center}.help-text{font-size:.8rem;color:var(--login-text-muted);margin:0;line-height:1.5}.login-footer{padding:1.5rem 2rem;text-align:center;border-top:1px solid var(--login-border);background:var(--login-bg-secondary);position:relative;z-index:5}.login-footer p{font-size:.875rem;color:var(--login-text-muted);margin:0 0 .5rem}@media (max-width: 768px){.login-container{padding:0}.time-display{position:static;text-align:center;margin:0;padding:1.5rem 1rem 1rem;background:var(--login-bg-overlay);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--login-border)}.greeting{font-size:1rem;margin-bottom:.25rem}.current-time{font-size:1.75rem;margin-bottom:.125rem}.current-date{font-size:.8rem;margin-bottom:.125rem}.timezone{font-size:.7rem}.login-content{padding:2rem 1rem 1rem;justify-content:flex-start}.login-header{margin-bottom:2rem}.logo-container{gap:1rem}.logo{width:100px;height:100px;border-radius:16px}.company-name{font-size:2rem}.company-tagline{font-size:.9rem}.login-card{padding:2rem 1.5rem;margin:0;box-shadow:0 -10px 25px var(--login-shadow-strong),0 20px 40px var(--login-shadow);border-bottom:none;border-radius:24px 24px 0 0;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.login-card:before{border-radius:24px 24px 0 0}.login-card:hover{transform:none}.form-group{margin-bottom:1.75rem}.form-group label{margin-bottom:.75rem;font-size:.9rem}.form-group input{padding:1.25rem 1.5rem;font-size:1rem;border-radius:18px;border-width:2px;min-height:56px}.form-group input:focus{transform:none;box-shadow:0 0 0 6px #3b82f626}.login-button{padding:1.5rem;font-size:1.1rem;border-radius:18px;min-height:56px;box-shadow:0 12px 30px var(--login-shadow)}.login-button:hover{transform:none}.login-button:active{transform:scale(.98)}.login-footer{padding:1.5rem 1rem;border-top:none;background:var(--login-bg-overlay);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.login-footer p{font-size:.8rem}}@media (max-width: 480px){.time-display{padding:1rem .75rem .75rem}.current-time{font-size:1.5rem}.greeting{font-size:.9rem}.login-content{padding:1.5rem .75rem .5rem}.login-header{margin-bottom:1.5rem}.logo{width:80px;height:80px;border-radius:14px}.company-name{font-size:1.75rem}.company-tagline{font-size:.85rem}.login-card{padding:1.75rem 1.25rem;border-radius:20px 20px 0 0}.login-card:before{border-radius:20px 20px 0 0}.form-header h2{font-size:1.5rem}.form-header p{font-size:.8rem}.form-group{margin-bottom:1.5rem}.form-group input{padding:1.125rem 1.25rem;font-size:1rem;border-radius:16px}.login-button{padding:1.25rem;font-size:1rem;border-radius:16px}.login-footer{padding:1rem .75rem}}@media (max-height: 600px) and (orientation: landscape) and (max-width: 1024px){.login-container{flex-direction:row}.time-display{position:absolute;top:1rem;right:1rem;background:var(--login-bg-overlay);padding:1rem;border-radius:12px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--login-border)}.time-display .current-time{font-size:1.25rem}.time-display .greeting{font-size:.8rem}.login-content{padding:1rem;justify-content:center}.login-header{margin-bottom:1rem}.logo{width:60px;height:60px}.company-name{font-size:1.5rem}.login-card{max-width:350px;padding:1.5rem;border-radius:16px}.login-footer{display:none}}@supports (-webkit-appearance: none){.form-group input,.login-button{-webkit-appearance:none;-webkit-border-radius:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.login-card:hover,.login-button:hover,.logo:hover{transform:none}}@media (prefers-contrast: high){.login-container{--login-border: #000000;--login-shadow: rgba(0, 0, 0, .5)}.login-card,.form-group input{border-width:3px}}input:focus,button:focus{outline:3px solid var(--login-blue);outline-offset:2px}@media (max-width: 768px){input:focus,button:focus{outline-width:4px;outline-offset:3px}}@media (hover: none) and (pointer: coarse){.login-button:hover{transform:none;box-shadow:0 8px 20px var(--login-shadow)}.logo:hover,.login-card:hover{transform:none}}.login-container{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media print{.login-container{background:#fff!important;color:#000!important}.time-display,.login-footer{display:none!important}.login-card{box-shadow:none!important;border:2px solid black!important}}.login-container{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.form-group input,.help-text{user-select:text;-webkit-user-select:text}.login-button:focus-visible,.form-group input:focus-visible{outline:3px solid var(--login-blue);outline-offset:2px}@media screen and (max-width: 768px){.login-container{min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available}}@media screen and (max-width: 428px) and (max-height: 926px){.time-display{padding-top:max(1.5rem,env(safe-area-inset-top))}.login-footer{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}.home-container{--home-bg-primary: #ffffff;--home-bg-secondary: #f8fafc;--home-text-primary: #0f172a;--home-text-secondary: #475569;--home-text-muted: #94a3b8;--home-border: #e2e8f0;--home-shadow: rgba(15, 23, 42, .08);--home-shadow-hover: rgba(15, 23, 42, .12);--home-blue: #3b82f6;--home-green: #10b981}@media (prefers-color-scheme: dark){.home-container{--home-bg-primary: #0f172a;--home-bg-secondary: #1e293b;--home-text-primary: #f8fafc;--home-text-secondary: #cbd5e1;--home-text-muted: #94a3b8;--home-border: #334155;--home-shadow: rgba(0, 0, 0, .3);--home-shadow-hover: rgba(0, 0, 0, .4);--home-blue: #60a5fa;--home-green: #34d399}}.home-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--home-bg-primary);color:var(--home-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:2rem;position:relative;overflow:hidden}.home-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.05) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(139,92,246,.05) 0%,transparent 50%);pointer-events:none}.home-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:3rem;position:relative;z-index:5;max-width:800px;margin:0 auto}.company-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.logo{width:120px;height:120px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.logo:hover{transform:scale(1.05);filter:drop-shadow(0 8px 16px var(--home-shadow-hover))}.logo-image{width:100%;height:100%;object-fit:contain;transition:filter .3s ease}@media (prefers-color-scheme: dark){.logo-image{filter:invert(1) brightness(.9)}}.home-container .company-name{font-size:3rem;font-weight:800;margin:0;color:var(--home-text-primary);letter-spacing:-.05em;background:linear-gradient(135deg,var(--home-blue),var(--home-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.company-description{font-size:1.25rem;color:var(--home-text-secondary);margin:0;font-weight:500;letter-spacing:.025em}.time-section{background:var(--home-bg-secondary);border:1px solid var(--home-border);border-radius:16px;padding:2rem;box-shadow:0 4px 6px var(--home-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.time-section:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--home-shadow-hover)}.greeting{font-size:1.5rem;font-weight:600;color:var(--home-text-primary);margin-bottom:1rem;letter-spacing:-.025em}.current-time{font-size:3rem;font-weight:700;color:var(--home-blue);margin-bottom:.5rem;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.current-date{font-size:1.125rem;color:var(--home-text-secondary);margin-bottom:.5rem;font-weight:500}.timezone{font-size:.875rem;color:var(--home-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.welcome-section{max-width:600px}.welcome-title{font-size:2rem;font-weight:700;color:var(--home-text-primary);margin:0 0 1rem;letter-spacing:-.025em}.welcome-message{font-size:1.125rem;color:var(--home-text-secondary);margin:0 0 2rem;line-height:1.6}.system-status{display:flex;justify-content:center;align-items:center;gap:1rem}.status-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--home-bg-secondary);border:1px solid var(--home-border);border-radius:25px;font-size:.875rem;font-weight:500}.status-indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-indicator.online{background-color:var(--home-green)}.status-text{color:var(--home-text-primary)}.home-footer{text-align:center;padding:2rem 0;border-top:1px solid var(--home-border);background:var(--home-bg-secondary);position:relative;z-index:5}.home-footer p{margin:.5rem 0;color:var(--home-text-muted);font-size:.875rem}.version-info{font-size:.8rem!important;opacity:.7}@media (max-width: 768px){.home-container{padding:1rem}.home-content{gap:2rem}.logo{width:80px;height:80px}.company-name{font-size:2.25rem}.company-description{font-size:1.125rem}.time-section{padding:1.5rem}.greeting{font-size:1.25rem}.current-time{font-size:2.25rem}.current-date{font-size:1rem}.welcome-title{font-size:1.5rem}.welcome-message{font-size:1rem}}@media (max-width: 480px){.home-container{padding:.75rem}.home-content{gap:1.5rem}.logo{width:60px;height:60px}.company-name{font-size:1.75rem}.company-description{font-size:1rem}.time-section{padding:1rem}.current-time{font-size:1.75rem}.welcome-title{font-size:1.25rem}.welcome-message{font-size:.875rem}.status-item{padding:.5rem 1rem;font-size:.8rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.logo:hover,.time-section:hover{transform:none}}@media (prefers-contrast: high){.home-container{--home-border: #000000;--home-shadow: rgba(0, 0, 0, .5)}.time-section,.status-item{border-width:2px}}@media print{.home-container{background:#fff!important;color:#000!important}.home-footer{display:none!important}.time-section{box-shadow:none!important;border:2px solid black!important}}.modal-overlay{position:fixed;inset:0;background-color:#0f172a99;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.modal-content{background-color:var(--home-bg-primary);border-radius:16px;padding:2.5rem;max-width:600px;width:90%;box-shadow:0 20px 40px var(--home-shadow-strong);border:1px solid var(--home-border);animation:slideInUp .4s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--home-border);padding-bottom:1.5rem;margin-bottom:1.5rem}.modal-header h2{margin:0;font-size:1.75rem;font-weight:700;color:var(--home-text-primary)}.close-button{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--home-text-muted);transition:color .2s ease}.close-button:hover{color:var(--home-text-primary)}.modal-body p{font-size:1.125rem;color:var(--home-text-secondary);margin-bottom:2rem}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.feature-item{display:flex;align-items:flex-start;gap:1.5rem}.feature-icon{font-size:1.5rem;background-color:var(--home-bg-secondary);border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.feature-item h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--home-text-primary)}.feature-item p{margin:0;font-size:1rem;color:var(--home-text-secondary);line-height:1.6}.modal-footer{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--home-border);text-align:right}.cta-button{padding:.75rem 1.5rem;background-color:var(--home-blue);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease}.cta-button:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px var(--home-shadow-hover)}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--bg-page: #f0f2f5;--bg-card: #ffffff;--bg-hover: #e6ebf1;--text-primary: #1e2023;--text-secondary: #5a5f68;--accent: #5061f3;--accent-hover: #3e4ec8;--border: #d9dbe1;--radius: 12px;--space: 16px;--font-base: "Inter", sans-serif}.products-section{margin:2rem auto;padding:0 1rem;font-family:var(--font-base)}.products-section h2{font-size:1.75rem;color:var(--text-primary);margin-bottom:1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 4px #0000000a;padding:var(--space);margin-bottom:var(--space)}.products-form{display:grid;grid-template-columns:2fr 1fr auto;gap:var(--space)}.products-form label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.products-form input{width:100%;padding:.75rem;font-size:1rem;border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s,box-shadow .2s}.products-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5061f333;outline:none}.products-form button{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}.products-form button:hover{background:var(--accent-hover)}.products-form button:active{transform:scale(.98)}.products-table{overflow-x:auto}.products-table table{width:100%;border-collapse:collapse}.products-table th,.products-table td{padding:1rem;font-size:.95rem;color:var(--text-primary)}.products-table thead{background:var(--bg-page)}.products-table th{text-align:left;font-weight:500;color:var(--text-secondary);border-bottom:1px solid var(--border)}.products-table tr{border-bottom:1px solid var(--border)}.products-table tr:hover{background:var(--bg-hover)}.products-table .empty-message{padding:2rem;text-align:center;color:var(--text-secondary);font-style:italic}.products-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;align-items:end}.field label{display:block;margin-bottom:4px;color:#5a5f68;font-size:.875rem}.field input,.field select{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;background:#fafbfc;font-size:1rem}.field select{height:auto;min-height:3rem}.actions button{background:#5061f3;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;cursor:pointer;font-weight:500}.actions button:hover{background:#3e4ec8}.checkbox-group{grid-column:1 / -1}.checkbox-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.checkbox-item{display:flex;align-items:center;font-size:.9rem}.checkbox-item input{margin-right:6px}.products-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;align-items:start}.actions button{margin-left:8px}button.secondary{background:#eee;color:#333}button.danger{background:#e53e3e;color:#fff}.row-actions button{margin-right:8px;padding:4px 8px;font-size:.85rem}.products-table table{width:100%;table-layout:auto}:root{--bg-page: #f8fafc;--bg-card: #ffffff;--bg-hover: #eef2f7;--bg-stripe: #fbfcfd;--text-primary: #2a2e37;--text-secondary: #6c6f7a;--accent: #5061f3;--accent-hover: #3e4ec8;--border: #e5e7eb;--radius: 10px;--space: 16px;--font-base: "Inter", sans-serif}.materials-section{max-width:900px;margin:2rem auto;padding:0 1rem}.materials-section h2{font-size:1.75rem;color:var(--text-primary);margin-bottom:calc(var(--space) * .5);background:linear-gradient(to right,var(--accent),var(--accent-hover));background-repeat:no-repeat;background-size:50% 3px;background-position:left bottom;padding-bottom:4px}.materials-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space);align-items:end}.actions button{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;border:none;border-radius:var(--radius);padding:.75rem 1.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .2s;box-shadow:0 2px 4px #0000001a}.materials-table{overflow-x:auto}.materials-table table{width:100%;border-collapse:collapse}.materials-table thead{background:var(--bg-page)}.materials-table th,.materials-table td{padding:calc(var(--space) * .75) var(--space);font-size:.95rem;color:var(--text-primary)}.materials-table th{text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border)}.materials-table tbody tr:nth-child(odd){background:var(--bg-stripe)}.materials-table tbody tr:hover{background:var(--bg-hover)}.materials-table td{border-bottom:1px solid var(--border)}:root{--bg-page: #f8fafc;--bg-card: #ffffff;--bg-hover: #eef2f7;--bg-stripe: #fbfcfd;--text-primary: #2a2e37;--text-secondary: #6c6f7a;--accent: #5061f3;--accent-hover: #3e4ec8;--border: #e5e7eb;--radius: 8px;--space: 16px;--font-base: "Inter", sans-serif}body{background:var(--bg-page);font-family:var(--font-base);margin:0;padding:0}.presses-section{max-width:900px;margin:2rem auto;padding:0 1rem}.presses-section h2{font-size:1.75rem;color:var(--text-primary);margin-bottom:calc(var(--space) * .5);background:linear-gradient(to right,var(--accent),var(--accent-hover));background-repeat:no-repeat;background-size:50% 3px;background-position:left bottom;padding-bottom:4px}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:0 2px 6px #00000014;padding:calc(var(--space) * .75) var(--space);margin-bottom:var(--space);transition:box-shadow .3s}.card:hover{box-shadow:0 4px 12px #0000001f}.presses-form-container{display:grid;gap:var(--space);width:100%;box-sizing:border-box}.full-width{grid-column:1 / -1}.full-width input{width:100%;box-sizing:border-box}.numeric-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space)}.field{display:flex;flex-direction:column}.field label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.field input{padding:.75rem;font-size:1rem;border:1px solid var(--border);border-radius:var(--radius);background:#fafbfc;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5061f333;outline:none}.actions{grid-column:1 / -1;text-align:right}.actions button{white-space:nowrap;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;border:none;border-radius:var(--radius);padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .2s;box-shadow:0 2px 4px #0000001a}.actions button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.actions button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.presses-table{overflow-x:auto}.presses-table table{width:100%;border-collapse:collapse}.presses-table thead{background:var(--bg-page)}.presses-table th,.presses-table td{padding:calc(var(--space) * .75) var(--space);font-size:.95rem;color:var(--text-primary)}.presses-table th{text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border)}.presses-table tbody tr:nth-child(odd){background:var(--bg-stripe)}.presses-table tbody tr:hover{background:var(--bg-hover)}.presses-table td{border-bottom:1px solid var(--border)}.empty-message{padding:var(--space);text-align:center;color:var(--text-secondary);font-style:italic}.estimate-tabs{margin:0 auto;font-family:sans-serif}.tab-bar{display:flex;max-width:600px;margin:0 auto 1.5rem;gap:.5rem}.tab-bar button{flex:1;padding:.75rem 0;background:#f5f7fa;border:none;border-radius:.5rem;box-shadow:0 2px 4px #0000000d;font-size:1rem;font-weight:500;color:#333;cursor:pointer;transition:background .2s,transform .1s,box-shadow .2s,color .2s;text-align:center}.tab-bar button:hover:not(.disabled){background:#e2e8f0;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.tab-bar button.active{background:#4f46e5;color:#fff;box-shadow:0 4px 8px #4f46e54d}.tab-bar button.disabled{background:#f5f7fa;color:#aaa;cursor:not-allowed;opacity:.7;box-shadow:none}.panel{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:20px}.panel h3{margin-top:0;margin-bottom:15px;font-size:1.4em;border-left:4px solid #007bff;padding-left:10px;color:#333}.field{margin-bottom:15px}.field label{display:block;margin-bottom:6px;font-weight:600;color:#555}.field input[type=number],.field select{width:100%;padding:8px 10px;font-size:1em;border:1px solid #ddd;border-radius:4px;transition:border-color .2s}.field input:focus,.field select:focus{border-color:#007bff;outline:none}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;margin-bottom:20px}.btn.primary{background:#007bff;color:#fff;padding:12px 20px;border:none;border-radius:6px;font-size:1em;cursor:pointer;transition:background .2s}.btn.primary:hover{background:#0056b3}.finishing .fin-op{border:1px solid #eee;padding:12px;border-radius:6px;margin-bottom:12px;transition:background .2s,border-color .2s}.finishing .fin-op.selected{background:#f0f8ff;border-color:#007bff}.fin-op-header{display:flex;align-items:center;cursor:pointer}.fin-op-header input{margin-right:8px;transform:scale(1.2)}.finishing-params{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.options ul,.breakdown-list,.fin-details-list{list-style:none;padding:0;margin:0}.options li{padding:12px;border-bottom:1px solid #eee;cursor:pointer;transition:background .2s}.options li.selected,.options li:hover{background:#f0f8ff}.opt-header{display:flex;justify-content:space-between;margin-bottom:6px}.opt-meta{font-size:.9em;color:#666;display:flex;gap:12px}.breakdown-list li{margin-bottom:12px}.line-main{display:flex;justify-content:space-between;font-weight:600}.line-meta{font-size:.85em;color:#666}.total-line{display:flex;justify-content:space-between;font-size:1.1em;font-weight:700;border-top:1px solid #ddd;padding-top:10px;margin-top:10px}.finishing-details h3{margin-top:24px}.fin-details-list li{margin-bottom:8px}.context{font-size:.9em;color:#555;margin-left:6px}.breakdown .breakdown-list{list-style:none;padding:0;margin:0}.breakdown-list .fin-item{margin-bottom:12px}.breakdown-list .fin-item .line-main{display:flex;justify-content:space-between;font-weight:600}.breakdown-list .fin-item .line-meta{font-size:.85em;color:#666;padding-left:8px;margin-top:4px}.breakdown-list>li:first-child .line-main{font-weight:600;padding-top:10px;border-top:1px solid #eee}.breakdown-list .section-header{background:#f5f7fa;padding:8px 12px;margin:16px -20px 8px;font-weight:600;color:#333;border-top:1px solid #e1e4e8;border-bottom:1px solid #e1e4e8}.breakdown-list .line-main{display:flex;justify-content:space-between;padding:6px 0;font-weight:500;color:#222}.breakdown-list .line-meta{padding-left:12px;font-size:.9em;color:#555;margin-bottom:8px}.breakdown-list .total-line{display:flex;justify-content:space-between;font-size:1.1em;font-weight:700;border-top:2px solid #e1e4e8;padding-top:10px;margin-top:16px}.summary-line{background:#fdfdfd;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem;box-shadow:0 1px 2px #0000000d}.summary-line p{margin:0;font-size:1rem;color:#333}.opt-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.meta-pill{font-size:.85rem;color:#555;background:#f0f4f8;padding:.25rem .5rem;border-radius:.25rem;white-space:nowrap}.price-breaks{background:#f9faff;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem}.price-breaks h4{margin:0 0 .5rem;border-left:4px solid #6f42c1;padding-left:.5rem;font-size:1rem}.price-breaks ul{list-style:none;padding:0;margin:0;display:flex;gap:1.5rem}.price-breaks li{font-size:.95rem}.breakpoint-item{cursor:pointer;transition:background .2s;padding:.25rem .5rem;border-radius:.25rem}.breakpoint-item:hover{background:#6f42c11a}.estimate-form-container{max-width:1000px;margin:auto;font-family:sans-serif}.tabs{margin-bottom:1rem}.tabs button{padding:.5rem 1rem;margin-right:.5rem;border:none;background:#eee;cursor:pointer}.tabs button.active{background:#ddd;font-weight:700}.input-tab,.results-tab{margin-top:1rem}.estimate-table,.results-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.estimate-table th,.estimate-table td,.results-table th,.results-table td{border:1px solid #ccc;padding:.5rem;text-align:center}.btn{padding:.5rem 1rem;margin-right:.5rem;border:none;cursor:pointer}.btn.add-line{background:#f5f5f5}.btn.calculate-all{background:#007bff;color:#fff}.btn.calculate-all:disabled{background:#aac;cursor:not-allowed}.accordion{background:#f9f9f9;padding:1rem;margin:1rem 0}.breakdown-list{list-style:none;padding-left:0}.breakdown-list li{margin-bottom:.5rem}.grand-total{text-align:right;font-size:1.25rem;margin-top:1.5rem}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#333;background:#f9f9f9;line-height:1.5}.finishing-section{max-width:1200px;margin:2rem auto;padding:0 1rem}.form-preview-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.form-panel,.preview-panel{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.form-panel .field,.preview-panel .test-section{margin-bottom:1.25rem}.field label{display:block;font-size:.9rem;margin-bottom:.5rem;font-weight:500}.field input[type=text],.field input[type=number],.field .autocomplete input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s}.field input:focus{outline:none;border-color:#aaa}.field.autocomplete{position:relative}.var-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:10rem;overflow-y:auto;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000001a;z-index:10}.var-dropdown li{padding:.5rem;font-size:.9rem;cursor:pointer;transition:background .1s}.var-dropdown li:hover{background:#f0f0f0}.save-btn{display:inline-block;background:#000;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.save-btn:hover{background:#333}.test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.test-section h4{font-size:1rem;margin-bottom:.5rem;font-weight:600}.test-field{display:flex;flex-direction:column}.test-field label{font-size:.8rem;margin-bottom:.25rem}.test-field input{padding:.4rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem}.error{margin-top:.5rem;color:#c0392b;font-size:.9rem}.success{margin-top:.5rem;color:#16a085;font-size:.9rem}.ops-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.ops-table table{width:100%;border-collapse:collapse}.ops-table th,.ops-table td{padding:.75rem 1rem;text-align:left;font-size:.95rem;border-bottom:1px solid #eee}.ops-table th{background:#f4f4f4;font-weight:600}.ops-table tbody tr:hover{background:#fafafa}.ops-table .empty{padding:2rem;text-align:center;color:#777;font-style:italic}.ops-table button{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9rem;padding:.25rem;transition:color .2s}.ops-table button:hover{color:#0056b3}.field.help label{font-weight:600;margin-bottom:.25rem}.form-panel textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:1rem;resize:vertical;min-height:4rem}.field.help .help-text{font-family:Menlo,Consolas,monospace;font-size:.85rem;background:#f4f4f4;padding:.5rem;border-radius:6px;line-height:1.4}.export-actions{display:flex;gap:.75rem}.jobdetails-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out;outline:none}.jobdetails-modal-overlay .modal{background:#fff;border-radius:16px;box-shadow:0 24px 48px #00000026,0 8px 16px #0000001a;max-width:900px;width:90vw;max-height:90vh;overflow:hidden;border:1px solid rgba(0,0,0,.08)}.jobdetails-modal-overlay .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e5e7eb;background:#fafbfc;position:sticky;top:0;z-index:10}.jobdetails-modal-overlay .modal-header-left{display:flex;align-items:center;gap:16px;flex:1}.jobdetails-modal-overlay .modal-title{font-size:24px;font-weight:700;color:#1f2937;margin:0;letter-spacing:-.025em}.jobdetails-modal-overlay .modal-counter{font-size:14px;color:#6b7280;background:#f3f4f6;padding:4px 12px;border-radius:20px;font-weight:500}.jobdetails-modal-overlay .modal-header-right{display:flex;align-items:center;gap:16px}.jobdetails-modal-overlay .modal-navigation{display:flex;gap:8px}.jobdetails-modal-overlay .nav-button{width:36px;height:36px;border:1px solid #d1d5db;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:18px;color:#374151;font-weight:600}.jobdetails-modal-overlay .nav-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.jobdetails-modal-overlay .nav-button:active:not(:disabled){transform:translateY(0)}.jobdetails-modal-overlay .nav-button:disabled{opacity:.4;cursor:not-allowed}.jobdetails-modal-overlay .modal-actions{display:flex;gap:8px}.jobdetails-modal-overlay .action-button{padding:8px 16px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center}.jobdetails-modal-overlay .action-job{background:#3b82f6;color:#fff}.jobdetails-modal-overlay .action-job:hover{background:#2563eb;transform:translateY(-1px)}.jobdetails-modal-overlay .action-proposal{background:#10b981;color:#fff}.jobdetails-modal-overlay .action-proposal:hover{background:#059669;transform:translateY(-1px)}.jobdetails-modal-overlay .modal-close{width:36px;height:36px;border:1px solid #d1d5db;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:20px;color:#6b7280;margin-left:8px}.jobdetails-modal-overlay .modal-close:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.jobdetails-modal-overlay .modal-body{padding:0;overflow-y:auto;max-height:calc(90vh - 89px)}.jobdetails-modal-overlay .modal-form{display:flex;flex-direction:column}.jobdetails-modal-overlay .form-section{padding:32px;border-bottom:1px solid #f3f4f6}.jobdetails-modal-overlay .form-section:last-child{border-bottom:none}.jobdetails-modal-overlay .form-section .jobdetails-section-title{font-size:18px!important;font-weight:700!important;color:#111827!important;margin:0 0 24px!important;letter-spacing:.025em!important;text-transform:uppercase!important;position:relative!important;padding-bottom:12px!important}.jobdetails-modal-overlay .form-section .jobdetails-section-title:after{content:""!important;position:absolute!important;bottom:0!important;left:0!important;width:50px!important;height:3px!important;background:linear-gradient(90deg,#3b82f6,#10b981)!important;border-radius:2px!important}.jobdetails-modal-overlay .section-prebilling{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.jobdetails-modal-overlay .form-group{margin-bottom:20px}.jobdetails-modal-overlay .form-label{display:block;font-weight:600;font-size:14px;color:#374151;margin-bottom:6px;letter-spacing:.025em}.jobdetails-modal-overlay .form-control{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;transition:all .2s ease;box-sizing:border-box}.jobdetails-modal-overlay .form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.jobdetails-modal-overlay .comparison-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;padding:16px;border-radius:12px;transition:all .2s ease}.jobdetails-modal-overlay .comparison-row.match{background:#10b9810d;border:1px solid rgba(16,185,129,.2)}.jobdetails-modal-overlay .comparison-row.mismatch{background:#ef44440d;border:1px solid rgba(239,68,68,.2)}.jobdetails-modal-overlay .comparison-row.neutral{background:#9ca3af0d;border:1px solid rgba(156,163,175,.2)}.jobdetails-modal-overlay .comparison-cell{display:flex;flex-direction:column}.jobdetails-modal-overlay .field-match{border-color:#10b981;background:#10b98105}.jobdetails-modal-overlay .field-mismatch{border-color:#ef4444;background:#ef444405;color:#dc2626}.jobdetails-modal-overlay .field-neutral{border-color:#9ca3af;background:#9ca3af05}.jobdetails-modal-overlay .issues-container{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:20px;margin-top:24px}.jobdetails-modal-overlay .issues-title{font-size:16px;font-weight:700;color:#dc2626;margin:0 0 12px}.jobdetails-modal-overlay .issue-text{color:#dc2626;font-size:14px;font-weight:500;margin-bottom:8px;display:flex;align-items:center;gap:8px}.jobdetails-modal-overlay .issue-text:last-child{margin-bottom:0}.jobdetails-modal-overlay .issue-text:before{content:"⚠";font-size:16px;flex-shrink:0}.jobdetails-modal-overlay .success-text{background:#10b9810d;border:1px solid rgba(16,185,129,.2);color:#059669;padding:16px 20px;border-radius:12px;margin-top:24px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px}.jobdetails-modal-overlay .success-text:before{content:"✓";font-size:16px;font-weight:700;color:#10b981;flex-shrink:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.jobdetails-modal-overlay .modal{width:95vw;max-height:95vh}.jobdetails-modal-overlay .modal-header{padding:16px 20px;flex-wrap:wrap;gap:12px}.jobdetails-modal-overlay .modal-header-right{gap:12px}.jobdetails-modal-overlay .modal-actions{display:none}.jobdetails-modal-overlay .form-section{padding:20px}.jobdetails-modal-overlay .comparison-row{grid-template-columns:1fr;gap:12px}.jobdetails-modal-overlay .modal-title{font-size:20px}}@media (max-width: 480px){.jobdetails-modal-overlay .modal-header-left{flex-direction:column;align-items:flex-start;gap:8px}.jobdetails-modal-overlay .modal-title{font-size:18px}.jobdetails-modal-overlay .modal-counter{font-size:12px;padding:2px 8px}}@media (prefers-color-scheme: dark){.jobdetails-modal-overlay{background:#000c}.jobdetails-modal-overlay .modal{background:#1f2937;border:1px solid #374151;box-shadow:0 24px 48px #0006,0 8px 16px #0003}.jobdetails-modal-overlay .modal-header{background:#111827;border-bottom:1px solid #374151}.jobdetails-modal-overlay .modal-title{color:#f9fafb}.jobdetails-modal-overlay .modal-counter{background:#374151;color:#d1d5db}.jobdetails-modal-overlay .nav-button{background:#374151;border:1px solid #4b5563;color:#d1d5db}.jobdetails-modal-overlay .nav-button:hover:not(:disabled){background:#4b5563;border-color:#6b7280}.jobdetails-modal-overlay .modal-close{background:#374151;border:1px solid #4b5563;color:#9ca3af}.jobdetails-modal-overlay .modal-close:hover{background:#450a0a;border-color:#dc2626;color:#fca5a5}.jobdetails-modal-overlay .section-prebilling{background:linear-gradient(135deg,#111827,#1f2937)}.jobdetails-modal-overlay .form-section{border-bottom:1px solid #374151}.jobdetails-modal-overlay .form-section .jobdetails-section-title{color:#f3f4f6!important}.jobdetails-modal-overlay .form-label{color:#d1d5db}.jobdetails-modal-overlay .form-control{background:#374151;border:1px solid #4b5563;color:#f9fafb}.jobdetails-modal-overlay .form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.jobdetails-modal-overlay .comparison-row.match{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.jobdetails-modal-overlay .comparison-row.mismatch{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.jobdetails-modal-overlay .comparison-row.neutral{background:#9ca3af1a;border:1px solid rgba(156,163,175,.3)}.jobdetails-modal-overlay .field-match{border-color:#10b981;background:#10b9810d}.jobdetails-modal-overlay .field-mismatch{border-color:#ef4444;background:#ef44440d;color:#fca5a5}.jobdetails-modal-overlay .field-neutral{border-color:#6b7280;background:#9ca3af0d}.jobdetails-modal-overlay .issues-container{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.jobdetails-modal-overlay .issues-title,.jobdetails-modal-overlay .issue-text{color:#fca5a5}.jobdetails-modal-overlay .success-text{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.jobdetails-modal-overlay .success-text:before{color:#10b981}}.dark-theme .jobdetails-modal-overlay{background:#000c}.dark-theme .jobdetails-modal-overlay .modal{background:#1f2937;border:1px solid #374151;box-shadow:0 24px 48px #0006,0 8px 16px #0003}.dark-theme .jobdetails-modal-overlay .modal-header{background:#111827;border-bottom:1px solid #374151}.dark-theme .jobdetails-modal-overlay .modal-title{color:#f9fafb}.dark-theme .jobdetails-modal-overlay .modal-counter{background:#374151;color:#d1d5db}.dark-theme .jobdetails-modal-overlay .nav-button{background:#374151;border:1px solid #4b5563;color:#d1d5db}.dark-theme .jobdetails-modal-overlay .nav-button:hover:not(:disabled){background:#4b5563;border-color:#6b7280}.dark-theme .jobdetails-modal-overlay .modal-close{background:#374151;border:1px solid #4b5563;color:#9ca3af}.dark-theme .jobdetails-modal-overlay .modal-close:hover{background:#450a0a;border-color:#dc2626;color:#fca5a5}.dark-theme .jobdetails-modal-overlay .section-prebilling{background:linear-gradient(135deg,#111827,#1f2937)}.dark-theme .jobdetails-modal-overlay .form-section{border-bottom:1px solid #374151}.dark-theme .jobdetails-modal-overlay .form-section .jobdetails-section-title{color:#f3f4f6!important}.dark-theme .jobdetails-modal-overlay .form-label{color:#d1d5db}.dark-theme .jobdetails-modal-overlay .form-control{background:#374151;border:1px solid #4b5563;color:#f9fafb}.dark-theme .jobdetails-modal-overlay .form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.dark-theme .jobdetails-modal-overlay .comparison-row.match{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.dark-theme .jobdetails-modal-overlay .comparison-row.mismatch{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.dark-theme .jobdetails-modal-overlay .comparison-row.neutral{background:#9ca3af1a;border:1px solid rgba(156,163,175,.3)}.dark-theme .jobdetails-modal-overlay .field-match{border-color:#10b981;background:#10b9810d}.dark-theme .jobdetails-modal-overlay .field-mismatch{border-color:#ef4444;background:#ef44440d;color:#fca5a5}.dark-theme .jobdetails-modal-overlay .field-neutral{border-color:#6b7280;background:#9ca3af0d}.dark-theme .jobdetails-modal-overlay .issues-container{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.dark-theme .jobdetails-modal-overlay .issues-title,.dark-theme .jobdetails-modal-overlay .issue-text{color:#fca5a5}.dark-theme .jobdetails-modal-overlay .success-text{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.dark-theme .jobdetails-modal-overlay .success-text:before{color:#10b981}:root{--bg: #f5f5f5;--surface: #ffffff;--text: #1e1e1e;--text-muted: #6b7280;--accent: #06b6d4;--accent-light: #e0f2fe;--border: #e5e7eb;--radius: .75rem;--space: 1rem;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-width: 16rem;--sidebar-collapsed-width: 4rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--success: #059669;--warning: #d97706;--error: #dc2626;--info: #4f46e5;--success-bg: #ecfdf5;--warning-bg: #fffbeb;--error-bg: #fef2f2;--info-bg: #eef2ff}@media (prefers-color-scheme: dark){:root{--bg: #0f172a;--surface: #0f172a;--text: #e5e5e5;--text-muted: #ffffff;--accent: #06b6d4;--accent-light: rgba(6, 182, 212, .15);--border: #2c2c2c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #6366f1;--success-bg: rgba(16, 185, 129, .1);--warning-bg: rgba(245, 158, 11, .1);--error-bg: rgba(239, 68, 68, .1);--info-bg: rgba(99, 102, 241, .1)}}[data-theme=light]{--bg: #f5f5f5;--surface: #ffffff;--text: #1e1e1e;--text-muted: #6b7280;--accent: #06b6d4;--accent-light: #e0f2fe;--border: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--success: #059669;--warning: #d97706;--error: #dc2626;--info: #4f46e5;--success-bg: #ecfdf5;--warning-bg: #fffbeb;--error-bg: #fef2f2;--info-bg: #eef2ff}[data-theme=dark]{--bg: #0f172a;--surface: #0f172a;--text: #e5e5e5;--text-muted: #ffffff;--accent: #06b6d4;--accent-light: rgba(6, 182, 212, .15);--border: #2c2c2c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #6366f1;--success-bg: rgba(16, 185, 129, .1);--warning-bg: rgba(245, 158, 11, .1);--error-bg: rgba(239, 68, 68, .1);--info-bg: rgba(99, 102, 241, .1)}.job-search-container{width:100%;transition:var(--transition)}.jad-card{background:var(--surface);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow-md);border:1px solid var(--border);transition:background-color .25s ease,border-color .25s ease}.jad-header-card{text-align:center}.jad-title{font-size:2rem;font-weight:700;color:var(--text);margin:0 0 24px;transition:color .25s ease}.jad-search-row{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.jad-input{padding:12px 16px;border:2px solid var(--border);border-radius:8px;font-size:16px;min-width:200px;background:var(--surface);color:var(--text);transition:border-color .2s,background-color .25s ease,color .25s ease}.jad-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.jad-input::placeholder{color:var(--text-muted)}.jad-btn-primary{background:var(--accent);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;min-width:140px}.jad-btn-primary:hover{background:var(--accent);filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-light)}.jad-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.jad-btn-primary.is-loading{position:relative;color:transparent}.jad-btn-primary.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.jad-error{color:var(--error);background:var(--error-bg);border:1px solid var(--error);border-radius:8px;padding:12px 16px;margin-top:16px;font-weight:500;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.jad-job-info{background:var(--accent-light);border-left:4px solid var(--accent);transition:background-color .25s ease,border-color .25s ease}.jad-job-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.jad-job-grid{grid-template-columns:1fr;gap:16px}}.jad-job-heading{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 8px;transition:color .25s ease}.jad-job-text{margin:4px 0;color:var(--text-muted);line-height:1.5;transition:color .25s ease}.jad-job-text strong{color:var(--text);font-weight:600;transition:color .25s ease}.jad-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px}.metric-card{background:var(--surface);border-radius:12px;padding:20px;box-shadow:var(--shadow-md);border:1px solid var(--border);transition:transform .2s,box-shadow .2s,background-color .25s ease,border-color .25s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);filter:brightness(1.02)}.metric-top{display:flex;justify-content:space-between;align-items:flex-start}.metric-label{font-size:.875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;transition:color .25s ease}.metric-value{font-size:1.875rem;font-weight:700;color:var(--text);line-height:1;margin-bottom:4px;transition:color .25s ease}.metric-value.main{color:var(--accent)}.metric-sub{font-size:.875rem;color:var(--text-muted);line-height:1.4;transition:color .25s ease}.metric-emoji{font-size:2rem;opacity:.7}.text-green{color:var(--success)!important}.text-amber{color:var(--warning)!important}.text-red{color:var(--error)!important}.text-indigo{color:var(--info)!important}.bg-green{background:var(--success-bg)!important;border-color:var(--success)!important}.bg-amber{background:var(--warning-bg)!important;border-color:var(--warning)!important}.bg-red{background:var(--error-bg)!important;border-color:var(--error)!important}.bg-indigo{background:var(--info-bg)!important;border-color:var(--info)!important}@media (max-width: 640px){.jad-search-row{flex-direction:column;width:100%}.jad-input{width:100%;min-width:unset}.jad-btn-primary{width:100%}.jad-metrics-grid{grid-template-columns:1fr}.metric-card{padding:16px}.metric-value,.jad-title{font-size:1.5rem}}@media (prefers-contrast: high){.jad-card,.metric-card,.jad-input{border-width:2px}.jad-btn-primary{border:2px solid var(--accent)}}@media (prefers-reduced-motion: reduce){.metric-card,.jad-btn-primary,.jad-input,.jad-card{transition:none}.jad-btn-primary.is-loading:after{animation:none}.metric-card:hover,.jad-btn-primary:hover{transform:none}}.jad-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.jad-btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.jad-btn-primary.is-loading{pointer-events:none}.bg-accent{background:var(--accent-light)!important}.border-accent{border-color:var(--accent)!important}:root{--bg: #f5f5f5;--surface: #ffffff;--text: #1e1e1e;--text-muted: #6b7280;--accent: #06b6d4;--accent-light: #e0f2fe;--border: #e5e7eb;--radius: .75rem;--space: 1rem;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-width: 16rem;--sidebar-collapsed-width: 4rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--chart-surface: #f9fafb;--indigo: #6366f1;--purple: #8b5cf6;--green: #10b981;--amber: #f59e0b;--red: #ef4444;--success: #059669;--warning: #d97706;--error: #dc2626;--info: #4f46e5}@media (prefers-color-scheme: dark){:root{--bg: #0f172a;--surface: #0f172a;--text: #e5e5e5;--text-muted: #ffffff;--accent: #06b6d4;--accent-light: rgba(6, 182, 212, .15);--border: #2c2c2c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--chart-surface: #1e293b;--indigo: #818cf8;--purple: #a78bfa;--green: #34d399;--amber: #fbbf24;--red: #f87171;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #6366f1}}[data-theme=light]{--bg: #f5f5f5;--surface: #ffffff;--text: #1e1e1e;--text-muted: #6b7280;--accent: #06b6d4;--accent-light: #e0f2fe;--border: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--chart-surface: #f9fafb;--indigo: #6366f1;--purple: #8b5cf6;--green: #10b981;--amber: #f59e0b;--red: #ef4444;--success: #059669;--warning: #d97706;--error: #dc2626;--info: #4f46e5}[data-theme=dark]{--bg: #0f172a;--surface: #0f172a;--text: #e5e5e5;--text-muted: #ffffff;--accent: #06b6d4;--accent-light: rgba(6, 182, 212, .15);--border: #2c2c2c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--chart-surface: #1e293b;--indigo: #818cf8;--purple: #a78bfa;--green: #34d399;--amber: #fbbf24;--red: #f87171;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #6366f1}.overview-tab{width:100%;transition:var(--transition)}.section-title{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 24px;border-bottom:2px solid var(--border);padding-bottom:8px;transition:color .25s ease,border-color .25s ease}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}@media (max-width: 768px){.charts-grid{grid-template-columns:1fr}}.chart-surface{background:var(--chart-surface);border:1px solid var(--border);border-radius:8px;padding:16px;min-height:200px;display:flex;align-items:flex-end;justify-content:space-around;gap:8px;transition:background-color .25s ease,border-color .25s ease}.bar-indigo{background:linear-gradient(180deg,var(--indigo),var(--indigo));filter:brightness(1.1)}.bar-green{background:linear-gradient(180deg,var(--green),var(--green));filter:brightness(1.1)}.bar-purple{background:linear-gradient(180deg,var(--purple),var(--purple));filter:brightness(1.1)}.labor-material-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.donut{width:120px;height:120px;border-radius:50%;position:relative;background:var(--border);display:flex;align-items:center;justify-content:center;transition:background-color .25s ease}.donut.has-data{background:conic-gradient(var(--indigo) 0deg 180deg,var(--purple) 180deg 360deg)}.donut-inner{width:70px;height:70px;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:var(--text);text-align:center;line-height:1.2;transition:background-color .25s ease,color .25s ease}.lm-legend{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text);transition:color .25s ease}.legend-swatch{width:12px;height:12px;border-radius:2px}.swatch-indigo{background:var(--indigo)}.swatch-purple{background:var(--purple)}.dept-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:24px}.dept-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:var(--shadow-md);transition:transform .2s,box-shadow .2s,background-color .25s ease,border-color .25s ease}.dept-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);filter:brightness(1.02)}.dept-card-title{font-size:1.125rem;font-weight:600;color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:8px;transition:color .25s ease}.emoji{font-size:1.25rem}.dept-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.dept-stat{text-align:center}.dept-stat-value{font-size:1.25rem;font-weight:700;margin-bottom:4px;color:var(--text);transition:color .25s ease}.dept-stat-label{font-size:.75rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:color .25s ease}.eff-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.eff-label{font-size:.875rem;color:var(--text-muted);font-weight:500;transition:color .25s ease}.eff-value{font-size:.875rem;font-weight:600;color:var(--text);transition:color .25s ease}.eff-bar-bg{height:6px;background:var(--border);border-radius:3px;overflow:hidden;transition:background-color .25s ease}.eff-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.bg-green{background:var(--green)}.bg-amber{background:var(--amber)}.bg-red{background:var(--red)}.text-indigo{color:var(--indigo)!important}.text-purple{color:var(--purple)!important}.text-green{color:var(--green)!important}.text-amber{color:var(--amber)!important}.text-red{color:var(--red)!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-error{color:var(--error)!important}.text-info{color:var(--info)!important}.bg-indigo{background:var(--indigo)!important}.bg-purple{background:var(--purple)!important}.bg-accent{background:var(--accent)!important}.bg-surface{background:var(--surface)!important}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.empty-state-text{font-size:1rem;line-height:1.5}@media (max-width: 640px){.dept-cards-grid{grid-template-columns:1fr}.dept-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.dept-stat-value{font-size:1rem}.chart-surface{min-height:150px;padding:12px}.chart-bar-container{height:120px;min-width:50px}.donut{width:100px;height:100px}.donut-inner{width:60px;height:60px;font-size:.75rem}.section-title{font-size:1.25rem}.chart-title{font-size:1rem}}@media (prefers-contrast: high){.dept-card,.chart-surface{border-width:2px}.chart-bar{border:1px solid var(--text)}.donut{border:2px solid var(--text)}.eff-bar-bg{border:1px solid var(--text-muted)}}@media (prefers-reduced-motion: reduce){.dept-card,.chart-bar,.eff-bar-fill,.chart-surface,.donut,.donut-inner{transition:none}.dept-card:hover,.chart-bar:hover{transform:none}}.dept-card:focus-within{outline:2px solid var(--accent);outline-offset:2px}.chart-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-muted)}.chart-loading:after{content:"";width:32px;height:32px;border:3px solid var(--border);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}@media print{.dept-card,.chart-surface{box-shadow:none;border:1px solid #000}.chart-bar,.eff-bar-fill{background:#666!important}}:root{--bg: #f5f5f5;--surface: #ffffff;--text: #1e1e1e;--text-muted: #6b7280;--accent: #06b6d4;--accent-light: #e0f2fe;--border: #e5e7eb;--radius: .75rem;--space: 1rem;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-width: 16rem;--sidebar-collapsed-width: 4rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--dept-bg-secondary: #f8fafc;--dept-bg-tertiary: #f1f5f9;--dept-bg-quaternary: #e2e8f0;--dept-border-light: #f1f5f9;--dept-shadow: rgba(0, 0, 0, .08);--dept-shadow-hover: rgba(0, 0, 0, .12);--dept-blue: #3b82f6;--dept-green: #10b981;--dept-green-bg: #ecfdf5;--dept-green-border: #a7f3d0;--dept-amber: #f59e0b;--dept-amber-bg: #fffbeb;--dept-amber-border: #fde68a;--dept-red: #ef4444;--dept-red-bg: #fef2f2;--dept-red-border: #fecaca;--dept-radius: 8px;--dept-radius-lg: 12px}@media (prefers-color-scheme: dark){:root{--bg: #0f172a;--surface: #0f172a;--text: #e5e5e5;--text-muted: #ffffff;--accent: #06b6d4;--accent-light: rgba(6, 182, 212, .15);--border: #2c2c2c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--dept-bg-secondary: #1e293b;--dept-bg-tertiary: #334155;--dept-bg-quaternary: #475569;--dept-border-light: #334155;--dept-shadow: rgba(0, 0, 0, .3);--dept-shadow-hover: rgba(0, 0, 0, .4);--dept-blue: #60a5fa;--dept-green: #34d399;--dept-green-bg: rgba(16, 185, 129, .15);--dept-green-border: rgba(167, 243, 208, .3);--dept-amber: #fbbf24;--dept-amber-bg: rgba(245, 158, 11, .15);--dept-amber-border: rgba(253, 230, 138, .3);--dept-red: #f87171;--dept-red-bg: rgba(239, 68, 68, .15);--dept-red-border: rgba(254, 202, 202, .3)}}[data-theme=light]{--bg: #f5f5f5;--surface: #ffffff;--text: #1e1e1e;--text-muted: #6b7280;--accent: #06b6d4;--accent-light: #e0f2fe;--border: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--dept-bg-secondary: #f8fafc;--dept-bg-tertiary: #f1f5f9;--dept-bg-quaternary: #e2e8f0;--dept-border-light: #f1f5f9;--dept-shadow: rgba(0, 0, 0, .08);--dept-shadow-hover: rgba(0, 0, 0, .12);--dept-blue: #3b82f6;--dept-green: #10b981;--dept-green-bg: #ecfdf5;--dept-green-border: #a7f3d0;--dept-amber: #f59e0b;--dept-amber-bg: #fffbeb;--dept-amber-border: #fde68a;--dept-red: #ef4444;--dept-red-bg: #fef2f2;--dept-red-border: #fecaca}[data-theme=dark]{--bg: #0f172a;--surface: #0f172a;--text: #e5e5e5;--text-muted: #ffffff;--accent: #06b6d4;--accent-light: rgba(6, 182, 212, .15);--border: #2c2c2c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--dept-bg-secondary: #1e293b;--dept-bg-tertiary: #334155;--dept-bg-quaternary: #475569;--dept-border-light: #334155;--dept-shadow: rgba(0, 0, 0, .3);--dept-shadow-hover: rgba(0, 0, 0, .4);--dept-blue: #60a5fa;--dept-green: #34d399;--dept-green-bg: rgba(16, 185, 129, .15);--dept-green-border: rgba(167, 243, 208, .3);--dept-amber: #fbbf24;--dept-amber-bg: rgba(245, 158, 11, .15);--dept-amber-border: rgba(253, 230, 138, .3);--dept-red: #f87171;--dept-red-bg: rgba(239, 68, 68, .15);--dept-red-border: rgba(254, 202, 202, .3)}.departments-tab{width:100%;padding:0;box-sizing:border-box;transition:var(--transition)}.section-title{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--border);font-family:var(--font);transition:color .25s ease,border-color .25s ease}.table-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--dept-radius-lg);box-shadow:var(--shadow-md);overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;width:100%;position:relative;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.departments-table{width:100%;border-collapse:collapse;border-spacing:0;font-size:.875rem;font-family:var(--font);min-width:900px}.departments-table thead{background:linear-gradient(135deg,var(--dept-bg-tertiary),var(--dept-bg-quaternary))}.departments-table th{padding:1rem .75rem;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text);border-bottom:2px solid var(--border);border-right:1px solid var(--dept-border-light);white-space:nowrap;position:sticky;top:0;z-index:10;background:linear-gradient(135deg,var(--dept-bg-tertiary),var(--dept-bg-quaternary));transition:color .25s ease,border-color .25s ease,background .25s ease}.departments-table th:last-child{border-right:none}.departments-table tbody tr{transition:background-color .15s ease;border-bottom:1px solid var(--dept-border-light)}.departments-table tbody tr:hover{background-color:var(--dept-bg-secondary)}.departments-table tbody tr.even{background-color:var(--surface)}.departments-table tbody tr.odd{background-color:var(--dept-bg-secondary)}.departments-table td{padding:1rem .75rem;border-right:1px solid var(--dept-border-light);color:var(--text);vertical-align:middle;transition:color .25s ease,border-color .25s ease}.departments-table td:last-child{border-right:none}.department-name{font-weight:700;color:var(--text);font-size:.9rem;transition:color .25s ease}.actual-cost{font-weight:700;color:var(--text);transition:color .25s ease}.efficiency-badge,.variance-badge,.spoilage-amount{display:inline-block;padding:.25rem .5rem;border-radius:var(--dept-radius);font-size:.75rem;font-weight:600;white-space:nowrap;border:1px solid transparent;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.text-green{color:var(--dept-green)!important;background-color:var(--dept-green-bg)!important;border-color:var(--dept-green-border)!important}.text-amber{color:var(--dept-amber)!important;background-color:var(--dept-amber-bg)!important;border-color:var(--dept-amber-border)!important}.text-red{color:var(--dept-red)!important;background-color:var(--dept-red-bg)!important;border-color:var(--dept-red-border)!important}.text-blue{color:var(--dept-blue)!important}.departments-table th:nth-child(1),.departments-table td:nth-child(1){width:180px}.departments-table th:nth-child(2),.departments-table td:nth-child(2){width:90px}.departments-table th:nth-child(3),.departments-table td:nth-child(3){width:90px}.departments-table th:nth-child(4),.departments-table td:nth-child(4){width:90px}.departments-table th:nth-child(5),.departments-table td:nth-child(5){width:100px}.departments-table th:nth-child(6),.departments-table td:nth-child(6){width:100px}.departments-table th:nth-child(7),.departments-table td:nth-child(7){width:100px}.departments-table th:nth-child(8),.departments-table td:nth-child(8){width:110px}.departments-table th:nth-child(9),.departments-table td:nth-child(9){width:90px}.table-wrapper::-webkit-scrollbar-track{background-color:var(--dept-bg-tertiary);border-radius:4px}.table-wrapper{scrollbar-width:thin;scrollbar-color:var(--border) var(--dept-bg-tertiary)}@media screen and (max-width: 1200px){.departments-table{min-width:800px}.table-wrapper:after{content:"Scroll horizontally to view all columns →";display:block;text-align:center;padding:.5rem;font-size:.75rem;color:var(--text-muted);background-color:var(--dept-bg-secondary);border-top:1px solid var(--dept-border-light);font-style:italic;transition:color .25s ease,background-color .25s ease,border-color .25s ease}}@media screen and (max-width: 900px){.table-wrapper{margin-left:-1rem;margin-right:-1rem;border-radius:0;border-left:none;border-right:none}.departments-table{min-width:600px;font-size:.8125rem}.departments-table th,.departments-table td{padding:.75rem .5rem}.departments-table th{font-size:.6875rem}.table-wrapper:after{content:"← Swipe to see more data →"}}@media screen and (max-width: 640px){.section-title{font-size:1.25rem;margin-bottom:1rem}.table-wrapper{margin-left:-1rem;margin-right:-1rem}.departments-table{min-width:450px;font-size:.75rem}.departments-table th,.departments-table td{padding:.5rem .375rem}.departments-table th{font-size:.625rem}.departments-table th:nth-child(8),.departments-table td:nth-child(8){display:none}.efficiency-badge,.variance-badge,.spoilage-amount{font-size:.625rem;padding:.125rem .375rem}}@media screen and (max-width: 480px){.table-wrapper{margin-left:-.75rem;margin-right:-.75rem}.departments-table{min-width:380px;font-size:.6875rem}.departments-table th,.departments-table td{padding:.375rem .25rem}.departments-table th{font-size:.5625rem}.department-name{font-size:.75rem}.efficiency-badge,.variance-badge,.spoilage-amount{font-size:.5625rem;padding:.125rem .25rem}}@media screen and (max-width: 380px){.departments-table{min-width:320px}.departments-table th:nth-child(4),.departments-table td:nth-child(4){display:none}}.table-wrapper:focus-within{outline:2px solid var(--accent);outline-offset:2px}.departments-table tbody tr:focus{outline:2px solid var(--accent);outline-offset:-2px;background-color:var(--dept-bg-secondary)!important}.table-wrapper{will-change:scroll-position}.departments-table{transform:translateZ(0)}.table-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-muted);background:var(--surface);border-radius:var(--dept-radius-lg);border:1px solid var(--border)}.table-loading:after{content:"";width:32px;height:32px;border:3px solid var(--border);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}.table-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted);background:var(--surface);border-radius:var(--dept-radius-lg);border:1px solid var(--border)}.table-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}@media (prefers-contrast: high){.table-wrapper,.departments-table th,.departments-table td,.efficiency-badge,.variance-badge,.spoilage-amount{border-width:2px}}@media print{.table-wrapper{overflow:visible!important;box-shadow:none!important;border:1px solid #000!important;background:#fff!important}.departments-table{min-width:auto!important;font-size:.7rem!important}.departments-table th,.departments-table td{padding:.25rem!important;border:1px solid #000!important;background:#fff!important;color:#000!important}.table-wrapper:after{display:none!important}.efficiency-badge,.variance-badge,.spoilage-amount{background:#fff!important;color:#000!important;border:1px solid #000!important}}@media (prefers-reduced-motion: reduce){.departments-table tbody tr,.table-wrapper::-webkit-scrollbar-thumb,.efficiency-badge,.variance-badge,.spoilage-amount,.table-wrapper,.section-title{transition:none}.table-loading:after{animation:none}}:root{--bg: #f5f5f5;--surface: #ffffff;--text: #1e1e1e;--text-muted: #6b7280;--accent: #06b6d4;--accent-light: #e0f2fe;--border: #e5e7eb;--radius: .75rem;--space: 1rem;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-width: 16rem;--sidebar-collapsed-width: 4rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--cc-bg-secondary: #f8fafc;--cc-bg-tertiary: #f9fafb;--cc-bg-quaternary: #f3f4f6;--cc-header-gradient-from: #f8fafc;--cc-header-gradient-to: #e2e8f0;--cc-header-hover-from: #e2e8f0;--cc-header-hover-to: #cbd5e1;--cc-border-light: #f3f4f6;--cc-green: #059669;--cc-green-bg: #ecfdf5;--cc-green-border: #a7f3d0;--cc-amber: #d97706;--cc-amber-bg: #fffbeb;--cc-amber-border: #fde68a;--cc-red: #dc2626;--cc-red-bg: #fef2f2;--cc-red-border: #fecaca}@media (prefers-color-scheme: dark){:root{--bg: #0f172a;--surface: #0f172a;--text: #e5e5e5;--text-muted: #ffffff;--accent: #06b6d4;--accent-light: rgba(6, 182, 212, .15);--border: #2c2c2c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--cc-bg-secondary: #1e293b;--cc-bg-tertiary: #334155;--cc-bg-quaternary: #475569;--cc-header-gradient-from: #334155;--cc-header-gradient-to: #475569;--cc-header-hover-from: #475569;--cc-header-hover-to: #64748b;--cc-border-light: #334155;--cc-green: #10b981;--cc-green-bg: rgba(16, 185, 129, .15);--cc-green-border: rgba(167, 243, 208, .3);--cc-amber: #f59e0b;--cc-amber-bg: rgba(245, 158, 11, .15);--cc-amber-border: rgba(253, 230, 138, .3);--cc-red: #ef4444;--cc-red-bg: rgba(239, 68, 68, .15);--cc-red-border: rgba(254, 202, 202, .3)}}[data-theme=light]{--bg: #f5f5f5;--surface: #ffffff;--text: #1e1e1e;--text-muted: #6b7280;--accent: #06b6d4;--accent-light: #e0f2fe;--border: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--cc-bg-secondary: #f8fafc;--cc-bg-tertiary: #f9fafb;--cc-bg-quaternary: #f3f4f6;--cc-header-gradient-from: #f8fafc;--cc-header-gradient-to: #e2e8f0;--cc-header-hover-from: #e2e8f0;--cc-header-hover-to: #cbd5e1;--cc-border-light: #f3f4f6;--cc-green: #059669;--cc-green-bg: #ecfdf5;--cc-green-border: #a7f3d0;--cc-amber: #d97706;--cc-amber-bg: #fffbeb;--cc-amber-border: #fde68a;--cc-red: #dc2626;--cc-red-bg: #fef2f2;--cc-red-border: #fecaca}[data-theme=dark]{--bg: #0f172a;--surface: #0f172a;--text: #e5e5e5;--text-muted: #ffffff;--accent: #06b6d4;--accent-light: rgba(6, 182, 212, .15);--border: #2c2c2c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--cc-bg-secondary: #1e293b;--cc-bg-tertiary: #334155;--cc-bg-quaternary: #475569;--cc-header-gradient-from: #334155;--cc-header-gradient-to: #475569;--cc-header-hover-from: #475569;--cc-header-hover-to: #64748b;--cc-border-light: #334155;--cc-green: #10b981;--cc-green-bg: rgba(16, 185, 129, .15);--cc-green-border: rgba(167, 243, 208, .3);--cc-amber: #f59e0b;--cc-amber-bg: rgba(245, 158, 11, .15);--cc-amber-border: rgba(253, 230, 138, .3);--cc-red: #ef4444;--cc-red-bg: rgba(239, 68, 68, .15);--cc-red-border: rgba(254, 202, 202, .3)}.cost-centers-tab{width:100%;transition:var(--transition)}.dept-group{margin-bottom:24px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-md);border:1px solid var(--border);overflow:hidden;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.dept-group-header{border-bottom:1px solid var(--border);padding:16px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s,border-color .25s ease}.dept-group-header:hover{background:linear-gradient(135deg,var(--cc-header-hover-from),var(--cc-header-hover-to))}.dept-group-title{font-size:1.125rem;font-weight:600;color:var(--text);margin:0;display:flex;align-items:center;gap:8px;transition:color .25s ease}.dept-group-summary{font-size:.875rem;color:var(--text-muted);font-weight:500;transition:color .25s ease}.cost-centers-table{width:100%;border-collapse:collapse;font-size:.875rem;font-family:var(--font)}.cost-centers-table thead{background:var(--cc-bg-tertiary);border-bottom:1px solid var(--border);transition:background-color .25s ease,border-color .25s ease}.cost-centers-table th{padding:12px 16px;font-weight:600;color:var(--text);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-right:1px solid var(--border);height:50px;vertical-align:middle;transition:color .25s ease,border-color .25s ease}.cost-centers-table th:last-child{border-right:none}.cost-centers-table tbody tr{transition:background-color .2s ease;border-bottom:1px solid var(--cc-border-light)}.cost-centers-table tbody tr:hover{background:var(--cc-bg-tertiary)}.cost-centers-table tbody tr.even{background:var(--surface)}.cost-centers-table tbody tr.odd{background:var(--cc-bg-tertiary)}.cost-centers-table tbody tr.even:hover,.cost-centers-table tbody tr.odd:hover{background:var(--cc-bg-quaternary)}.cost-centers-table td{padding:12px 16px;border-right:1px solid var(--cc-border-light);height:50px;vertical-align:middle;color:var(--text);transition:color .25s ease,border-color .25s ease}.cost-centers-table td:last-child{border-right:none}.cost-center-name,.actual-cost{font-weight:600;color:var(--text);transition:color .25s ease}.text-green{color:var(--cc-green)!important;background:var(--cc-green-bg)!important;border:1px solid var(--cc-green-border)!important}.text-amber{color:var(--cc-amber)!important;background:var(--cc-amber-bg)!important;border:1px solid var(--cc-amber-border)!important}.text-red{color:var(--cc-red)!important;background:var(--cc-red-bg)!important;border:1px solid var(--cc-red-border)!important}.cost-centers-table th:nth-child(1),.cost-centers-table td:nth-child(1){width:250px}.cost-centers-table th:nth-child(2),.cost-centers-table td:nth-child(2){width:100px}.cost-centers-table th:nth-child(3),.cost-centers-table td:nth-child(3){width:100px}.cost-centers-table th:nth-child(4),.cost-centers-table td:nth-child(4){width:120px}.cost-centers-table th:nth-child(5),.cost-centers-table td:nth-child(5){width:120px}.cost-centers-table th:nth-child(6),.cost-centers-table td:nth-child(6){width:130px}.cost-centers-table th:nth-child(7),.cost-centers-table td:nth-child(7){width:110px}.table-wrapper::-webkit-scrollbar-track{background-color:var(--cc-bg-tertiary);border-radius:4px}.table-wrapper{scrollbar-width:thin;scrollbar-color:var(--border) var(--cc-bg-tertiary)}@media (max-width: 1200px){.cost-centers-table th:nth-child(6),.cost-centers-table td:nth-child(6){display:none}}@media (max-width: 968px){.cost-centers-table th:nth-child(2),.cost-centers-table th:nth-child(3),.cost-centers-table th:nth-child(4),.cost-centers-table td:nth-child(2),.cost-centers-table td:nth-child(3),.cost-centers-table td:nth-child(4){display:none}.cost-centers-table th:nth-child(1),.cost-centers-table td:nth-child(1){width:200px}.cost-centers-table th:nth-child(5),.cost-centers-table td:nth-child(5){width:120px}.cost-centers-table th:nth-child(7),.cost-centers-table td:nth-child(7){width:100px}}@media (max-width: 640px){.dept-group{margin:0 -16px 24px;border-radius:0}.dept-group-header{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:8px}.dept-group-title{font-size:1rem}.cost-centers-table th,.cost-centers-table td{padding:8px 12px}.cost-centers-table th:nth-child(2),.cost-centers-table th:nth-child(3),.cost-centers-table th:nth-child(4),.cost-centers-table th:nth-child(6),.cost-centers-table td:nth-child(2),.cost-centers-table td:nth-child(3),.cost-centers-table td:nth-child(4),.cost-centers-table td:nth-child(6){display:none}.cost-centers-table th:nth-child(1),.cost-centers-table td:nth-child(1){width:160px}.cost-centers-table th:nth-child(5),.cost-centers-table td:nth-child(5){width:100px}.cost-centers-table th:nth-child(7),.cost-centers-table td:nth-child(7){width:80px}.section-title{font-size:1.25rem}}@media (max-width: 480px){.dept-group-header{padding:10px 12px}.cost-centers-table th,.cost-centers-table td{padding:6px 8px;font-size:.75rem}.cost-centers-table th{font-size:.625rem}.efficiency-badge,.variance-badge{font-size:.625rem;padding:2px 6px}}.table-wrapper{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@media (max-width: 1400px){.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.cost-centers-table{min-width:700px}}.cost-centers-table tbody tr:focus{outline:2px solid var(--accent);outline-offset:-2px;background-color:var(--cc-bg-quaternary)!important}@media (prefers-contrast: high){.dept-group,.cost-centers-table th,.cost-centers-table td,.efficiency-badge,.variance-badge{border-width:2px}}@media print{.dept-group{box-shadow:none!important;border:1px solid #000!important;background:var(--surface)!important}.dept-group-header{background:var(--cc-bg-secondary)!important;color:var(--text)!important}.cost-centers-table th,.cost-centers-table td{border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text)!important}.efficiency-badge,.variance-badge{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important}.expand-icon{display:none!important}}@media (prefers-reduced-motion: reduce){.dept-group-header,.cost-centers-table tbody tr,.efficiency-badge,.variance-badge,.expand-icon,.table-wrapper,.section-title{transition:none}.table-wrapper{animation:none}.dept-group-loading:after{animation:none}}:root{--bg: #f5f5f5;--surface: #ffffff;--text: #1e1e1e;--text-muted: #6b7280;--accent: #06b6d4;--accent-light: #e0f2fe;--border: #e5e7eb;--radius: .75rem;--space: 1rem;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-width: 16rem;--sidebar-collapsed-width: 4rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--emp-bg-secondary: #f8fafc;--emp-bg-tertiary: #f9fafb;--emp-bg-quaternary: #f3f4f6;--emp-chart-surface: #f9fafb;--emp-header-gradient-from: #f8fafc;--emp-header-gradient-to: #e2e8f0;--emp-header-hover-from: #e2e8f0;--emp-header-hover-to: #cbd5e1;--emp-border-light: #f3f4f6;--emp-green: #10b981;--emp-green-light: #059669;--emp-green-bg: #ecfdf5;--emp-green-border: #a7f3d0;--emp-indigo: #6366f1;--emp-indigo-light: #4f46e5;--emp-amber: #d97706;--emp-amber-bg: #fffbeb;--emp-amber-border: #fde68a;--emp-red: #dc2626;--emp-red-bg: #fef2f2;--emp-red-border: #fecaca}@media (prefers-color-scheme: dark){:root{--bg: #0f172a;--surface: #0f172a;--text: #e5e5e5;--text-muted: #ffffff;--accent: #06b6d4;--accent-light: rgba(6, 182, 212, .15);--border: #2c2c2c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--emp-bg-secondary: #1e293b;--emp-bg-tertiary: #334155;--emp-bg-quaternary: #475569;--emp-chart-surface: #1e293b;--emp-header-gradient-from: #334155;--emp-header-gradient-to: #475569;--emp-header-hover-from: #475569;--emp-header-hover-to: #64748b;--emp-border-light: #334155;--emp-green: #34d399;--emp-green-light: #10b981;--emp-green-bg: rgba(16, 185, 129, .15);--emp-green-border: rgba(167, 243, 208, .3);--emp-indigo: #818cf8;--emp-indigo-light: #6366f1;--emp-amber: #f59e0b;--emp-amber-bg: rgba(245, 158, 11, .15);--emp-amber-border: rgba(253, 230, 138, .3);--emp-red: #ef4444;--emp-red-bg: rgba(239, 68, 68, .15);--emp-red-border: rgba(254, 202, 202, .3)}}[data-theme=light]{--bg: #f5f5f5;--surface: #ffffff;--text: #1e1e1e;--text-muted: #6b7280;--accent: #06b6d4;--accent-light: #e0f2fe;--border: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--emp-bg-secondary: #f8fafc;--emp-bg-tertiary: #f9fafb;--emp-bg-quaternary: #f3f4f6;--emp-chart-surface: #f9fafb;--emp-header-gradient-from: #f8fafc;--emp-header-gradient-to: #e2e8f0;--emp-header-hover-from: #e2e8f0;--emp-header-hover-to: #cbd5e1;--emp-border-light: #f3f4f6;--emp-green: #10b981;--emp-green-light: #059669;--emp-green-bg: #ecfdf5;--emp-green-border: #a7f3d0;--emp-indigo: #6366f1;--emp-indigo-light: #4f46e5;--emp-amber: #d97706;--emp-amber-bg: #fffbeb;--emp-amber-border: #fde68a;--emp-red: #dc2626;--emp-red-bg: #fef2f2;--emp-red-border: #fecaca}[data-theme=dark]{--bg: #0f172a;--surface: #0f172a;--text: #e5e5e5;--text-muted: #ffffff;--accent: #06b6d4;--accent-light: rgba(6, 182, 212, .15);--border: #2c2c2c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--emp-bg-secondary: #1e293b;--emp-bg-tertiary: #334155;--emp-bg-quaternary: #475569;--emp-chart-surface: #1e293b;--emp-header-gradient-from: #334155;--emp-header-gradient-to: #475569;--emp-header-hover-from: #475569;--emp-header-hover-to: #64748b;--emp-border-light: #334155;--emp-green: #34d399;--emp-green-light: #10b981;--emp-green-bg: rgba(16, 185, 129, .15);--emp-green-border: rgba(167, 243, 208, .3);--emp-indigo: #818cf8;--emp-indigo-light: #6366f1;--emp-amber: #f59e0b;--emp-amber-bg: rgba(245, 158, 11, .15);--emp-amber-border: rgba(253, 230, 138, .3);--emp-red: #ef4444;--emp-red-bg: rgba(239, 68, 68, .15);--emp-red-border: rgba(254, 202, 202, .3)}.employees-tab{width:100%;transition:var(--transition)}.chart-section{margin-bottom:32px}.chart-title{font-size:1.125rem;font-weight:600;color:var(--text);margin:0 0 16px;transition:color .25s ease}.chart-surface{background:var(--emp-chart-surface);border:1px solid var(--border);border-radius:8px;padding:16px;min-height:200px;display:flex;align-items:flex-end;justify-content:space-around;gap:8px;transition:background-color .25s ease,border-color .25s ease}.chart-empty{display:flex;align-items:center;justify-content:center;width:100%;color:var(--text-muted);font-style:italic;transition:color .25s ease}.chart-bar-container{display:flex;flex-direction:column;align-items:center;min-width:60px;height:150px;position:relative}.chart-bar{width:100%;max-width:40px;border-radius:4px 4px 0 0;transition:all .3s ease;cursor:pointer;margin-bottom:auto}.chart-bar:hover{opacity:.8;transform:scale(1.05)}.bar-green{background:linear-gradient(180deg,var(--emp-green),var(--emp-green-light))}.bar-indigo{background:linear-gradient(180deg,var(--emp-indigo),var(--emp-indigo-light))}.chart-label{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:4px;font-weight:500;transition:color .25s ease}.chart-value{font-size:.625rem;color:var(--text);text-align:center;margin-top:2px;font-weight:600;transition:color .25s ease}.dept-group{margin-bottom:32px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-md);border:1px solid var(--border);overflow:hidden;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.dept-group-header{background:linear-gradient(135deg,var(--emp-header-gradient-from),var(--emp-header-gradient-to));border-bottom:1px solid var(--border);padding:20px 24px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;cursor:pointer;transition:background .2s,border-color .25s ease}.dept-group-header:hover{background:linear-gradient(135deg,var(--emp-header-hover-from),var(--emp-header-hover-to))}.dept-group-title{font-size:1.25rem;font-weight:600;color:var(--text);margin:0;display:flex;align-items:center;gap:8px;transition:color .25s ease}.expand-icon{font-size:.875rem;color:var(--text-muted);transition:transform .2s ease,color .25s ease;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.expand-icon.expanded{transform:rotate(0)}.expand-icon.collapsed{transform:rotate(-90deg)}.dept-group-summary{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.summary-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:80px}.summary-item span:first-child{font-size:.75rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:color .25s ease}.summary-item span:last-child{font-size:.875rem;font-weight:600;color:var(--text);transition:color .25s ease}.table-wrapper{background:var(--surface);transition:background-color .25s ease}.employees-table{width:100%;border-collapse:collapse;font-size:.875rem;font-family:var(--font)}.employees-table thead{background:var(--emp-bg-tertiary);border-bottom:1px solid var(--border);transition:background-color .25s ease,border-color .25s ease}.employees-table th{padding:12px 16px;font-weight:600;color:var(--text);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-right:1px solid var(--border);height:50px;vertical-align:middle;transition:color .25s ease,border-color .25s ease}.employees-table th:last-child{border-right:none}.employees-table tbody tr{transition:background-color .2s ease;border-bottom:1px solid var(--emp-border-light)}.employees-table tbody tr:hover{background:var(--emp-bg-tertiary)}.employees-table tbody tr.even{background:var(--surface)}.employees-table tbody tr.odd{background:var(--emp-bg-tertiary)}.employees-table tbody tr.even:hover,.employees-table tbody tr.odd:hover{background:var(--emp-bg-quaternary)}.employees-table td{padding:12px 16px;border-right:1px solid var(--emp-border-light);height:50px;vertical-align:middle;color:var(--text);transition:color .25s ease,border-color .25s ease}.employees-table td:last-child{border-right:none}.employee-name,.actual-cost{font-weight:600;color:var(--text);transition:color .25s ease}.efficiency-badge,.variance-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.text-green{color:var(--emp-green)!important;background:var(--emp-green-bg)!important;border:1px solid var(--emp-green-border)!important}.text-amber{color:var(--emp-amber)!important;background:var(--emp-amber-bg)!important;border:1px solid var(--emp-amber-border)!important}.text-red{color:var(--emp-red)!important;background:var(--emp-red-bg)!important;border:1px solid var(--emp-red-border)!important}.text-indigo{color:var(--emp-indigo)!important}.employees-table th:nth-child(1),.employees-table td:nth-child(1){width:180px}.employees-table th:nth-child(2),.employees-table td:nth-child(2){width:80px}.employees-table th:nth-child(3),.employees-table td:nth-child(3){width:100px}.employees-table th:nth-child(4),.employees-table td:nth-child(4){width:100px}.employees-table th:nth-child(5),.employees-table td:nth-child(5){width:100px}.employees-table th:nth-child(6),.employees-table td:nth-child(6){width:120px}.employees-table th:nth-child(7),.employees-table td:nth-child(7){width:120px}.employees-table th:nth-child(8),.employees-table td:nth-child(8){width:130px}.employees-table th:nth-child(9),.employees-table td:nth-child(9){width:110px}.table-wrapper::-webkit-scrollbar-track{background-color:var(--emp-bg-tertiary);border-radius:4px}.table-wrapper{scrollbar-width:thin;scrollbar-color:var(--border) var(--emp-bg-tertiary)}.dept-group-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted)}.dept-group-loading:after{content:"";width:24px;height:24px;border:2px solid var(--border);border-top:2px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}.dept-group-empty{text-align:center;padding:2rem;color:var(--text-muted);font-style:italic}.chart-tooltip{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-size:.75rem;color:var(--text);box-shadow:var(--shadow-md);pointer-events:none;z-index:1000;transition:background-color .25s ease,border-color .25s ease,color .25s ease}@media (max-width: 1200px){.dept-group-summary{gap:16px}.summary-item{min-width:70px}.employees-table th:nth-child(4),.employees-table th:nth-child(5),.employees-table th:nth-child(6),.employees-table td:nth-child(4),.employees-table td:nth-child(5),.employees-table td:nth-child(6){display:none}}@media (max-width: 968px){.dept-group-header{flex-direction:column;align-items:flex-start;gap:16px}.dept-group-summary{gap:12px}.employees-table th:nth-child(2),.employees-table th:nth-child(3),.employees-table td:nth-child(2),.employees-table td:nth-child(3){display:none}.employees-table th:nth-child(1),.employees-table td:nth-child(1){width:150px}.employees-table th:nth-child(7),.employees-table td:nth-child(7){width:100px}.employees-table th:nth-child(8),.employees-table td:nth-child(8){width:100px}.employees-table th:nth-child(9),.employees-table td:nth-child(9){width:90px}}@media (max-width: 640px){.dept-group{margin:0 -16px 32px;border-radius:0}.dept-group-header{padding:16px}.dept-group-title{font-size:1rem}.dept-group-summary{flex-direction:column;align-items:flex-start;gap:8px}.summary-item{flex-direction:row;gap:8px;min-width:auto}.employees-table th,.employees-table td{padding:8px 12px}.chart-surface{min-height:150px;padding:12px}.chart-bar-container{height:120px;min-width:50px}.section-title{font-size:1.25rem}.employees-table th:nth-child(2),.employees-table th:nth-child(3),.employees-table th:nth-child(4),.employees-table th:nth-child(5),.employees-table th:nth-child(6),.employees-table th:nth-child(8),.employees-table td:nth-child(2),.employees-table td:nth-child(3),.employees-table td:nth-child(4),.employees-table td:nth-child(5),.employees-table td:nth-child(6),.employees-table td:nth-child(8){display:none}.employees-table th:nth-child(1),.employees-table td:nth-child(1){width:120px}.employees-table th:nth-child(7),.employees-table td:nth-child(7){width:100px}.employees-table th:nth-child(9),.employees-table td:nth-child(9){width:80px}}@media (max-width: 480px){.dept-group-header{padding:12px}.employees-table th,.employees-table td{padding:6px 8px;font-size:.75rem}.employees-table th{font-size:.625rem}.efficiency-badge,.variance-badge{font-size:.625rem;padding:2px 6px}.chart-bar-container{height:100px;min-width:40px}}@media (max-width: 1400px){.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.employees-table{min-width:800px}}.dept-group-header:focus{outline:2px solid var(--accent);outline-offset:2px}.employees-table tbody tr:focus{outline:2px solid var(--accent);outline-offset:-2px;background-color:var(--emp-bg-quaternary)!important}.chart-bar:focus{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-contrast: high){.dept-group,.employees-table th,.employees-table td,.efficiency-badge,.variance-badge{border-width:2px}.chart-bar{border:1px solid var(--text)}}@media print{.dept-group{box-shadow:none!important;border:1px solid var(--border)!important;background:var(--surface)!important}.dept-group-header{background:var(--emp-bg-secondary)!important;color:var(--text)!important}.employees-table th,.employees-table td{border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text)!important}.efficiency-badge,.variance-badge{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important}.expand-icon{display:none!important}.chart-surface{background:var(--surface)!important}}@media (prefers-reduced-motion: reduce){.dept-group-header,.employees-table tbody tr,.efficiency-badge,.variance-badge,.expand-icon,.chart-bar,.table-wrapper,.section-title,.chart-surface{transition:none}.chart-bar:hover{transform:none}.dept-group-loading:after{animation:none}}:root{--bg: #f5f5f5;--surface: #ffffff;--text: #1e1e1e;--text-muted: #6b7280;--accent: #06b6d4;--accent-light: #e0f2fe;--border: #e5e7eb;--radius: .75rem;--space: 1rem;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-width: 16rem;--sidebar-collapsed-width: 4rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--var-bg-secondary: #f8fafc;--var-bg-tertiary: #f9fafb;--var-bg-quaternary: #f3f4f6;--var-header-gradient-from: #f8fafc;--var-header-gradient-to: #e2e8f0;--var-border-light: #f3f4f6;--var-border-medium: #d1d5db;--var-blue: #3b82f6;--var-blue-light: #2563eb;--var-blue-bg: #eff6ff;--var-green: #10b981;--var-green-light: #059669;--var-green-bg: #ecfdf5;--var-green-border: #a7f3d0;--var-purple: #8b5cf6;--var-amber: #d97706;--var-amber-bg: #fffbeb;--var-amber-border: #fde68a;--var-red: #dc2626;--var-red-light: #7f1d1d;--var-red-bg: #fef2f2;--var-red-border: #fecaca;--var-critical-bg: #fef2f2;--var-warning-bg: #fffbeb;--var-warning-text: #92400e;--var-alert-overlay: rgba(0, 0, 0, .1)}@media (prefers-color-scheme: dark){:root{--bg: #0f172a;--surface: #0f172a;--text: #e5e5e5;--text-muted: #ffffff;--accent: #06b6d4;--accent-light: rgba(6, 182, 212, .15);--border: #2c2c2c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--var-bg-secondary: #1e293b;--var-bg-tertiary: #334155;--var-bg-quaternary: #475569;--var-header-gradient-from: #334155;--var-header-gradient-to: #475569;--var-border-light: #334155;--var-border-medium: #475569;--var-blue: #60a5fa;--var-blue-light: #3b82f6;--var-blue-bg: rgba(96, 165, 250, .15);--var-green: #34d399;--var-green-light: #10b981;--var-green-bg: rgba(16, 185, 129, .15);--var-green-border: rgba(167, 243, 208, .3);--var-purple: #a78bfa;--var-amber: #fbbf24;--var-amber-bg: rgba(245, 158, 11, .15);--var-amber-border: rgba(253, 230, 138, .3);--var-red: #f87171;--var-red-light: #ef4444;--var-red-bg: rgba(239, 68, 68, .15);--var-red-border: rgba(254, 202, 202, .3);--var-critical-bg: rgba(239, 68, 68, .15);--var-warning-bg: rgba(245, 158, 11, .15);--var-warning-text: var(--text);--var-alert-overlay: rgba(255, 255, 255, .1)}}[data-theme=light]{--bg: #f5f5f5;--surface: #ffffff;--text: #1e1e1e;--text-muted: #6b7280;--accent: #06b6d4;--accent-light: #e0f2fe;--border: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--var-bg-secondary: #f8fafc;--var-bg-tertiary: #f9fafb;--var-bg-quaternary: #f3f4f6;--var-header-gradient-from: #f8fafc;--var-header-gradient-to: #e2e8f0;--var-border-light: #f3f4f6;--var-border-medium: #d1d5db;--var-blue: #3b82f6;--var-blue-light: #2563eb;--var-blue-bg: #eff6ff;--var-green: #10b981;--var-green-light: #059669;--var-green-bg: #ecfdf5;--var-green-border: #a7f3d0;--var-purple: #8b5cf6;--var-amber: #d97706;--var-amber-bg: #fffbeb;--var-amber-border: #fde68a;--var-red: #dc2626;--var-red-light: #7f1d1d;--var-red-bg: #fef2f2;--var-red-border: #fecaca;--var-critical-bg: #fef2f2;--var-warning-bg: #fffbeb;--var-warning-text: #92400e;--var-alert-overlay: rgba(0, 0, 0, .1)}[data-theme=dark]{--bg: #0f172a;--surface: #0f172a;--text: #e5e5e5;--text-muted: #ffffff;--accent: #06b6d4;--accent-light: rgba(6, 182, 212, .15);--border: #2c2c2c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--var-bg-secondary: #1e293b;--var-bg-tertiary: #334155;--var-bg-quaternary: #475569;--var-header-gradient-from: #334155;--var-header-gradient-to: #475569;--var-border-light: #334155;--var-border-medium: #475569;--var-blue: #60a5fa;--var-blue-light: #3b82f6;--var-blue-bg: rgba(96, 165, 250, .15);--var-green: #34d399;--var-green-light: #10b981;--var-green-bg: rgba(16, 185, 129, .15);--var-green-border: rgba(167, 243, 208, .3);--var-purple: #a78bfa;--var-amber: #fbbf24;--var-amber-bg: rgba(245, 158, 11, .15);--var-amber-border: rgba(253, 230, 138, .3);--var-red: #f87171;--var-red-light: #ef4444;--var-red-bg: rgba(239, 68, 68, .15);--var-red-border: rgba(254, 202, 202, .3);--var-critical-bg: rgba(239, 68, 68, .15);--var-warning-bg: rgba(245, 158, 11, .15);--var-warning-text: var(--text);--var-alert-overlay: rgba(255, 255, 255, .1)}.variance-alerts{margin-bottom:24px}.alert{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-radius:8px;margin-bottom:12px;border-left:4px solid;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.alert.critical{background:var(--var-critical-bg);border-left-color:var(--var-red);color:var(--var-red-light)}.alert.warning{background:var(--var-warning-bg);border-left-color:var(--var-amber);color:var(--var-warning-text)}.alert-icon{font-size:1.25rem;flex-shrink:0}.variance-tab .alert-content strong{font-weight:600;display:block;margin-bottom:4px}.alert-details{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}.alert-dept{background:var(--var-alert-overlay);padding:2px 6px;border-radius:4px;font-size:.8125rem;font-weight:500;transition:background-color .25s ease}.chart-title{font-size:1.125rem;font-weight:600;color:var(--text);margin:32px 0 16px;transition:color .25s ease}.variance-summary-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:32px}@media (max-width: 1200px){.variance-summary-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.variance-summary-grid{grid-template-columns:1fr}}.variance-card{background:var(--surface);border-radius:12px;padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border);transition:transform .2s,box-shadow .2s,background-color .25s ease,border-color .25s ease}.variance-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);filter:brightness(1.02)}.variance-card.cost{border-left:4px solid var(--var-blue)}.variance-card.hours{border-left:4px solid var(--var-green)}.variance-card.profit{border-left:4px solid var(--var-purple)}.variance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.variance-header h4{font-size:1.125rem;font-weight:600;color:var(--text);margin:0;transition:color .25s ease}.variance-total{font-size:1.5rem;font-weight:700;text-align:right;transition:color .25s ease}.variance-total.over{color:var(--var-red)}.variance-total.under,.variance-total.profit{color:var(--var-green-light)}.variance-total.loss{color:var(--var-red)}.variance-details{display:flex;flex-direction:column;gap:12px}.variance-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--var-border-light);transition:border-color .25s ease}.variance-item:last-child{border-bottom:none}.variance-item span:first-child{color:var(--text-muted);font-weight:500;transition:color .25s ease}.variance-item span:last-child{font-weight:600;color:var(--text);transition:color .25s ease}.variance-item span.strong{font-weight:700;color:var(--text);transition:color .25s ease}.table-wrapper{background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border);transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.variance-table{width:100%;border-collapse:collapse;font-size:.875rem;font-family:var(--font)}.variance-table thead{background:linear-gradient(135deg,var(--var-header-gradient-from),var(--var-header-gradient-to));border-bottom:2px solid var(--var-border-medium);transition:background .25s ease,border-color .25s ease}.variance-table th{padding:16px 12px;font-weight:600;color:var(--text);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-right:1px solid var(--var-border-medium);height:60px;vertical-align:middle;transition:color .25s ease,border-color .25s ease}.variance-table th:last-child{border-right:none}.variance-table tbody tr{transition:background-color .2s ease;border-bottom:1px solid var(--var-border-light)}.variance-table tbody tr:hover{background:var(--var-bg-tertiary)}.variance-table tbody tr.even{background:var(--surface)}.variance-table tbody tr.odd{background:var(--var-bg-tertiary)}.variance-table tbody tr.even:hover,.variance-table tbody tr.odd:hover{background:var(--var-bg-quaternary)}.variance-table td{padding:16px 12px;border-right:1px solid var(--var-border-light);height:60px;vertical-align:middle;color:var(--text);transition:color .25s ease,border-color .25s ease}.variance-table td:last-child{border-right:none}.department-name,.actual-cost{font-weight:600;color:var(--text);transition:color .25s ease}.variance-badge,.percentage-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:.8125rem;font-weight:600;white-space:nowrap;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.text-green{color:var(--var-green-light)!important;background:var(--var-green-bg)!important;border:1px solid var(--var-green-border)!important}.text-red{color:var(--var-red)!important;background:var(--var-red-bg)!important;border:1px solid var(--var-red-border)!important}.text-blue{color:var(--var-blue-light)!important}.text-amber{color:var(--var-amber)!important}.text-purple{color:var(--var-purple)!important}.variance-table.enhanced th:nth-child(1),.variance-table.enhanced td:nth-child(1){width:180px}.variance-table.enhanced th:nth-child(2),.variance-table.enhanced td:nth-child(2){width:140px}.variance-table.enhanced th:nth-child(3),.variance-table.enhanced td:nth-child(3){width:100px}.variance-table.enhanced th:nth-child(4),.variance-table.enhanced td:nth-child(4){width:100px}.variance-table.enhanced th:nth-child(5),.variance-table.enhanced td:nth-child(5){width:130px}.variance-table.enhanced th:nth-child(6),.variance-table.enhanced td:nth-child(6){width:120px}.variance-table.enhanced th:nth-child(7),.variance-table.enhanced td:nth-child(7){width:80px}.variance-table.enhanced th:nth-child(8),.variance-table.enhanced td:nth-child(8){width:100px}.risk-indicator{display:flex;align-items:center;justify-content:center;gap:4px}.risk-icon{font-size:.875rem}.risk-level{font-size:.8125rem;font-weight:600}.performance-grade{display:inline-flex;width:28px;height:28px;border-radius:50%;background:var(--surface);border:2px solid;font-weight:700;font-size:.875rem;align-items:center;justify-content:center;transition:background-color .25s ease,border-color .25s ease,color .25s ease}.performance-grade.text-green{border-color:var(--var-green-light);color:var(--var-green-light);background:var(--var-green-bg)}.performance-grade.text-blue{border-color:var(--var-blue-light);color:var(--var-blue-light);background:var(--var-blue-bg)}.performance-grade.text-amber{border-color:var(--var-amber);color:var(--var-amber);background:var(--var-amber-bg)}.performance-grade.text-red{border-color:var(--var-red);color:var(--var-red);background:var(--var-red-bg)}.variance-percent{font-size:.75rem;color:var(--text-muted);margin-top:2px;transition:color .25s ease}.performance-summary{margin-top:32px;padding:24px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-md);border:1px solid var(--border);transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-top:16px}.perf-stat{text-align:center;padding:16px;background:var(--var-bg-tertiary);border-radius:8px;border:1px solid var(--border);transition:background-color .25s ease,border-color .25s ease,transform .2s}.perf-number{font-size:1.25rem;font-weight:700;margin-bottom:4px;color:var(--text);transition:color .25s ease}.perf-label{font-size:.875rem;color:var(--text-muted);font-weight:500;transition:color .25s ease}.variance-table th:nth-child(1),.variance-table td:nth-child(1){width:200px}.variance-table th:nth-child(2),.variance-table td:nth-child(2){width:120px}.variance-table th:nth-child(3),.variance-table td:nth-child(3){width:120px}.variance-table th:nth-child(4),.variance-table td:nth-child(4){width:130px}.variance-table th:nth-child(5),.variance-table td:nth-child(5){width:100px}.variance-table th:nth-child(6),.variance-table td:nth-child(6){width:100px}.variance-table th:nth-child(7),.variance-table td:nth-child(7){width:100px}.variance-table th:nth-child(8),.variance-table td:nth-child(8){width:100px}.table-wrapper::-webkit-scrollbar-track{background-color:var(--var-bg-tertiary);border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:4px;transition:background-color .2s ease}.table-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.table-wrapper{scrollbar-width:thin;scrollbar-color:var(--border) var(--var-bg-tertiary)}@media (max-width: 1400px){.variance-table.enhanced{min-width:900px}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 1200px){.variance-header{flex-direction:column;gap:12px}.variance-total{text-align:left}.variance-table.enhanced th:nth-child(6),.variance-table.enhanced th:nth-child(7),.variance-table.enhanced td:nth-child(6),.variance-table.enhanced td:nth-child(7){display:none}.performance-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}}@media (max-width: 968px){.variance-card{padding:20px}.variance-header h4{font-size:1rem}.variance-total{font-size:1.25rem}.alert{padding:12px 16px}.alert-details{flex-direction:column;gap:6px}.variance-table.enhanced th:nth-child(5),.variance-table.enhanced td:nth-child(5){display:none}.performance-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.table-wrapper{margin:0 -16px;border-radius:0}.variance-table th,.variance-table td{padding:12px 8px}.performance-summary{margin:32px -16px 0;border-radius:0}.section-title{font-size:1.25rem}.variance-table.enhanced th:nth-child(5),.variance-table.enhanced th:nth-child(6),.variance-table.enhanced th:nth-child(7),.variance-table.enhanced th:nth-child(8),.variance-table.enhanced td:nth-child(5),.variance-table.enhanced td:nth-child(6),.variance-table.enhanced td:nth-child(7),.variance-table.enhanced td:nth-child(8){display:none}.variance-table.enhanced th:nth-child(1),.variance-table.enhanced td:nth-child(1){width:140px}.variance-table.enhanced th:nth-child(2),.variance-table.enhanced td:nth-child(2){width:100px}.variance-table.enhanced th:nth-child(3),.variance-table.enhanced td:nth-child(3){width:80px}.variance-table.enhanced th:nth-child(4),.variance-table.enhanced td:nth-child(4){width:60px}.performance-grid{grid-template-columns:1fr}}@media (max-width: 480px){.variance-card{padding:16px}.alert{padding:10px 12px}.variance-table th,.variance-table td{padding:8px 6px;font-size:.75rem}.variance-table th{font-size:.625rem}.performance-grade{width:24px;height:24px;font-size:.75rem}.variance-badge,.percentage-badge{font-size:.625rem;padding:2px 6px}}.alert{animation:slideIn .3s ease-out}.variance-table.enhanced tbody tr:hover{background:var(--var-bg-secondary);transform:translate(2px);box-shadow:var(--shadow-sm)}.perf-stat:hover{background:var(--var-bg-quaternary);transform:translateY(-2px);transition:all .2s ease}.variance-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted)}.variance-loading:after{content:"";width:24px;height:24px;border:2px solid var(--border);border-top:2px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}.variance-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.variance-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.variance-empty-text{font-size:1rem;line-height:1.5}.trend-indicator{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:2px 6px;border-radius:4px;font-weight:500}.trend-up{color:var(--var-red);background:var(--var-red-bg)}.trend-down{color:var(--var-green-light);background:var(--var-green-bg)}.trend-neutral{color:var(--text-muted);background:var(--var-bg-tertiary)}.variance-card:focus-within{outline:2px solid var(--accent);outline-offset:2px}.variance-table tbody tr:focus{outline:2px solid var(--accent);outline-offset:-2px;background-color:var(--var-bg-quaternary)!important}.performance-grade:focus{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-contrast: high){.variance-card,.table-wrapper,.performance-summary,.variance-table th,.variance-table td,.variance-badge,.percentage-badge,.performance-grade{border-width:2px}.alert{border-left-width:6px}}@media print{.variance-card,.table-wrapper,.performance-summary{box-shadow:none!important;border:1px solid var(--border)!important;background:var(--surface)!important}.variance-table th,.variance-table td{border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text)!important}.variance-badge,.percentage-badge,.performance-grade,.alert{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important}}@media (prefers-reduced-motion: reduce){.variance-card,.variance-table tbody tr,.perf-stat,.alert,.variance-badge,.percentage-badge,.performance-grade,.table-wrapper,.performance-summary{transition:none}.alert{animation:none}.variance-table.enhanced tbody tr:hover,.perf-stat:hover,.variance-card:hover{transform:none}.variance-loading:after{animation:none}}:root{--bg: #f5f5f5;--surface: #ffffff;--text: #1e1e1e;--text-muted: #6b7280;--accent: #06b6d4;--accent-light: #e0f2fe;--border: #e5e7eb;--radius: .75rem;--space: 1rem;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-width: 16rem;--sidebar-collapsed-width: 4rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--eff-bg-primary: #fafafa;--eff-bg-secondary: #f8fafc;--eff-bg-tertiary: #f9fafb;--eff-bg-quaternary: #f3f4f6;--eff-header-gradient-from: #f8fafc;--eff-header-gradient-to: #e2e8f0;--eff-border-light: #f3f4f6;--eff-blue: #3b82f6;--eff-blue-light: #2563eb;--eff-blue-bg: #f8faff;--eff-blue-hover: #f0f9ff;--eff-green: #10b981;--eff-green-light: #059669;--eff-amber: #d97706;--eff-amber-light: #f59e0b;--eff-red: #dc2626;--eff-alert-best-from: #fef3c7;--eff-alert-best-to: #fbbf24;--eff-alert-productive-from: #d1fae5;--eff-alert-productive-to: #34d399;--eff-alert-clean-from: #dbeafe;--eff-alert-clean-to: #60a5fa;--eff-grade-overlay: rgba(255, 255, 255, .7);--eff-badge-overlay: rgba(255, 255, 255, .8)}@media (prefers-color-scheme: dark){:root{--bg: #0f172a;--surface: #0f172a;--text: #e5e5e5;--text-muted: #ffffff;--accent: #06b6d4;--accent-light: rgba(6, 182, 212, .15);--border: #2c2c2c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--eff-bg-primary: #0f172a;--eff-bg-secondary: #1e293b;--eff-bg-tertiary: #334155;--eff-bg-quaternary: #475569;--eff-header-gradient-from: #334155;--eff-header-gradient-to: #475569;--eff-border-light: #334155;--eff-blue: #60a5fa;--eff-blue-light: #3b82f6;--eff-blue-bg: rgba(96, 165, 250, .15);--eff-blue-hover: rgba(96, 165, 250, .1);--eff-green: #34d399;--eff-green-light: #10b981;--eff-amber: #fbbf24;--eff-amber-light: #f59e0b;--eff-red: #f87171;--eff-alert-best-from: rgba(251, 191, 36, .2);--eff-alert-best-to: rgba(245, 158, 11, .3);--eff-alert-productive-from: rgba(52, 211, 153, .2);--eff-alert-productive-to: rgba(16, 185, 129, .3);--eff-alert-clean-from: rgba(96, 165, 250, .2);--eff-alert-clean-to: rgba(59, 130, 246, .3);--eff-grade-overlay: rgba(0, 0, 0, .3);--eff-badge-overlay: rgba(0, 0, 0, .2)}}[data-theme=light]{--bg: #f5f5f5;--surface: #ffffff;--text: #1e1e1e;--text-muted: #6b7280;--accent: #06b6d4;--accent-light: #e0f2fe;--border: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--eff-bg-primary: #fafafa;--eff-bg-secondary: #f8fafc;--eff-bg-tertiary: #f9fafb;--eff-bg-quaternary: #f3f4f6;--eff-header-gradient-from: #f8fafc;--eff-header-gradient-to: #e2e8f0;--eff-border-light: #f3f4f6;--eff-blue: #3b82f6;--eff-blue-light: #2563eb;--eff-blue-bg: #f8faff;--eff-blue-hover: #f0f9ff;--eff-green: #10b981;--eff-green-light: #059669;--eff-amber: #d97706;--eff-amber-light: #f59e0b;--eff-red: #dc2626;--eff-alert-best-from: #fef3c7;--eff-alert-best-to: #fbbf24;--eff-alert-productive-from: #d1fae5;--eff-alert-productive-to: #34d399;--eff-alert-clean-from: #dbeafe;--eff-alert-clean-to: #60a5fa;--eff-grade-overlay: rgba(255, 255, 255, .7);--eff-badge-overlay: rgba(255, 255, 255, .8)}[data-theme=dark]{--bg: #0f172a;--surface: #0f172a;--text: #e5e5e5;--text-muted: #ffffff;--accent: #06b6d4;--accent-light: rgba(6, 182, 212, .15);--border: #2c2c2c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--eff-bg-primary: #0f172a;--eff-bg-secondary: #1e293b;--eff-bg-tertiary: #334155;--eff-bg-quaternary: #475569;--eff-header-gradient-from: #334155;--eff-header-gradient-to: #475569;--eff-border-light: #334155;--eff-blue: #60a5fa;--eff-blue-light: #3b82f6;--eff-blue-bg: rgba(96, 165, 250, .15);--eff-blue-hover: rgba(96, 165, 250, .1);--eff-green: #34d399;--eff-green-light: #10b981;--eff-amber: #fbbf24;--eff-amber-light: #f59e0b;--eff-red: #f87171;--eff-alert-best-from: rgba(251, 191, 36, .2);--eff-alert-best-to: rgba(245, 158, 11, .3);--eff-alert-productive-from: rgba(52, 211, 153, .2);--eff-alert-productive-to: rgba(16, 185, 129, .3);--eff-alert-clean-from: rgba(96, 165, 250, .2);--eff-alert-clean-to: rgba(59, 130, 246, .3);--eff-grade-overlay: rgba(0, 0, 0, .3);--eff-badge-overlay: rgba(0, 0, 0, .2)}.efficiency-tab{padding:24px;background:var(--eff-bg-primary);min-height:100vh;font-family:var(--font);transition:background-color .25s ease}.section-title{font-size:28px;font-weight:700;color:var(--text);margin-bottom:24px;border-bottom:3px solid var(--eff-blue);padding-bottom:8px;transition:color .25s ease,border-color .25s ease}.chart-title{font-size:20px;font-weight:600;color:var(--text);margin-bottom:16px;transition:color .25s ease}.efficiency-alerts{margin-bottom:32px}.alert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.efficiency-alert{display:flex;align-items:center;padding:16px 20px;border-radius:12px;box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease}.efficiency-alert:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);filter:brightness(1.05)}.efficiency-alert.best{background:linear-gradient(135deg,var(--eff-alert-best-from) 0%,var(--eff-alert-best-to) 100%);border-left:4px solid var(--eff-amber-light)}.efficiency-alert.productive{background:linear-gradient(135deg,var(--eff-alert-productive-from) 0%,var(--eff-alert-productive-to) 100%);border-left:4px solid var(--eff-green)}.efficiency-alert.clean{background:linear-gradient(135deg,var(--eff-alert-clean-from) 0%,var(--eff-alert-clean-to) 100%);border-left:4px solid var(--eff-blue)}.alert-icon{font-size:24px;margin-right:12px;flex-shrink:0}.alert-content{flex:1}.efficiency-tab .alert-content strong{font-weight:600;color:var(--text);display:block;margin-bottom:4px;transition:color .25s ease}.alert-detail{font-size:14px;color:var(--text-muted);font-weight:500;transition:color .25s ease}.efficiency-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:32px}.efficiency-card{background:var(--surface);border-radius:12px;padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border);transition:box-shadow .2s ease,background-color .25s ease,border-color .25s ease}.efficiency-card:hover{box-shadow:var(--shadow-md);filter:brightness(1.02)}.efficiency-card h4{font-size:18px;font-weight:600;color:var(--text);margin-bottom:20px;display:flex;align-items:center;transition:color .25s ease}.efficiency-card.overall h4:before{content:"📊";margin-right:8px}.efficiency-card.labor h4:before{content:"👷";margin-right:8px}.efficiency-card.material h4:before{content:"🏗️";margin-right:8px}.efficiency-card.productivity h4:before{content:"⚡";margin-right:8px}.efficiency-metric{margin-bottom:16px;text-align:center;padding:12px;background:var(--eff-bg-tertiary);border-radius:8px;transition:background-color .25s ease}.efficiency-metric:last-child{margin-bottom:0}.efficiency-value{font-size:24px;font-weight:700;color:var(--text);margin-bottom:4px;transition:color .25s ease}.efficiency-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500;transition:color .25s ease}.efficiency-breakdown{display:flex;flex-direction:column;gap:12px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--eff-border-light);transition:border-color .25s ease}.breakdown-item:last-child{border-bottom:none}.breakdown-item span:first-child{font-size:14px;color:var(--text-muted);font-weight:500;transition:color .25s ease}.breakdown-item span:last-child{font-size:14px;color:var(--text);font-weight:600;transition:color .25s ease}.text-green{color:var(--eff-green-light)!important}.text-red{color:var(--eff-red)!important}.text-amber{color:var(--eff-amber)!important}.text-blue{color:var(--eff-blue-light)!important}.sort-controls{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.sort-buttons{display:flex;gap:8px;flex-wrap:wrap}.sort-btn{padding:10px 16px;border:2px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.sort-btn:hover{border-color:var(--eff-blue);color:var(--eff-blue);background:var(--eff-blue-bg)}.sort-btn.active{background:var(--eff-blue);border-color:var(--eff-blue);color:#fff;box-shadow:0 2px 4px #3b82f64d}.table-wrapper{background:var(--surface);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:32px;border:1px solid var(--border);transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.efficiency-table{width:100%;border-collapse:collapse;font-size:14px;font-family:var(--font)}.efficiency-table thead{background:linear-gradient(135deg,var(--eff-header-gradient-from) 0%,var(--eff-header-gradient-to) 100%);transition:background .25s ease}.efficiency-table th{padding:16px 12px;font-weight:600;color:var(--text);border-bottom:2px solid var(--border);text-transform:uppercase;font-size:12px;letter-spacing:.5px;transition:color .25s ease,border-color .25s ease}.efficiency-table td{padding:14px 12px;border-bottom:1px solid var(--eff-border-light);vertical-align:middle;color:var(--text);transition:color .25s ease,border-color .25s ease}.efficiency-table tr.even{background:var(--eff-bg-primary)}.efficiency-table tr.odd{background:var(--surface)}.efficiency-table tr:hover{background:var(--eff-blue-hover)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.department-name{font-weight:600;color:var(--text);position:relative;transition:color .25s ease}.ranking{margin-right:8px;font-size:16px}.grade-container{display:flex;align-items:center;justify-content:center;gap:4px}.grade-icon{font-size:16px}.grade{font-weight:700;font-size:12px;padding:2px 6px;border-radius:4px;background:var(--eff-grade-overlay);transition:background-color .25s ease}.efficiency-badge,.spoilage-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-weight:600;font-size:12px;background:var(--eff-badge-overlay);transition:background-color .25s ease}.productivity-cell{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.productivity-main{font-weight:600;color:var(--text);transition:color .25s ease}.productivity-change{font-size:11px;font-weight:500;color:var(--text-muted);transition:color .25s ease}.efficiency-insights{background:var(--surface);border-radius:12px;padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border);transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.insight-card{background:var(--eff-bg-tertiary);border-radius:8px;padding:20px;border:1px solid var(--border);transition:background-color .25s ease,border-color .25s ease}.insight-header{display:flex;align-items:center;margin-bottom:16px}.insight-icon{font-size:18px;margin-right:8px}.insight-header h5{font-size:16px;font-weight:600;color:var(--text);margin:0;transition:color .25s ease}.insight-content{display:flex;flex-direction:column;gap:12px}.insight-item{font-size:14px;color:var(--text-muted);line-height:1.5;transition:color .25s ease}.insight-item strong{color:var(--text);font-weight:600;transition:color .25s ease}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:var(--eff-bg-secondary);border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px;transition:background-color .2s ease}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.table-wrapper{scrollbar-width:thin;scrollbar-color:var(--border) var(--eff-bg-secondary)}.efficiency-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted)}.efficiency-loading:after{content:"";width:24px;height:24px;border:2px solid var(--border);border-top:2px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}.efficiency-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.efficiency-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.efficiency-empty-text{font-size:1rem;line-height:1.5}@media (max-width: 1024px){.efficiency-summary-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.sort-controls{flex-direction:column;align-items:stretch}.sort-buttons{justify-content:center}}@media (max-width: 768px){.efficiency-tab{padding:16px}.alert-grid,.efficiency-summary-grid,.insights-grid{grid-template-columns:1fr}.efficiency-table{font-size:12px}.efficiency-table th,.efficiency-table td{padding:10px 8px}.section-title{font-size:24px}.chart-title{font-size:18px}}@media (max-width: 640px){.sort-buttons{flex-direction:column}.sort-btn{width:100%;text-align:center}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.efficiency-table{min-width:800px}.productivity-cell{min-width:100px}.section-title{font-size:20px}.chart-title{font-size:16px}}@media (max-width: 480px){.efficiency-tab{padding:12px}.efficiency-alert{padding:12px 16px}.efficiency-card,.efficiency-insights,.insight-card{padding:16px}}.sort-btn:focus,.efficiency-table:focus{outline:2px solid var(--accent);outline-offset:2px}.efficiency-card:focus-within{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-contrast: high){.efficiency-card,.table-wrapper,.efficiency-insights,.efficiency-alert,.efficiency-table th,.efficiency-table td{border-width:2px}.efficiency-badge,.spoilage-badge{border:1px solid var(--text)}}@media print{.efficiency-tab{background:var(--surface)!important;padding:0}.efficiency-alert,.efficiency-card,.table-wrapper,.efficiency-insights{box-shadow:none!important;border:1px solid var(--border)!important;background:var(--surface)!important}.efficiency-table th,.efficiency-table td{background:var(--surface)!important;color:var(--text)!important}.sort-controls{display:none}}@media (prefers-reduced-motion: reduce){.efficiency-alert,.efficiency-card,.sort-btn,.efficiency-metric,.breakdown-item,.table-wrapper,.efficiency-insights,.insight-card{transition:none}.efficiency-alert:hover,.efficiency-card:hover{transform:none}.efficiency-loading:after{animation:none}}:root{--bg: #f5f5f5;--surface: #ffffff;--text: #1e1e1e;--text-muted: #6b7280;--accent: #06b6d4;--accent-light: #e0f2fe;--border: #e5e7eb;--radius: .75rem;--space: 1rem;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-width: 16rem;--sidebar-collapsed-width: 4rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--det-bg-secondary: #f8fafc;--det-bg-tertiary: #f9fafb;--det-bg-quaternary: #f3f4f6;--det-header-gradient-from: #f8fafc;--det-header-gradient-to: #e2e8f0;--det-border-light: #f3f4f6;--det-border-medium: #d1d5db;--det-scrollbar-track: #f1f5f9;--det-scrollbar-thumb: #cbd5e1;--det-scrollbar-thumb-hover: #94a3b8;--det-indigo: #6366f1;--det-green: #10b981;--det-green-light: #059669;--det-green-bg: #d1fae5;--det-green-border: #a7f3d0;--det-green-text: #065f46;--det-amber: #f59e0b;--det-amber-bg: #fef3c7;--det-amber-border: #fde68a;--det-amber-text: #92400e;--det-red: #ef4444;--det-red-light: #dc2626}@media (prefers-color-scheme: dark){:root{--bg: #0f172a;--surface: #0f172a;--text: #e5e5e5;--text-muted: #ffffff;--accent: #06b6d4;--accent-light: rgba(6, 182, 212, .15);--border: #2c2c2c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--det-bg-secondary: #1e293b;--det-bg-tertiary: #334155;--det-bg-quaternary: #475569;--det-header-gradient-from: #334155;--det-header-gradient-to: #475569;--det-border-light: #334155;--det-border-medium: #475569;--det-scrollbar-track: #1e293b;--det-scrollbar-thumb: #475569;--det-scrollbar-thumb-hover: #64748b;--det-indigo: #818cf8;--det-green: #34d399;--det-green-light: #10b981;--det-green-bg: rgba(16, 185, 129, .15);--det-green-border: rgba(167, 243, 208, .3);--det-green-text: #34d399;--det-amber: #fbbf24;--det-amber-bg: rgba(245, 158, 11, .15);--det-amber-border: rgba(253, 230, 138, .3);--det-amber-text: #fbbf24;--det-red: #f87171;--det-red-light: #ef4444}}[data-theme=light]{--bg: #f5f5f5;--surface: #ffffff;--text: #1e1e1e;--text-muted: #6b7280;--accent: #06b6d4;--accent-light: #e0f2fe;--border: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--det-bg-secondary: #f8fafc;--det-bg-tertiary: #f9fafb;--det-bg-quaternary: #f3f4f6;--det-header-gradient-from: #f8fafc;--det-header-gradient-to: #e2e8f0;--det-border-light: #f3f4f6;--det-border-medium: #d1d5db;--det-scrollbar-track: #f1f5f9;--det-scrollbar-thumb: #cbd5e1;--det-scrollbar-thumb-hover: #94a3b8;--det-indigo: #6366f1;--det-green: #10b981;--det-green-light: #059669;--det-green-bg: #d1fae5;--det-green-border: #a7f3d0;--det-green-text: #065f46;--det-amber: #f59e0b;--det-amber-bg: #fef3c7;--det-amber-border: #fde68a;--det-amber-text: #92400e;--det-red: #ef4444;--det-red-light: #dc2626}[data-theme=dark]{--bg: #0f172a;--surface: #0f172a;--text: #e5e5e5;--text-muted: #ffffff;--accent: #06b6d4;--accent-light: rgba(6, 182, 212, .15);--border: #2c2c2c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--det-bg-secondary: #1e293b;--det-bg-tertiary: #334155;--det-bg-quaternary: #475569;--det-header-gradient-from: #334155;--det-header-gradient-to: #475569;--det-border-light: #334155;--det-border-medium: #475569;--det-scrollbar-track: #1e293b;--det-scrollbar-thumb: #475569;--det-scrollbar-thumb-hover: #64748b;--det-indigo: #818cf8;--det-green: #34d399;--det-green-light: #10b981;--det-green-bg: rgba(16, 185, 129, .15);--det-green-border: rgba(167, 243, 208, .3);--det-green-text: #34d399;--det-amber: #fbbf24;--det-amber-bg: rgba(245, 158, 11, .15);--det-amber-border: rgba(253, 230, 138, .3);--det-amber-text: #fbbf24;--det-red: #f87171;--det-red-light: #ef4444}.details-tab{width:100%;transition:var(--transition)}.section-title{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 24px;border-bottom:2px solid var(--border);padding-bottom:8px;font-family:var(--font);transition:color .25s ease,border-color .25s ease}.table-wrapper{background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border);margin-bottom:32px;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.table-head{background:linear-gradient(135deg,var(--det-header-gradient-from),var(--det-header-gradient-to));border-bottom:2px solid var(--det-border-medium);padding:16px;display:grid;font-weight:600;color:var(--text);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font);transition:background .25s ease,color .25s ease,border-color .25s ease}.details-head{grid-template-columns:2fr 1.5fr 1.5fr 1fr 1fr 1.2fr 1.2fr 1.2fr 1.5fr 1.5fr 1fr;gap:12px}.table-scroll{max-height:600px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--det-scrollbar-thumb) var(--det-scrollbar-track)}.table-scroll.tall{max-height:700px}.table-row{display:grid;padding:12px 16px;border-bottom:1px solid var(--det-border-light);transition:background-color .2s,border-color .25s ease;font-size:.875rem;align-items:center;min-height:48px;color:var(--text);font-family:var(--font)}.table-row:hover{background:var(--det-bg-tertiary)}.table-row.even{background:var(--surface)}.table-row.odd{background:var(--det-bg-tertiary)}.table-row.even:hover,.table-row.odd:hover{background:var(--det-bg-quaternary)}.details-head,.table-row{grid-template-columns:2fr 1.5fr 1.5fr 1fr 1fr 1.2fr 1.2fr 1.2fr 1.5fr 1.5fr 1fr;gap:12px}.center{text-align:center}.right{text-align:right}.strong{font-weight:600;color:var(--text);transition:color .25s ease}.dim{color:var(--text-muted);font-size:.8125rem;transition:color .25s ease}.status-pill{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.status-pill.completed{background:var(--det-green-bg);color:var(--det-green-text);border:1px solid var(--det-green-border)}.status-pill.progress{background:var(--det-amber-bg);color:var(--det-amber-text);border:1px solid var(--det-amber-border)}.text-green{color:var(--det-green-light)!important}.text-red{color:var(--det-red-light)!important}.text-amber{color:var(--det-amber)!important}.text-indigo{color:var(--det-indigo)!important}.text-accent{color:var(--accent)!important}.details-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px}@media (max-width: 968px){.details-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.details-summary-grid{grid-template-columns:1fr}}.summary-tile{background:var(--surface);border-radius:12px;padding:20px;text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--border);transition:transform .2s,box-shadow .2s,background-color .25s ease,border-color .25s ease}.summary-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);filter:brightness(1.02)}.summary-tile.indigo{border-left:4px solid var(--det-indigo)}.summary-tile.green{border-left:4px solid var(--det-green)}.summary-tile.amber{border-left:4px solid var(--det-amber)}.summary-tile.red{border-left:4px solid var(--det-red)}.summary-value{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:4px;transition:color .25s ease}.summary-label{font-size:.875rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:color .25s ease}.table-scroll::-webkit-scrollbar{width:6px}.table-scroll::-webkit-scrollbar-track{background:var(--det-scrollbar-track)}.table-scroll::-webkit-scrollbar-thumb{background:var(--det-scrollbar-thumb);border-radius:3px;transition:background-color .2s ease}.table-scroll::-webkit-scrollbar-thumb:hover{background:var(--det-scrollbar-thumb-hover)}.details-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted)}.details-loading:after{content:"";width:24px;height:24px;border:2px solid var(--border);border-top:2px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}.details-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.details-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.details-empty-text{font-size:1rem;line-height:1.5}.row-actions{display:flex;gap:4px;justify-content:center}.action-btn{padding:4px 8px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:var(--det-bg-tertiary);color:var(--text);border-color:var(--accent)}.action-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.action-btn.primary:hover{background:var(--accent);filter:brightness(1.1)}@media (max-width: 1400px){.details-head,.table-row{grid-template-columns:1.8fr 1.3fr 1.3fr .8fr .8fr 1fr 1fr 1fr 1.2fr 1.2fr .8fr;gap:8px}}@media (max-width: 1200px){.details-head,.table-row{grid-template-columns:2fr 1.5fr 1.5fr 1fr 1fr 1.2fr 1fr;gap:8px}.table-row>div:nth-child(8),.table-row>div:nth-child(9),.table-row>div:nth-child(10),.table-row>div:nth-child(11),.details-head>div:nth-child(8),.details-head>div:nth-child(9),.details-head>div:nth-child(10),.details-head>div:nth-child(11){display:none}}@media (max-width: 968px){.details-head,.table-row{grid-template-columns:2fr 1.5fr 1.2fr 1.2fr 1fr;gap:8px}.table-row>div:nth-child(3),.table-row>div:nth-child(4),.table-row>div:nth-child(5),.details-head>div:nth-child(3),.details-head>div:nth-child(4),.details-head>div:nth-child(5){display:none}}@media (max-width: 640px){.table-wrapper{margin:0 -16px 32px;border-radius:0}.table-head,.table-row{padding:8px 16px;gap:8px}.details-head,.table-row{grid-template-columns:2fr 1.5fr 1.2fr}.section-title{font-size:1.25rem}.table-row>div:nth-child(3),.table-row>div:nth-child(4),.table-row>div:nth-child(5),.table-row>div:nth-child(6),.table-row>div:nth-child(8),.table-row>div:nth-child(9),.table-row>div:nth-child(10),.table-row>div:nth-child(11),.details-head>div:nth-child(3),.details-head>div:nth-child(4),.details-head>div:nth-child(5),.details-head>div:nth-child(6),.details-head>div:nth-child(8),.details-head>div:nth-child(9),.details-head>div:nth-child(10),.details-head>div:nth-child(11){display:none}}@media (max-width: 480px){.table-head,.table-row{padding:6px 12px;font-size:.75rem}.summary-tile{padding:16px}.summary-value{font-size:1.25rem}.summary-label{font-size:.75rem}}.table-row:focus{outline:2px solid var(--accent);outline-offset:-2px;background-color:var(--det-bg-quaternary)!important}.summary-tile:focus-within{outline:2px solid var(--accent);outline-offset:2px}.action-btn:focus{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-contrast: high){.table-wrapper,.summary-tile{border-width:2px}.table-row{border-bottom-width:2px}.status-pill,.action-btn{border-width:2px}}@media print{.table-wrapper,.summary-tile{box-shadow:none!important;border:1px solid var(--border)!important;background:var(--surface)!important}.table-head,.table-row{background:var(--surface)!important;color:var(--text)!important}.status-pill{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important}.action-btn{display:none!important}}@media (prefers-reduced-motion: reduce){.table-row,.summary-tile,.action-btn,.status-pill,.table-wrapper{transition:none}.summary-tile:hover{transform:none}.details-loading:after{animation:none}}.table-head.sticky{position:sticky;top:0;z-index:10}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:color .2s ease}.sortable:hover{color:var(--accent)}.sortable:after{content:"↕";position:absolute;right:-12px;font-size:.75rem;opacity:.5}.sortable.sort-asc:after{content:"↑";opacity:1;color:var(--accent)}.sortable.sort-desc:after{content:"↓";opacity:1;color:var(--accent)}:root{--bg: #f5f5f5;--surface: #ffffff;--text: #1e1e1e;--text-muted: #6b7280;--accent: #06b6d4;--accent-light: #e0f2fe;--border: #e5e7eb;--radius: .75rem;--space: 1rem;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-width: 16rem;--sidebar-collapsed-width: 4rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--transition: all .2s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme: dark){:root{--bg: #0f172a;--surface: #0f172a;--text: #e5e5e5;--text-muted: #ffffff;--accent: #06b6d4;--accent-light: rgba(6, 182, 212, .15);--border: #2c2c2c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4)}}[data-theme=light]{--bg: #f5f5f5;--surface: #ffffff;--text: #1e1e1e;--text-muted: #6b7280;--accent: #06b6d4;--accent-light: #e0f2fe;--border: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1)}[data-theme=dark]{--bg: #0f172a;--surface: #0f172a;--text: #e5e5e5;--text-muted: #ffffff;--accent: #06b6d4;--accent-light: rgba(6, 182, 212, .15);--border: #2c2c2c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4)}.jad-root{min-height:100vh;background:var(--bg);padding:20px;display:flex;flex-direction:column;color:var(--text);transition:background-color .25s ease,color .25s ease}.jad-message-bubble{padding:12px;border-radius:12px;font-size:14px;line-height:1.6;word-wrap:break-word;white-space:pre-line;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.jad-message-bubble p{margin:0 0 8px}.jad-message-bubble p:last-child{margin-bottom:0}.jad-wrapper{margin:0 auto;width:100%;flex:1;display:flex;flex-direction:column}.jad-ai-layout{display:flex;gap:20px;flex:1;min-height:0}.jad-main-content{flex:3;display:flex;flex-direction:column;min-width:0}.jad-ai-panel{flex:1;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-md);border:1px solid var(--border);display:flex;flex-direction:column;min-height:600px;max-height:calc(100vh - 40px);transition:background-color .25s ease,border-color .25s ease}.jad-ai-header{padding:16px;border-bottom:1px solid var(--border);background:var(--accent-light);border-radius:12px 12px 0 0;transition:background-color .25s ease,border-color .25s ease}.jad-ai-header-content{display:flex;align-items:center;gap:12px}.jad-ai-avatar{width:32px;height:32px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff}.jad-ai-info h3{font-size:16px;font-weight:600;color:var(--text);margin:0}.jad-ai-info p{font-size:12px;color:var(--text-muted);margin:2px 0 0}.jad-ai-insights{padding:16px;border-bottom:1px solid var(--border);background:var(--surface);transition:background-color .25s ease,border-color .25s ease}.jad-ai-insights h4{font-size:14px;font-weight:600;color:var(--text);margin:0 0 12px}.jad-insight-item{font-size:12px;color:var(--text);background:var(--surface);padding:8px;border-radius:6px;border:1px solid var(--border);border-left:3px solid var(--accent);margin-bottom:8px;line-height:1.4;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.jad-insight-item:last-child{margin-bottom:0}.jad-ai-messages{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;max-height:52vh;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.jad-ai-welcome{text-align:center;color:var(--text-muted)}.jad-ai-welcome-icon{font-size:32px;margin-bottom:8px}.jad-ai-welcome p{font-size:14px;margin-bottom:16px}.jad-suggested-questions{display:flex;flex-direction:column;gap:8px}.jad-suggested-btn{width:100%;text-align:left;padding:8px 12px;font-size:12px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;transition:background-color .25s ease,border-color .25s ease}.jad-suggested-btn:hover{background:var(--accent-light);border-color:var(--accent)}.jad-message{display:flex;margin-bottom:16px}.jad-message.user{justify-content:flex-end}.jad-message.assistant{justify-content:flex-start}.jad-message.user .jad-message-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.jad-message.assistant .jad-message-bubble{background:var(--surface);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}.jad-message-time{font-size:11px;margin-top:4px;opacity:.7}.jad-message.user .jad-message-time{color:#fffc}.jad-message.assistant .jad-message-time{color:var(--text-muted)}.jad-ai-loading{display:flex;align-items:center;gap:8px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px 12px 12px 4px;color:var(--text-muted);font-size:.75rem}.jad-ai-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:jadSpin .7s linear infinite}.jad-ai-input{padding:16px;border-top:1px solid var(--border);background:var(--surface);border-radius:0 0 12px 12px;transition:background-color .25s ease,border-color .25s ease}.jad-ai-input-row{display:flex;gap:8px;margin-bottom:8px}.jad-ai-textarea{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;resize:none;font-family:inherit;background:var(--surface);color:var(--text);transition:border-color .2s,background-color .25s ease,color .25s ease}.jad-ai-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.jad-ai-textarea:disabled{background:var(--bg);color:var(--text-muted);cursor:not-allowed}.jad-ai-send-btn{width:44px;min-width:44px;background:var(--text);color:var(--surface);border:none;border-radius:8px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.jad-ai-send-btn:hover:not(:disabled){background:var(--accent)}.jad-ai-send-btn:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.5}.jad-ai-send-btn svg{width:16px;height:16px}.jad-ai-quick-actions{display:flex;flex-wrap:wrap;gap:4px}.jad-ai-quick-btn{font-size:11px;padding:4px 8px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.jad-ai-quick-btn:hover{background:var(--accent-light);color:var(--text);border-color:var(--accent)}.jad-ai-empty{padding:32px 16px;text-align:center;color:var(--text-muted)}.jad-ai-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.jad-ai-empty p{font-size:14px;line-height:1.5}.jad-tabs-card{background:var(--surface);border-radius:12px;box-shadow:var(--shadow-md);border:1px solid var(--border);overflow:hidden;flex:1;display:flex;flex-direction:column;transition:background-color .25s ease,border-color .25s ease}.jad-tabs-header{background:var(--surface);border-bottom:2px solid var(--border);padding:0;display:flex;justify-content:space-between;align-items:center;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;transition:background-color .25s ease,border-color .25s ease}.jad-tabs-header::-webkit-scrollbar{display:none}.jad-tabs-nav{display:flex;flex:1;min-width:0}.jad-tabs-actions{padding:12px 16px;display:flex;align-items:center;gap:8px;flex-shrink:0}.jad-tab-btn{background:transparent;border:none;padding:16px 24px;font-size:.875rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;white-space:nowrap;position:relative;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.jad-tab-btn:hover{color:var(--text);background:var(--accent-light)}.jad-tab-btn.active{color:var(--accent);background:var(--accent-light);border-bottom-color:var(--accent)}.jad-tab-btn:focus{outline:none;box-shadow:inset 0 0 0 2px var(--accent-light)}.jad-tab-body{padding:32px;flex:1;overflow-y:auto;background:var(--surface);color:var(--text);transition:background-color .25s ease,color .25s ease}.jad-chat-bubble{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);transition:all .3s ease;z-index:1000;color:#fff}.jad-chat-bubble:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.jad-chat-bubble-icon{font-size:24px;position:relative}.jad-unread-indicator{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:#f44;border-radius:50%;border:2px solid white;animation:pulse 2s infinite}.jad-chat-window{position:fixed;bottom:100px;right:24px;width:600px;height:1000px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;z-index:1000;animation:slideUp .3s ease;border:1px solid var(--border)}.jad-chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);background:var(--accent);color:#fff;border-radius:12px 12px 0 0}.jad-chat-header-content{display:flex;align-items:center;gap:12px}.jad-chat-header .jad-ai-avatar{background:#fff3}.jad-chat-header .jad-ai-info h3{color:#fff}.jad-chat-header .jad-ai-info p{color:#ffffffe6}.jad-chat-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.jad-chat-close:hover{background:#fff3}.jad-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--surface)}.jad-chat-input{padding:16px;border-top:1px solid var(--border);background:var(--surface);border-radius:0 0 12px 12px}.jad-message.assistant .jad-ai-text{white-space:pre-wrap;font-size:.78rem;line-height:1.25rem;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:.2px;color:var(--text)}.jad-ai-divider{margin:10px 0 6px;font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);display:flex;align-items:center;gap:6px;font-weight:600}.jad-ai-divider:before,.jad-ai-divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,var(--border),transparent)}.jad-ai-ledger-line{font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;white-space:pre;font-size:.72rem;background:var(--surface);border-radius:6px;padding:3px 8px;margin:3px 0;display:flex;align-items:center;line-height:1.1rem;border-left:4px solid var(--text-muted);color:var(--text);border:1px solid var(--border)}.jad-ai-ledger-line.positive{border-left-color:#059669}.jad-ai-ledger-line.negative{border-left-color:#dc2626}.jad-ai-ledger-line.neutral{border-left-color:var(--text-muted)}.jad-ai-ledger-line.jad-ai-truncated{opacity:.85;font-style:italic;cursor:help}.jad-ai-line{display:inline}.jad-ai-messages::-webkit-scrollbar{width:6px}.jad-ai-messages::-webkit-scrollbar-track{background:transparent}.jad-ai-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.jad-ai-messages::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes jadSpin{to{transform:rotate(360deg)}}@keyframes pulse{0%{box-shadow:0 0 #ff4444b3}70%{box-shadow:0 0 0 10px #f440}to{box-shadow:0 0 #f440}}.jad-tab-body>*{animation:fadeIn .3s ease-in-out}.jad-tab-body.loading{display:flex;align-items:center;justify-content:center;min-height:400px}.jad-tab-body.loading:after{content:"";width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--accent);border-radius:50%;animation:jadSpin 1s linear infinite}@media (max-width: 1024px){.jad-ai-layout{flex-direction:column}.jad-ai-panel{order:-1;max-height:400px}.jad-main-content{flex:none}}@media (max-width: 768px){.jad-root{padding:12px}.jad-ai-layout{gap:12px}.jad-tabs-header{flex-direction:column;align-items:stretch}.jad-tabs-nav{overflow-x:auto}.jad-tabs-actions{border-top:1px solid var(--border);justify-content:center;display:none}.jad-tab-btn{padding:12px 16px;font-size:.8125rem}.jad-tab-body{padding:20px}.jad-ai-panel{max-height:300px}.jad-ai-messages{padding:12px;gap:12px}.jad-message-bubble{font-size:13px;padding:10px}.jad-chat-window{right:12px;bottom:90px;width:calc(100vw - 24px);max-width:350px}.jad-chat-bubble{right:12px;bottom:12px}}@media (max-width: 640px){.jad-root{padding:8px}.jad-tabs-card,.jad-ai-panel{border-radius:8px}.jad-tab-btn{padding:10px 12px;font-size:.75rem}.jad-tab-body{padding:16px}.jad-ai-header,.jad-ai-insights,.jad-ai-input{padding:12px}}.jad-tab-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.jad-ai-textarea:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.jad-ai-send-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-contrast: high){.jad-tab-btn{border:1px solid transparent}.jad-tab-btn:hover{border-color:currentColor}.jad-tab-btn.active{border-color:var(--accent);background:var(--accent);color:#fff}.jad-ai-panel{border-width:2px}.jad-message-bubble{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.jad-tab-btn,.jad-tab-body>*,.jad-tab-body.loading:after,.jad-ai-spinner{animation:none;transition:none}}.jobs-container{--jobs-bg-primary: #ffffff;--jobs-bg-secondary: #f8fafc;--jobs-bg-tertiary: #f1f5f9;--jobs-bg-quaternary: #e2e8f0;--jobs-text-primary: #0f172a;--jobs-text-secondary: #475569;--jobs-text-muted: #94a3b8;--jobs-border: #e2e8f0;--jobs-border-light: #f1f5f9;--jobs-shadow: rgba(15, 23, 42, .08);--jobs-shadow-hover: rgba(15, 23, 42, .12);--jobs-shadow-strong: rgba(15, 23, 42, .16);--jobs-blue: #3b82f6;--jobs-blue-hover: #2563eb;--jobs-blue-light: #eff6ff;--jobs-green: #10b981;--jobs-green-hover: #059669;--jobs-green-light: #ecfdf5;--jobs-red: #ef4444;--jobs-red-hover: #dc2626;--jobs-red-light: #fef2f2;--jobs-orange: #f59e0b;--jobs-orange-hover: #d97706;--jobs-orange-light: #fffbeb;--jobs-yellow: #eab308;--jobs-purple: #8b5cf6;--jobs-purple-hover: #7c3aed;--jobs-purple-light: #f5f3ff;--jobs-input-bg: #ffffff;--jobs-input-border: #d1d5db;--jobs-input-focus: #3b82f6;--jobs-modal-overlay: rgba(15, 23, 42, .6)}@media (prefers-color-scheme: dark){.jobs-container{--jobs-bg-primary: #0f172a;--jobs-bg-secondary: #1e293b;--jobs-bg-tertiary: #334155;--jobs-bg-quaternary: #475569;--jobs-text-primary: #f8fafc;--jobs-text-secondary: #cbd5e1;--jobs-text-muted: #94a3b8;--jobs-border: #334155;--jobs-border-light: #475569;--jobs-shadow: rgba(0, 0, 0, .3);--jobs-shadow-hover: rgba(0, 0, 0, .4);--jobs-shadow-strong: rgba(0, 0, 0, .5);--jobs-blue: #60a5fa;--jobs-blue-hover: #3b82f6;--jobs-blue-light: #1e3a8a;--jobs-green: #34d399;--jobs-green-hover: #10b981;--jobs-green-light: #064e3b;--jobs-red: #f87171;--jobs-red-hover: #ef4444;--jobs-red-light: #7f1d1d;--jobs-orange: #fbbf24;--jobs-orange-hover: #f59e0b;--jobs-orange-light: #78350f;--jobs-yellow: #fde047;--jobs-purple: #a78bfa;--jobs-purple-hover: #8b5cf6;--jobs-purple-light: #4c1d95;--jobs-input-bg: #0f172a;--jobs-input-border: #475569;--jobs-input-focus: #60a5fa;--jobs-modal-overlay: rgba(0, 0, 0, .8)}}.jobs-container{padding:2rem;background-color:var(--jobs-bg-primary);color:var(--jobs-text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}.jobs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--jobs-border)}.jobs-title{font-size:2rem;font-weight:700;color:var(--jobs-text-primary);margin:0;letter-spacing:-.025em}.header-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.auto-refresh-control{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:var(--jobs-bg-secondary);border-radius:8px;border:1px solid var(--jobs-border);transition:all .2s ease}.auto-refresh-control:hover{background-color:var(--jobs-bg-tertiary)}.auto-refresh-control label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--jobs-text-primary);font-size:.875rem;font-weight:500}.auto-refresh-control input[type=checkbox]{margin:0;accent-color:var(--jobs-blue)}.auto-refresh-control select{padding:.375rem .75rem;border:1px solid var(--jobs-input-border);border-radius:6px;background-color:var(--jobs-input-bg);color:var(--jobs-text-primary);font-size:.875rem;transition:all .2s ease}.auto-refresh-control select:focus{outline:none;border-color:var(--jobs-input-focus);box-shadow:0 0 0 3px #3b82f61a}.header-controls button{padding:.75rem 1.25rem;background-color:var(--jobs-blue);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px var(--jobs-shadow)}.header-controls button:hover{background-color:var(--jobs-blue-hover);box-shadow:0 4px 12px var(--jobs-shadow-hover);transform:translateY(-1px)}.header-controls button.active{background-color:var(--jobs-green)}.header-controls button.active:hover{background-color:var(--jobs-green-hover)}.advanced-filters-panel{background-color:var(--jobs-bg-secondary);border:1px solid var(--jobs-border);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px var(--jobs-shadow);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.filter-section{margin-bottom:2rem}.filter-section:last-child{margin-bottom:0}.filter-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--jobs-text-primary);letter-spacing:-.025em}.checkbox-filters{display:flex;flex-direction:column;gap:.75rem}.checkbox-filters label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;background-color:var(--jobs-bg-tertiary);border-radius:8px;transition:all .2s ease}.checkbox-filters label:hover{background-color:var(--jobs-bg-quaternary)}.checkbox-filters input[type=checkbox]{accent-color:var(--jobs-blue)}.date-range-inputs,.value-range-inputs{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.date-range-inputs input,.value-range-inputs input,.filter-section select,.filter-section input[type=number]{padding:.75rem;border:1px solid var(--jobs-input-border);border-radius:8px;background-color:var(--jobs-input-bg);color:var(--jobs-text-primary);font-size:.875rem;transition:all .2s ease;flex:1;min-width:150px}.date-range-inputs input:focus,.value-range-inputs input:focus,.filter-section select:focus,.filter-section input[type=number]:focus{outline:none;border-color:var(--jobs-input-focus);box-shadow:0 0 0 3px #3b82f61a}.saved-filters{display:flex;flex-wrap:wrap;gap:.75rem}.saved-filter-item{display:flex;align-items:center;background-color:var(--jobs-bg-tertiary);border-radius:20px;overflow:hidden;border:1px solid var(--jobs-border);transition:all .2s ease}.saved-filter-item:hover{box-shadow:0 2px 4px var(--jobs-shadow)}.saved-filter-item button:first-child{padding:.5rem 1rem;background-color:transparent;border:none;color:var(--jobs-text-primary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.saved-filter-item button:first-child:hover{background-color:var(--jobs-bg-quaternary)}.saved-filter-item .delete-filter{padding:.5rem;background-color:var(--jobs-red);color:#fff;border:none;cursor:pointer;font-size:.875rem;font-weight:700;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.saved-filter-item .delete-filter:hover{background-color:var(--jobs-red-hover)}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-bottom:2rem}.card{background-color:var(--jobs-bg-secondary);border:1px solid var(--jobs-border);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background-color:var(--jobs-blue);transition:height .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px var(--jobs-shadow-hover)}.card:hover:before{height:4px}.card.issue-card:before{background-color:var(--jobs-orange)}.card.overdue-card:before{background-color:var(--jobs-red)}.card.value-card:before{background-color:var(--jobs-green)}.jobs-container .card-title{font-size:.875rem;color:var(--jobs-text-secondary);margin-bottom:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;display:block}.card-value{font-size:1.25rem;font-weight:700;color:var(--jobs-text-primary);line-height:1;letter-spacing:-.025em}.jobs-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1.5rem;padding:1rem;background-color:var(--jobs-bg-secondary);border-radius:12px;border:1px solid var(--jobs-border)}.bulk-actions-row{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background-color:var(--jobs-blue-light);border:1px solid var(--jobs-blue);border-radius:12px;margin-bottom:2rem;flex-wrap:wrap;box-shadow:0 4px 6px var(--jobs-shadow)}.bulk-actions-row .selected-count{font-weight:600;color:var(--jobs-blue);font-size:.875rem;margin-right:1rem}.bulk-actions-row button{padding:.5rem 1rem;background-color:var(--jobs-blue);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.bulk-actions-row button:hover{background-color:var(--jobs-blue-hover);transform:translateY(-1px)}.export-actions{display:flex;gap:.75rem;align-items:center}.export-actions button{padding:.75rem 1.25rem;background-color:var(--jobs-green);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px var(--jobs-shadow)}.export-actions button:hover{background-color:var(--jobs-green-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--jobs-shadow-hover)}.page-controls{display:flex;align-items:center;gap:1rem}.page-controls button{padding:.75rem 1rem;background-color:var(--jobs-bg-primary);color:var(--jobs-text-primary);border:1px solid var(--jobs-border);border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.page-controls button:hover:not(:disabled){background-color:var(--jobs-bg-tertiary);border-color:var(--jobs-blue)}.page-controls button:disabled{opacity:.5;cursor:not-allowed}.page-controls span{font-weight:500;color:var(--jobs-text-primary);font-size:.875rem;padding:.75rem 1rem;background-color:var(--jobs-bg-tertiary);border-radius:8px}.global-filter{margin-bottom:2rem}.global-filter input{width:100%;padding:1rem 1.25rem;border:1px solid var(--jobs-border);border-radius:12px;background-color:var(--jobs-input-bg);color:var(--jobs-text-primary);font-size:1rem;transition:all .2s ease;box-shadow:0 1px 3px var(--jobs-shadow)}.global-filter input:focus{outline:none;border-color:var(--jobs-input-focus);box-shadow:0 0 0 3px #3b82f61a,0 4px 12px var(--jobs-shadow-hover)}.global-filter input::placeholder{color:var(--jobs-text-muted)}.jobs-table-wrapper{background-color:var(--jobs-bg-secondary);border-radius:12px;overflow:scroll;box-shadow:0 4px 6px var(--jobs-shadow);position:relative;border:1px solid var(--jobs-border)}.jobs-table-wrapper.resizing{-webkit-user-select:none;user-select:none}.jobs-table{width:100%;border-collapse:collapse;background-color:var(--jobs-bg-primary);table-layout:fixed}.jobs-table th,.jobs-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--jobs-border-light);word-wrap:break-word;overflow:hidden;vertical-align:middle}.jobs-table thead th{background-color:var(--jobs-bg-secondary);font-weight:600;color:var(--jobs-text-primary);position:sticky;top:0;z-index:10;border-bottom:2px solid var(--jobs-border);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.jobs-table thead .filter-row th{padding:.75rem 1rem;background-color:var(--jobs-bg-tertiary);position:sticky;top:57px;z-index:9}.resizable-header{position:relative;display:flex;align-items:center;width:100%;height:100%}.header-content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resize-handle{position:absolute;right:0;top:0;bottom:0;width:4px;cursor:col-resize;background-color:transparent;border-right:2px solid transparent;transition:border-color .2s ease}.resize-handle:hover{border-right-color:var(--jobs-blue)}.resize-handle:active{border-right-color:var(--jobs-blue-hover)}.filter-row input,.filter-row select{width:100%;padding:.5rem .75rem;border:1px solid var(--jobs-input-border);border-radius:6px;background-color:var(--jobs-input-bg);color:var(--jobs-text-primary);font-size:.875rem;transition:all .2s ease}.filter-row input:focus,.filter-row select:focus{outline:none;border-color:var(--jobs-input-focus);box-shadow:0 0 0 2px #3b82f61a}.filter-row input::placeholder{color:var(--jobs-text-muted)}.jobs-table tbody tr{transition:background-color .2s ease}.jobs-table tbody tr:hover{background-color:var(--jobs-bg-secondary)}.jobs-table tbody tr.clickable-row{cursor:pointer}.jobs-table tbody tr.selected{background-color:var(--jobs-blue-light);border-left:3px solid var(--jobs-blue)}.jobs-table tbody tr.selected:hover{background-color:var(--jobs-blue-light)}.button-column{display:flex;flex-direction:column;gap:.5rem;align-items:stretch;min-width:200px}.jrtb-btn--invoice,.jrtb-btn--receipt{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;text-decoration:none;border-radius:8px;font-size:.875rem;font-weight:500;transition:all .2s ease;border:1px solid transparent;text-align:center;letter-spacing:-.025em}.jrtb-btn--invoice{background-color:var(--jobs-blue);color:#fff;border-color:var(--jobs-blue)}.jrtb-btn--invoice:hover{background-color:var(--jobs-blue-hover);border-color:var(--jobs-blue-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--jobs-shadow-hover)}.jrtb-btn--receipt{background-color:var(--jobs-green);color:#fff;border-color:var(--jobs-green)}.jrtb-btn--receipt:hover{background-color:var(--jobs-green-hover);border-color:var(--jobs-green-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--jobs-shadow-hover)}.jrtb-btn--invoice svg,.jrtb-btn--receipt svg{font-size:1rem;flex-shrink:0}.shipping-status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent}.shipping-status.complete{background-color:var(--jobs-green-light);color:var(--jobs-green);border-color:var(--jobs-green)}.shipping-status.partial{background-color:var(--jobs-orange-light);color:var(--jobs-orange);border-color:var(--jobs-orange)}.shipping-status.not-shipped{background-color:var(--jobs-red-light);color:var(--jobs-red);border-color:var(--jobs-red)}.positive-variance{color:var(--jobs-green);font-weight:600}.negative-variance{color:var(--jobs-red);font-weight:600}.issue-cell{color:var(--jobs-red);font-weight:500}.issue-cell div{margin-bottom:.5rem;padding:.5rem;background-color:var(--jobs-red-light);border-radius:8px;font-size:.875rem;line-height:1.4;border-left:3px solid var(--jobs-red)}.issue-cell div:last-child{margin-bottom:0}.billing-notes-row{background-color:var(--jobs-blue-light)!important;border-left:3px solid var(--jobs-blue)}.billing-notes-row td{font-style:italic;color:var(--jobs-text-secondary);font-size:.875rem;padding:1rem 1rem 1rem 2rem}.no-results{text-align:center;padding:4rem 2rem;color:var(--jobs-text-muted);font-style:italic;font-size:1rem}.clear-filters{background:none;border:none;color:var(--jobs-blue);cursor:pointer;text-decoration:underline;font-size:inherit;padding:0;font-weight:500;transition:color .2s ease}.clear-filters:hover{color:var(--jobs-blue-hover)}.jobs-empty{display:flex;justify-content:center;align-items:center;height:50vh;font-size:1.125rem;color:var(--jobs-text-muted);background-color:var(--jobs-bg-primary)}.modal-overlay{position:fixed;inset:0;background-color:var(--jobs-modal-overlay);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:var(--jobs-bg-primary);border-radius:12px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 40px var(--jobs-shadow-strong);border:1px solid var(--jobs-border)}.modal-content h3{margin:0 0 1.5rem;color:var(--jobs-text-primary);font-size:1.25rem;font-weight:600;letter-spacing:-.025em}.modal-content input{width:100%;padding:.75rem 1rem;border:1px solid var(--jobs-input-border);border-radius:8px;background-color:var(--jobs-input-bg);color:var(--jobs-text-primary);font-size:1rem;margin-bottom:1.5rem;transition:all .2s ease}.modal-content input:focus{outline:none;border-color:var(--jobs-input-focus);box-shadow:0 0 0 3px #3b82f61a}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.modal-actions button:first-child{background-color:var(--jobs-blue);color:#fff}.modal-actions button:first-child:hover{background-color:var(--jobs-blue-hover);transform:translateY(-1px)}.modal-actions button:last-child{background-color:var(--jobs-bg-secondary);color:var(--jobs-text-primary);border:1px solid var(--jobs-border)}.modal-actions button:last-child:hover{background-color:var(--jobs-bg-tertiary)}@media (max-width: 1200px){.cards-container{grid-template-columns:repeat(3,1fr)}.jobs-actions{flex-direction:column;align-items:stretch}.bulk-actions-inline{flex-wrap:wrap}.button-column{min-width:180px}}@media (max-width: 768px){.jobs-container{padding:1rem}.jobs-header{flex-direction:column;gap:1rem;align-items:stretch}.header-controls{flex-wrap:wrap;justify-content:center}.cards-container{grid-template-columns:repeat(2,1fr)}.jobs-table{font-size:.875rem}.jobs-table th,.jobs-table td{padding:.75rem .5rem}.advanced-filters-panel{padding:1.5rem}.filter-section{margin-bottom:1.5rem}.date-range-inputs,.value-range-inputs{flex-direction:column;align-items:stretch}.button-column{min-width:160px}.jrtb-btn--invoice,.jrtb-btn--receipt{font-size:.8rem;padding:.5rem .75rem}}@media (max-width: 480px){.jobs-container{padding:.75rem}.cards-container{grid-template-columns:1fr}.card{padding:1.25rem}.card-value{font-size:1.5rem}.jobs-table th,.jobs-table td{padding:.5rem .25rem;font-size:.8rem}.modal-content{padding:1.5rem;margin:1rem}.button-column{min-width:140px}.jrtb-btn--invoice,.jrtb-btn--receipt{font-size:.75rem;padding:.4rem .6rem;gap:.25rem}.jrtb-btn--invoice svg,.jrtb-btn--receipt svg{font-size:.875rem}}.jobs-table tbody tr:focus{outline:2px solid var(--jobs-blue);outline-offset:-2px}input:focus,select:focus,button:focus{outline:2px solid var(--jobs-blue);outline-offset:2px}@media (prefers-contrast: high){.jobs-container{--jobs-border: #000000;--jobs-shadow: rgba(0, 0, 0, .5)}.card,.jobs-table-wrapper,.advanced-filters-panel{border-width:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.card:hover,.jrtb-btn--invoice:hover,.jrtb-btn--receipt:hover,.header-controls button:hover{transform:none}}.jobs-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.jobs-table-wrapper::-webkit-scrollbar-track{background:var(--jobs-bg-secondary);border-radius:4px}.jobs-table-wrapper::-webkit-scrollbar-thumb{background:var(--jobs-border);border-radius:4px;transition:background .2s ease}.jobs-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--jobs-blue)}@media print{.jobs-container{background-color:#fff!important;color:#000!important;padding:0}.jobs-header button,.jobs-actions,.global-filter,.advanced-filters-panel,.button-column{display:none!important}.jobs-table{border-collapse:collapse;font-size:.75rem}.jobs-table th,.jobs-table td{border:1px solid #000!important;padding:.25rem!important;background:#fff!important}.cards-container{display:flex!important;justify-content:space-around;margin-bottom:1rem;flex-wrap:wrap}.card{border:1px solid #000!important;box-shadow:none!important;background:#fff!important;flex:1;min-width:150px;margin:.25rem}.card:before{display:none!important}}.clickable-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.clickable-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.clickable-card:active{transform:translateY(0)}.notification-container{position:fixed;top:1rem;right:1rem;z-index:1100;display:flex;flex-direction:column;gap:.75rem;max-width:400px;pointer-events:none}.notification{background-color:var(--jobs-bg-primary);border-radius:12px;border:1px solid var(--jobs-border);box-shadow:0 8px 32px var(--jobs-shadow-strong);overflow:hidden;transform:translate(100%);animation:slideIn .3s ease-out forwards;pointer-events:auto;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification:hover{transform:translate(0) scale(1.02);box-shadow:0 12px 40px var(--jobs-shadow-strong)}.notification-content{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;position:relative}.notification-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-weight:700;font-size:.875rem;flex-shrink:0}.notification-message{flex:1;font-size:.875rem;font-weight:500;line-height:1.4;color:var(--jobs-text-primary)}.notification-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--jobs-text-muted);transition:color .2s ease;padding:.25rem;line-height:1}.notification-close:hover{color:var(--jobs-text-primary)}.notification-success{border-left:4px solid var(--jobs-green)}.notification-success .notification-icon{background-color:var(--jobs-green-light);color:var(--jobs-green)}.notification-error{border-left:4px solid var(--jobs-red)}.notification-error .notification-icon{background-color:var(--jobs-red-light);color:var(--jobs-red)}.notification-warning{border-left:4px solid var(--jobs-orange)}.notification-warning .notification-icon{background-color:var(--jobs-orange-light);color:var(--jobs-orange)}.notification-info{border-left:4px solid var(--jobs-blue)}.notification-info .notification-icon{background-color:var(--jobs-blue-light);color:var(--jobs-blue)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.review-filter-options{display:flex;flex-direction:column;gap:1rem}.review-filter-option{display:flex;align-items:center;gap:1rem;cursor:pointer;padding:1rem;background-color:var(--jobs-bg-tertiary);border-radius:12px;transition:all .2s ease;border:2px solid transparent;position:relative}.review-filter-option:hover{background-color:var(--jobs-bg-quaternary);border-color:var(--jobs-border)}.review-filter-option input[type=radio]{position:absolute;opacity:0;cursor:pointer}.radio-custom{position:relative;width:20px;height:20px;border:2px solid var(--jobs-border);border-radius:50%;background-color:var(--jobs-input-bg);transition:all .2s ease;flex-shrink:0}.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;border-radius:50%;background-color:var(--jobs-blue);transition:transform .2s ease}.review-filter-option input[type=radio]:checked+.radio-custom{border-color:var(--jobs-blue);background-color:var(--jobs-blue-light)}.review-filter-option input[type=radio]:checked+.radio-custom:after{transform:translate(-50%,-50%) scale(1)}.review-filter-option input[type=radio]:focus+.radio-custom{box-shadow:0 0 0 3px #3b82f633}.review-filter-option span:not(.radio-custom){font-size:.875rem;font-weight:500;color:var(--jobs-text-primary);-webkit-user-select:none;user-select:none}.reviewed-card{position:relative;overflow:hidden}.reviewed-card:before{background:linear-gradient(45deg,var(--jobs-purple),var(--jobs-blue))}.reviewed-card:hover:before{background:linear-gradient(45deg,var(--jobs-purple-hover),var(--jobs-blue-hover))}.modal-content textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--jobs-input-border);border-radius:8px;background-color:var(--jobs-input-bg);color:var(--jobs-text-primary);font-size:.875rem;margin-bottom:1.5rem;transition:all .2s ease;resize:vertical;min-height:100px;font-family:inherit}.modal-content textarea:focus{outline:none;border-color:var(--jobs-input-focus);box-shadow:0 0 0 3px #3b82f61a}.modal-content textarea::placeholder{color:var(--jobs-text-muted)}.bulk-actions-inline{background:linear-gradient(135deg,var(--jobs-blue-light),var(--jobs-purple-light));border:2px solid transparent;background-clip:padding-box;position:relative}.bulk-actions-inline:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--jobs-blue),var(--jobs-purple));border-radius:inherit;z-index:-1;margin:-2px}@media (max-width: 768px){.notification-container{top:.5rem;right:.5rem;left:.5rem;max-width:none}.notification{transform:translateY(-100%);animation:slideInMobile .3s ease-out forwards}.notification:hover{transform:translateY(0) scale(1)}.review-filter-options{gap:.75rem}.review-filter-option{padding:.75rem}}@keyframes slideInMobile{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.notification{animation:none;transform:translate(0)}.radio-custom:after,.add-notes-btn,.notification-close{transition:none}}@media (prefers-contrast: high){.notification{border-width:2px}.radio-custom{border-width:3px}.review-filter-option{border-width:2px}}@media (prefers-color-scheme: dark){.notification{-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);background-color:#0f172ae6}.notification-success{background:linear-gradient(135deg,#0f172af2,#064e3b4d)}.notification-error{background:linear-gradient(135deg,#0f172af2,#7f1d1d4d)}.notification-warning{background:linear-gradient(135deg,#0f172af2,#78350f4d)}.notification-info{background:linear-gradient(135deg,#0f172af2,#1e3a8a4d)}}.reviewed-actions{display:flex;align-items:center;gap:6px;justify-content:center;flex-direction:column}.review-toggle-btn,.notes-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--jobs-border);background-color:var(--jobs-bg-tertiary);color:var(--jobs-text-secondary);border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;line-height:1;transition:all .2s ease;box-shadow:0 1px 2px var(--jobs-shadow)}.review-toggle-btn:hover,.notes-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px var(--jobs-shadow-hover);border-color:var(--jobs-input-focus)}.review-toggle-btn.unreviewed{background-color:var(--jobs-bg-tertiary);color:var(--jobs-text-muted)}.review-toggle-btn.unreviewed:hover{background-color:var(--jobs-bg-quaternary);color:var(--jobs-text-primary)}.review-toggle-btn.reviewed{background-color:var(--jobs-green-light);color:var(--jobs-green);border-color:var(--jobs-green)}.review-toggle-btn.reviewed:hover{background-color:var(--jobs-green);color:#fff}.notes-btn{background-color:var(--jobs-bg-tertiary);color:var(--jobs-text-muted)}.notes-btn:hover{background-color:var(--jobs-bg-quaternary);color:var(--jobs-text-primary)}.notes-btn.has-notes{background-color:var(--jobs-orange-light);color:var(--jobs-orange);border-color:var(--jobs-orange)}.notes-btn.has-notes:hover{background-color:var(--jobs-orange);color:#fff}.notes-btn[title]:hover:after{content:attr(title);position:absolute;background-color:var(--jobs-bg-primary);color:var(--jobs-text-primary);padding:.5rem .75rem;border-radius:6px;font-size:.75rem;white-space:pre-wrap;z-index:100;box-shadow:0 4px 12px var(--jobs-shadow-strong);border:1px solid var(--jobs-border);transform:translate(30px,-50%);max-width:300px}.toggle-switch{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background-color:var(--jobs-bg-secondary);border-radius:8px;border:1px solid var(--jobs-border)}.toggle-switch .label{font-size:.875rem;font-weight:500;color:var(--jobs-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--jobs-bg-tertiary);transition:.2s;border-radius:24px;border:1px solid var(--jobs-border)}.slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.2s;border-radius:50%;box-shadow:0 1px 3px #0000001a}input:checked+.slider{background-color:var(--jobs-green);border-color:var(--jobs-green)}input:focus+.slider{box-shadow:0 0 0 2px var(--jobs-bg-primary),0 0 0 4px var(--jobs-blue)}input:checked+.slider:before{transform:translate(20px)}.advanced-filters-modal-content{background-color:var(--jobs-bg-primary);border-radius:12px;padding:2rem;width:90%;max-width:900px;box-shadow:0 20px 40px var(--jobs-shadow-strong);border:1px solid var(--jobs-border)}.advanced-filters-modal-content h3{margin:0 0 1.5rem;color:var(--jobs-text-primary);font-size:1.25rem;font-weight:600;letter-spacing:-.025em}.advanced-filters-panel-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-height:60vh;overflow-y:auto;padding:.5rem;margin-bottom:1.5rem}.advanced-filters-modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid var(--jobs-border)}.advanced-filters-modal-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.advanced-filters-modal-actions button.primary{background-color:var(--jobs-blue);color:#fff}.advanced-filters-modal-actions button.primary:hover{background-color:var(--jobs-blue-hover)}.advanced-filters-modal-actions button.secondary{background-color:var(--jobs-bg-secondary);color:var(--jobs-text-primary);border:1px solid var(--jobs-border)}.advanced-filters-modal-actions button.secondary:hover{background-color:var(--jobs-bg-tertiary)}.saved-filters-inline{display:flex;align-items:center;gap:.5rem;margin-right:1rem}.saved-filters-inline select{padding:8px 12px;border:1px solid #ccc;border-radius:4px;background-color:#fff;cursor:pointer;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:150px}.saved-filters-inline:after{content:"▼";font-size:12px;color:#333;position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.filter-container{--filter-primary-color: #2563eb;--filter-primary-dark: #1d4ed8;--filter-secondary-color: #64748b;--filter-success-color: #10b981;--filter-warning-color: #f59e0b;--filter-danger-color: #ef4444;--filter-bg-primary: #ffffff;--filter-bg-secondary: #f8fafc;--filter-bg-tertiary: #f1f5f9;--filter-text-primary: #1e293b;--filter-text-secondary: #64748b;--filter-text-muted: #94a3b8;--filter-border-color: #e2e8f0;--filter-border-light: #f1f5f9;--filter-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--filter-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--filter-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--filter-radius: 8px;--filter-radius-sm: 4px;--filter-transition: all .3s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme: dark){.filter-container{--filter-primary-color: #3b82f6;--filter-primary-dark: #2563eb;--filter-secondary-color: #94a3b8;--filter-success-color: #22c55e;--filter-warning-color: #fbbf24;--filter-danger-color: #f87171;--filter-bg-primary: #0f172a;--filter-bg-secondary: #1e293b;--filter-bg-tertiary: #334155;--filter-text-primary: #f8fafc;--filter-text-secondary: #cbd5e1;--filter-text-muted: #64748b;--filter-border-color: #475569;--filter-border-light: #334155;--filter-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--filter-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--filter-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4)}}[data-theme=dark] .filter-container{--filter-primary-color: #3b82f6;--filter-primary-dark: #2563eb;--filter-secondary-color: #94a3b8;--filter-success-color: #22c55e;--filter-warning-color: #fbbf24;--filter-danger-color: #f87171;--filter-bg-primary: #0f172a;--filter-bg-secondary: #1e293b;--filter-bg-tertiary: #334155;--filter-text-primary: #f8fafc;--filter-text-secondary: #cbd5e1;--filter-text-muted: #64748b;--filter-border-color: #475569;--filter-border-light: #334155;--filter-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--filter-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--filter-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4)}.filter-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--filter-bg-primary);border:1px solid var(--filter-border-color);border-radius:var(--filter-radius);box-shadow:var(--filter-shadow-lg);overflow:hidden;transition:var(--filter-transition);margin-bottom:2rem;position:relative}.filter-container .filter-header{background:var(--filter-bg-primary);border-bottom:1px solid var(--filter-border-color);padding:2rem;display:flex;justify-content:space-between;align-items:center;position:relative;transition:var(--filter-transition)}.filter-container .header-content{display:flex;align-items:flex-start;gap:1.25rem;flex:1}.filter-container .header-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--filter-primary-color);color:#fff;border-radius:var(--filter-radius);box-shadow:var(--filter-shadow-md);flex-shrink:0;transition:var(--filter-transition)}.filter-container .header-icon:hover{transform:translateY(-2px);box-shadow:var(--filter-shadow-lg)}.filter-container .header-text{flex:1;min-width:0}.filter-container .header-text h1{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;color:var(--filter-text-primary);margin-bottom:.5rem}.filter-container .header-text p{margin:0;font-size:1rem;color:var(--filter-text-secondary);line-height:1.5;max-width:600px}.filter-container .filter-toggle{display:flex;align-items:center;gap:.75rem;background:var(--filter-bg-secondary);border:1px solid var(--filter-border-color);color:var(--filter-text-primary);padding:1rem 1.5rem;border-radius:var(--filter-radius);cursor:pointer;transition:var(--filter-transition);font-weight:600;font-size:.95rem;box-shadow:var(--filter-shadow-sm);flex-shrink:0}.filter-container .filter-toggle:hover{background:var(--filter-primary-color);border-color:var(--filter-primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--filter-shadow-md)}.filter-container .chevron-icon{transition:transform .3s ease}.filter-container .chevron-icon.expanded{transform:rotate(180deg)}.filter-container .filter-content{padding:0 2rem;max-height:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0}.filter-container .filter-content.expanded{max-height:1000px;padding:2rem;opacity:1}.filter-container .quick-filters{margin-bottom:2rem;padding:1.5rem;background:var(--filter-bg-secondary);border:1px solid var(--filter-border-color);border-radius:var(--filter-radius);transition:var(--filter-transition)}.filter-container .quick-filters-label{display:block;font-weight:600;color:var(--filter-text-primary);margin-bottom:1rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.025em}.filter-container .quick-filter-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.filter-container .quick-filter-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--filter-bg-primary);border:1px solid var(--filter-border-color);border-radius:var(--filter-radius-sm);color:var(--filter-text-primary);cursor:pointer;transition:var(--filter-transition);font-size:.875rem;font-weight:500;white-space:nowrap}.filter-container .quick-filter-btn:hover{background:var(--filter-primary-color);border-color:var(--filter-primary-color);color:#fff;transform:translateY(-1px);box-shadow:var(--filter-shadow-sm)}.filter-container .quick-filter-btn:active{transform:translateY(0)}.filter-container .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.filter-container .job-numbers-group{grid-column:1 / -1}.filter-container .form-group{display:flex;flex-direction:column;gap:.5rem}.filter-container .form-label{font-weight:600;color:var(--filter-text-primary);font-size:.875rem;margin-bottom:.25rem}.filter-container .form-input,.filter-container .form-select,.filter-container .form-textarea{padding:.75rem;border:1px solid var(--filter-border-color);border-radius:var(--filter-radius-sm);background:var(--filter-bg-primary);color:var(--filter-text-primary);font-size:.9rem;transition:var(--filter-transition);font-family:inherit}.filter-container .form-input:focus,.filter-container .form-select:focus,.filter-container .form-textarea:focus{outline:none;border-color:var(--filter-primary-color);box-shadow:0 0 0 3px #2563eb1a}@media (prefers-color-scheme: dark){.filter-container .form-input:focus,.filter-container .form-select:focus,.filter-container .form-textarea:focus{box-shadow:0 0 0 3px #3b82f633}}[data-theme=dark] .filter-container .form-input:focus,[data-theme=dark] .filter-container .form-select:focus,[data-theme=dark] .filter-container .form-textarea:focus{box-shadow:0 0 0 3px #3b82f633}.filter-container .form-input::placeholder,.filter-container .form-textarea::placeholder{color:var(--filter-text-muted)}.filter-container .form-select{cursor:pointer}.filter-container .form-select option{background:var(--filter-bg-primary);color:var(--filter-text-primary)}.filter-container .form-textarea{resize:vertical;min-height:60px;font-family:inherit;line-height:1.5}.filter-container .date-range{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.filter-container .date-range .form-input{flex:1;min-width:140px}.filter-container .date-separator{color:var(--filter-text-muted);font-weight:500;white-space:nowrap;font-size:.875rem}.filter-container .form-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0);transition:filter .3s ease;cursor:pointer}@media (prefers-color-scheme: dark){.filter-container .form-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}}[data-theme=dark] .filter-container .form-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.filter-container .filter-presets{margin-bottom:2rem;padding:1.5rem;background:var(--filter-bg-tertiary);border:1px solid var(--filter-border-color);border-radius:var(--filter-radius);transition:var(--filter-transition)}.filter-container .presets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.filter-container .presets-label{font-weight:600;color:var(--filter-text-primary);font-size:.9rem;text-transform:uppercase;letter-spacing:.025em}.filter-container .presets-toggle{padding:.5rem 1rem;background:var(--filter-bg-primary);border:1px solid var(--filter-border-color);border-radius:var(--filter-radius-sm);color:var(--filter-text-primary);cursor:pointer;transition:var(--filter-transition);font-size:.875rem}.filter-container .presets-toggle:hover{background:var(--filter-primary-color);border-color:var(--filter-primary-color);color:#fff}.filter-container .presets-content{max-height:0;overflow:hidden;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-container .presets-content.visible{max-height:500px;opacity:1}.filter-container .preset-input-group{display:flex;gap:.75rem;margin-bottom:1rem;align-items:end}.filter-container .preset-input{flex:1}.filter-container .preset-save-btn{padding:.75rem 1rem;background:var(--filter-success-color);border:1px solid var(--filter-success-color);border-radius:var(--filter-radius-sm);color:#fff;cursor:pointer;transition:var(--filter-transition);font-weight:500;white-space:nowrap}.filter-container .preset-save-btn:disabled{opacity:.5;cursor:not-allowed}.filter-container .preset-save-btn:hover:not(:disabled){background:#059669;border-color:#047857;transform:translateY(-1px)}.filter-container .preset-list{display:flex;flex-direction:column;gap:.5rem}.filter-container .preset-item{display:flex;align-items:center;gap:.5rem}.filter-container .preset-load-btn{flex:1;padding:.5rem .75rem;background:var(--filter-bg-primary);border:1px solid var(--filter-border-color);border-radius:var(--filter-radius-sm);color:var(--filter-text-primary);cursor:pointer;transition:var(--filter-transition);text-align:left;font-size:.875rem}.filter-container .preset-load-btn:hover{background:var(--filter-bg-secondary);border-color:var(--filter-primary-color)}.filter-container .preset-delete-btn{padding:.5rem;background:var(--filter-danger-color);border:1px solid var(--filter-danger-color);border-radius:var(--filter-radius-sm);color:#fff;cursor:pointer;transition:var(--filter-transition);display:flex;align-items:center;justify-content:center}.filter-container .preset-delete-btn:hover{background:#dc2626;border-color:#b91c1c;transform:translateY(-1px)}.filter-container .action-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;background:var(--filter-bg-secondary);border:1px solid var(--filter-border-color);border-radius:var(--filter-radius);margin-bottom:1rem}.filter-container .filter-status{font-size:.875rem;color:var(--filter-text-secondary);font-weight:500}.filter-container .action-buttons{display:flex;gap:.75rem;align-items:center}.filter-container .btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--filter-radius-sm);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--filter-transition);border:1px solid;text-decoration:none;white-space:nowrap}.filter-container .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.filter-container .btn-primary{background:var(--filter-primary-color);border-color:var(--filter-primary-color);color:#fff}.filter-container .btn-primary:hover:not(:disabled){background:var(--filter-primary-dark);border-color:var(--filter-primary-dark);transform:translateY(-1px);box-shadow:var(--filter-shadow-md)}.filter-container .btn-secondary{background:var(--filter-bg-primary);border-color:var(--filter-border-color);color:var(--filter-text-primary)}.filter-container .btn-secondary:hover:not(:disabled){background:var(--filter-bg-tertiary);border-color:var(--filter-text-muted);transform:translateY(-1px)}.filter-container .loading-icon{animation:spin 1s linear infinite}.filter-container .status-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:var(--filter-radius-sm);font-weight:500;margin-top:1rem;border:1px solid;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-container .status-error{background:#ef44441a;border-color:#ef444433;color:var(--filter-danger-color)}.filter-container .status-success{background:#10b9811a;border-color:#10b98133;color:var(--filter-success-color)}@media (max-width: 768px){.filter-container .filter-header{flex-direction:column;gap:1.5rem;text-align:left;padding:1.5rem;align-items:flex-start}.filter-container .header-content{flex-direction:row;text-align:left;width:100%}.filter-container .header-icon{width:48px;height:48px}.filter-container .header-text h1{font-size:1.5rem}.filter-container .header-text p{font-size:.9rem}.filter-container .filter-toggle{align-self:flex-end;padding:.75rem 1.25rem}.filter-container .filter-content.expanded{padding:1.5rem}.filter-container .form-grid{grid-template-columns:1fr;gap:1rem}.filter-container .quick-filter-buttons{flex-direction:column}.filter-container .quick-filter-btn{justify-content:center}.filter-container .date-range{flex-direction:column;align-items:stretch}.filter-container .date-range .form-input{min-width:auto}.filter-container .action-bar{flex-direction:column;align-items:stretch;gap:1rem}.filter-container .action-buttons{justify-content:center}.filter-container .preset-input-group{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.filter-container .filter-header{padding:1rem;gap:1rem}.filter-container .header-content{flex-direction:column;text-align:center;align-items:center;gap:1rem}.filter-container .header-text h1{font-size:1.375rem}.filter-container .header-text p{font-size:.875rem}.filter-container .filter-toggle{align-self:center;width:100%;justify-content:center}.filter-container .filter-content.expanded,.filter-container .quick-filters,.filter-container .filter-presets,.filter-container .action-bar{padding:1rem}}@media (prefers-contrast: high){.filter-container{--filter-border-color: #000000;--filter-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--filter-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--filter-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4)}}@media (prefers-contrast: high) and (prefers-color-scheme: dark){.filter-container{--filter-border-color: #ffffff;--filter-text-primary: #ffffff;--filter-text-secondary: #ffffff}}@media (prefers-reduced-motion: reduce){.filter-container *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ov-container{--ov-background-color: #f5f6f8;--ov-surface-color: #ffffff;--ov-text-primary: #1f2937;--ov-text-secondary: #4b5563;--ov-text-muted: #6b7280;--ov-border-color: #e5e7eb;--ov-border-radius: 12px;--ov-primary-color: #000000;--ov-primary-hover: #000000;--ov-shadow-sm: 0 1px 2px rgba(0,0,0,.05);--ov-shadow-md: 0 4px 8px rgba(0,0,0,.08);--ov-shadow-lg: 0 10px 25px rgba(0,0,0,.12);--ov-transition: all .2s ease}@media (prefers-color-scheme: dark){.ov-container{--ov-background-color: #0f172a;--ov-surface-color: #1e293b;--ov-text-primary: #f1f5f9;--ov-text-secondary: #cbd5e1;--ov-text-muted: #94a3b8;--ov-border-color: #334155;--ov-shadow-sm: 0 1px 2px rgba(0,0,0,.4);--ov-shadow-md: 0 4px 8px rgba(0,0,0,.5);--ov-shadow-lg: 0 10px 25px rgba(0,0,0,.6)}}[data-theme=dark] .ov-container{--ov-background-color: #0f172a;--ov-surface-color: #1e293b;--ov-text-primary: #f1f5f9;--ov-text-secondary: #cbd5e1;--ov-text-muted: #94a3b8;--ov-border-color: #334155;--ov-shadow-sm: 0 1px 2px rgba(0,0,0,.4);--ov-shadow-md: 0 4px 8px rgba(0,0,0,.5);--ov-shadow-lg: 0 10px 25px rgba(0,0,0,.6)}.ov-container{padding:2rem;background-color:var(--ov-background-color);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--ov-text-primary);transition:var(--ov-transition)}.ov-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.ov-metric-card,.ov-metric-card-large{background-color:var(--ov-surface-color);border:1px solid var(--ov-border-color);border-radius:var(--ov-border-radius);padding:1.5rem;box-shadow:var(--ov-shadow-sm);transition:var(--ov-transition);position:relative;overflow:hidden}.ov-metric-card-large{padding:2rem}.ov-metric-card:hover,.ov-metric-card-large:hover{box-shadow:var(--ov-shadow-md);transform:translateY(-2px)}.ov-metric-card:before,.ov-metric-card-large:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--ov-primary-color),var(--ov-primary-hover));opacity:0;transition:var(--ov-transition)}.ov-metric-card:hover:before,.ov-metric-card-large:hover:before{opacity:1}.ov-metric-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.ov-metric-title{font-size:.875rem;font-weight:600;color:var(--ov-text-secondary);margin:0;text-transform:uppercase;letter-spacing:.05em}.ov-metric-value{font-size:2rem;font-weight:700;color:var(--ov-text-primary);line-height:1.2;margin-bottom:.5rem}.ov-metric-card-large .ov-metric-value{font-size:2.5rem}.ov-metric-subtitle{font-size:.875rem;color:var(--ov-text-muted);margin-bottom:.75rem}.ov-metric-trend{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500}.ov-metric-card.border-blue-200.bg-blue-50.text-blue-600,.ov-metric-card-large.border-blue-200.bg-blue-50.text-blue-600{background:linear-gradient(135deg,#3b82f60d,#93c5fd0d);border-color:#3b82f626}.ov-metric-card.border-green-200.bg-green-50.text-green-600,.ov-metric-card-large.border-green-200.bg-green-50.text-green-600{background:linear-gradient(135deg,#10b9810d,#6ee7b70d);border-color:#10b98126}.ov-metric-card.border-yellow-200.bg-yellow-50.text-yellow-600,.ov-metric-card-large.border-yellow-200.bg-yellow-50.text-yellow-600{background:linear-gradient(135deg,#f59e0b0d,#fde68a0d);border-color:#f59e0b26}.ov-metric-card.border-red-200.bg-red-50.text-red-600,.ov-metric-card-large.border-red-200.bg-red-50.text-red-600{background:linear-gradient(135deg,#ef44440d,#fca5a50d);border-color:#ef444426}.ov-metric-card.border-purple-200.bg-purple-50.text-purple-600,.ov-metric-card-large.border-purple-200.bg-purple-50.text-purple-600{background:linear-gradient(135deg,#8b5cf60d,#c4b5fd0d);border-color:#8b5cf626}.ov-metric-card.border-gray-200.bg-gray-50.text-gray-600,.ov-metric-card-large.border-gray-200.bg-gray-50.text-gray-600{background:linear-gradient(135deg,#6b72800d,#d1d5db0d);border-color:#6b728026}@media (prefers-color-scheme: dark){.ov-metric-card.border-blue-200.bg-blue-50.text-blue-600,.ov-metric-card-large.border-blue-200.bg-blue-50.text-blue-600{background:linear-gradient(135deg,#3b82f61a,#93c5fd1a);border-color:#3b82f64d}.ov-metric-card.border-green-200.bg-green-50.text-green-600,.ov-metric-card-large.border-green-200.bg-green-50.text-green-600{background:linear-gradient(135deg,#10b9811a,#6ee7b71a);border-color:#10b9814d}.ov-metric-card.border-yellow-200.bg-yellow-50.text-yellow-600,.ov-metric-card-large.border-yellow-200.bg-yellow-50.text-yellow-600{background:linear-gradient(135deg,#f59e0b1a,#fde68a1a);border-color:#f59e0b4d}.ov-metric-card.border-red-200.bg-red-50.text-red-600,.ov-metric-card-large.border-red-200.bg-red-50.text-red-600{background:linear-gradient(135deg,#ef44441a,#fca5a51a);border-color:#ef44444d}.ov-metric-card.border-purple-200.bg-purple-50.text-purple-600,.ov-metric-card-large.border-purple-200.bg-purple-50.text-purple-600{background:linear-gradient(135deg,#8b5cf61a,#c4b5fd1a);border-color:#8b5cf64d}.ov-metric-card.border-gray-200.bg-gray-50.text-gray-600,.ov-metric-card-large.border-gray-200.bg-gray-50.text-gray-600{background:linear-gradient(135deg,#6b72801a,#d1d5db1a);border-color:#6b72804d}}[data-theme=dark] .ov-metric-card.border-blue-200.bg-blue-50.text-blue-600,[data-theme=dark] .ov-metric-card-large.border-blue-200.bg-blue-50.text-blue-600{background:linear-gradient(135deg,#3b82f61a,#93c5fd1a);border-color:#3b82f64d}[data-theme=dark] .ov-metric-card.border-green-200.bg-green-50.text-green-600,[data-theme=dark] .ov-metric-card-large.border-green-200.bg-green-50.text-green-600{background:linear-gradient(135deg,#10b9811a,#6ee7b71a);border-color:#10b9814d}[data-theme=dark] .ov-metric-card.border-yellow-200.bg-yellow-50.text-yellow-600,[data-theme=dark] .ov-metric-card-large.border-yellow-200.bg-yellow-50.text-yellow-600{background:linear-gradient(135deg,#f59e0b1a,#fde68a1a);border-color:#f59e0b4d}[data-theme=dark] .ov-metric-card.border-red-200.bg-red-50.text-red-600,[data-theme=dark] .ov-metric-card-large.border-red-200.bg-red-50.text-red-600{background:linear-gradient(135deg,#ef44441a,#fca5a51a);border-color:#ef44444d}[data-theme=dark] .ov-metric-card.border-purple-200.bg-purple-50.text-purple-600,[data-theme=dark] .ov-metric-card-large.border-purple-200.bg-purple-50.text-purple-600{background:linear-gradient(135deg,#8b5cf61a,#c4b5fd1a);border-color:#8b5cf64d}[data-theme=dark] .ov-metric-card.border-gray-200.bg-gray-50.text-gray-600,[data-theme=dark] .ov-metric-card-large.border-gray-200.bg-gray-50.text-gray-600{background:linear-gradient(135deg,#6b72801a,#d1d5db1a);border-color:#6b72804d}.ov-charts-section{display:flex;flex-direction:column;gap:2rem}.ov-chart-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.ov-chart-row:has(.ov-chart-wide){grid-template-columns:1fr}.ov-chart-row.has-wide-chart{grid-template-columns:1fr}.ov-chart-card{background-color:var(--ov-surface-color);border:1px solid var(--ov-border-color);border-radius:var(--ov-border-radius);box-shadow:var(--ov-shadow-sm);overflow:hidden;transition:var(--ov-transition)}.ov-chart-card:hover{box-shadow:var(--ov-shadow-md)}.ov-chart-wide{grid-column:1 / -1}.ov-chart-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--ov-border-color);background:linear-gradient(135deg,#3b82f605,#93c5fd05)}@media (prefers-color-scheme: dark){.ov-chart-header{background:linear-gradient(135deg,#3b82f60d,#93c5fd0d)}}[data-theme=dark] .ov-chart-header{background:linear-gradient(135deg,#3b82f60d,#93c5fd0d)}.ov-chart-title{font-size:1.125rem;font-weight:700;color:var(--ov-text-primary);margin:0 0 .25rem}.ov-chart-subtitle{font-size:.875rem;color:var(--ov-text-secondary);margin:0}.ov-chart-container{padding:1.5rem;background-color:var(--ov-surface-color)}.ov-insights-card{background-color:var(--ov-surface-color);border:1px solid var(--ov-border-color);border-radius:var(--ov-border-radius);box-shadow:var(--ov-shadow-sm);overflow:hidden;transition:var(--ov-transition)}.ov-insights-card:hover{box-shadow:var(--ov-shadow-md)}.ov-insights-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--ov-border-color);background:linear-gradient(135deg,#8b5cf605,#c4b5fd05)}@media (prefers-color-scheme: dark){.ov-insights-header{background:linear-gradient(135deg,#8b5cf60d,#c4b5fd0d)}}[data-theme=dark] .ov-insights-header{background:linear-gradient(135deg,#8b5cf60d,#c4b5fd0d)}.ov-insights-title{font-size:1.125rem;font-weight:700;color:var(--ov-text-primary);margin:0}.ov-insights-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.ov-insight-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#f9fafb80,#fffc);border:1px solid rgba(229,231,235,.5);border-radius:calc(var(--ov-border-radius) - 4px);transition:var(--ov-transition)}.ov-insight-item:hover{background:linear-gradient(135deg,#f3f4f6cc,#fff);border-color:var(--ov-border-color);transform:translate(4px)}@media (prefers-color-scheme: dark){.ov-insight-item{background:linear-gradient(135deg,#1e293b80,#334155cc);border-color:#47556980}.ov-insight-item:hover{background:linear-gradient(135deg,#1e293bcc,#334155);border-color:var(--ov-border-color)}}[data-theme=dark] .ov-insight-item{background:linear-gradient(135deg,#1e293b80,#334155cc);border-color:#47556980}[data-theme=dark] .ov-insight-item:hover{background:linear-gradient(135deg,#1e293bcc,#334155);border-color:var(--ov-border-color)}.ov-insight-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;font-size:1rem;flex-shrink:0;margin-top:.125rem}.ov-insight-icon.blue{background:linear-gradient(135deg,#3b82f61a,#93c5fd1a);border:1px solid rgba(59,130,246,.2);color:#3b82f6}.ov-insight-icon.green{background:linear-gradient(135deg,#10b9811a,#6ee7b71a);border:1px solid rgba(16,185,129,.2);color:#10b981}.ov-insight-icon.yellow{background:linear-gradient(135deg,#f59e0b1a,#fde68a1a);border:1px solid rgba(245,158,11,.2);color:#f59e0b}.ov-insight-icon.red{background:linear-gradient(135deg,#ef44441a,#fca5a51a);border:1px solid rgba(239,68,68,.2);color:#ef4444}.ov-insight-text{font-size:.875rem;line-height:1.5;color:var(--ov-text-primary);flex:1}.ov-insight-text strong{font-weight:600;color:var(--ov-text-primary)}.ov-container .text-green-500{color:#10b981}.ov-container .text-green-600{color:#059669}.ov-container .text-red-500{color:#ef4444}.ov-container .text-red-600{color:#dc2626}.ov-container .text-gray-500{color:var(--ov-text-muted)}.ov-container .pie-chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:16px}.ov-container .legend-item{display:flex;align-items:center;gap:6px;font-size:12px}.ov-container .legend-color{width:12px;height:12px;border-radius:50%}.ov-container .legend-text{color:var(--ov-text-primary);font-weight:500}.ov-container .recharts-cartesian-grid-horizontal line,.ov-container .recharts-cartesian-grid-vertical line{stroke:var(--ov-border-color);stroke-opacity:.5}.ov-container .recharts-text{fill:var(--ov-text-secondary);font-size:.75rem}.ov-container .recharts-legend-item-text{color:var(--ov-text-primary)!important;font-size:.875rem!important}.ov-container .recharts-tooltip-wrapper{border-radius:var(--ov-border-radius);box-shadow:var(--ov-shadow-lg)}.ov-metric-card,.ov-metric-card-large,.ov-chart-card,.ov-insights-card{animation:fadeInUp .5s ease-out}.ov-metric-card:nth-child(1){animation-delay:.1s}.ov-metric-card:nth-child(2){animation-delay:.2s}.ov-metric-card:nth-child(3){animation-delay:.3s}.ov-metric-card:nth-child(4){animation-delay:.4s}.ov-metric-card:nth-child(5){animation-delay:.5s}.ov-metric-card:nth-child(6){animation-delay:.6s}@media (max-width: 1024px){.ov-container{padding:1.5rem}.ov-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.ov-chart-row{grid-template-columns:1fr;gap:1.5rem}.ov-charts-section{gap:1.5rem}}@media (max-width: 768px){.ov-container{padding:1rem}.ov-metrics-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.ov-metric-card,.ov-metric-card-large{padding:1.25rem}.ov-metric-value{font-size:1.75rem}.ov-metric-card-large .ov-metric-value{font-size:2rem}.ov-chart-header,.ov-chart-container,.ov-insights-header{padding:1rem}.ov-insights-content{padding:1rem;gap:.75rem}.ov-insight-item{padding:.75rem;flex-direction:column;gap:.5rem;text-align:center}.ov-insight-icon{align-self:center;margin-top:0}}@media (max-width: 480px){.ov-container{padding:.75rem}.ov-metric-card,.ov-metric-card-large{padding:1rem}.ov-chart-title{font-size:1rem}.ov-chart-subtitle{font-size:.8125rem}.ov-insights-title{font-size:1rem}}@media (prefers-reduced-motion: reduce){.ov-metric-card,.ov-metric-card-large,.ov-chart-card,.ov-insights-card{animation:none}.ov-insight-item:hover,.ov-metric-card:hover,.ov-metric-card-large:hover{transform:none}}.ov-metric-card:focus-within,.ov-chart-card:focus-within,.ov-insights-card:focus-within{outline:2px solid var(--ov-primary-color);outline-offset:2px}@media (prefers-contrast: high){.ov-container{--ov-border-color: #000000;--ov-shadow-sm: 0 1px 2px rgba(0,0,0,.2);--ov-shadow-md: 0 4px 8px rgba(0,0,0,.3);--ov-shadow-lg: 0 10px 25px rgba(0,0,0,.4)}}@media (prefers-contrast: high) and (prefers-color-scheme: dark){.ov-container{--ov-border-color: #ffffff;--ov-text-primary: #ffffff;--ov-text-secondary: #ffffff}}@media print{.ov-container{background:#fff;color:#000;box-shadow:none}.ov-metric-card,.ov-metric-card-large,.ov-chart-card,.ov-insights-card{box-shadow:none;border:1px solid #ccc;animation:none}.ov-metric-card:before,.ov-metric-card-large:before{display:none}}.dept-container{--dept-background-color: #f5f6f8;--dept-surface-color: #ffffff;--dept-text-primary: #1f2937;--dept-text-secondary: #4b5563;--dept-text-muted: #6b7280;--dept-border-color: #e5e7eb;--dept-border-radius: 12px;--dept-primary-color: #000000;--dept-primary-hover: #000000;--dept-shadow-sm: 0 1px 2px rgba(0,0,0,.05);--dept-shadow-md: 0 4px 8px rgba(0,0,0,.08);--dept-shadow-lg: 0 10px 25px rgba(0,0,0,.12);--dept-transition: all .2s ease}@media (prefers-color-scheme: dark){.dept-container{--dept-background-color: #0f172a;--dept-surface-color: #1e293b;--dept-text-primary: #f1f5f9;--dept-text-secondary: #cbd5e1;--dept-text-muted: #94a3b8;--dept-border-color: #334155;--dept-shadow-sm: 0 1px 2px rgba(0,0,0,.4);--dept-shadow-md: 0 4px 8px rgba(0,0,0,.5);--dept-shadow-lg: 0 10px 25px rgba(0,0,0,.6)}}[data-theme=dark] .dept-container{--dept-background-color: #0f172a;--dept-surface-color: #1e293b;--dept-text-primary: #f1f5f9;--dept-text-secondary: #cbd5e1;--dept-text-muted: #94a3b8;--dept-border-color: #334155;--dept-shadow-sm: 0 1px 2px rgba(0,0,0,.4);--dept-shadow-md: 0 4px 8px rgba(0,0,0,.5);--dept-shadow-lg: 0 10px 25px rgba(0,0,0,.6)}.dept-container{padding:2rem;background:var(--dept-background-color);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--dept-text-primary);transition:var(--dept-transition)}.dept-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;margin-bottom:2rem}.dept-header-left{min-width:240px}.dept-title{margin:0 0 .25rem;font-size:1.5rem;font-weight:700;color:var(--dept-text-primary)}.dept-subtitle{margin:0;font-size:.875rem;color:var(--dept-text-secondary)}.dept-header-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.dept-search{position:relative;display:flex;align-items:center}.dept-search-icon{position:absolute;left:.75rem;color:var(--dept-text-muted)}.dept-search-input{padding:.5rem .75rem .5rem 2.25rem;background:var(--dept-surface-color);border:1px solid var(--dept-border-color);border-radius:var(--dept-border-radius);color:var(--dept-text-primary);transition:var(--dept-transition);width:220px}.dept-search-input:focus{outline:none;border-color:var(--dept-primary-color);box-shadow:0 0 0 2px #3b82f626}@media (prefers-color-scheme: dark){.dept-search-input:focus{box-shadow:0 0 0 2px #58a6ff33}}[data-theme=dark] .dept-search-input:focus{box-shadow:0 0 0 2px #58a6ff33}.dept-search-input::placeholder{color:var(--dept-text-muted)}.dept-actions{display:flex;gap:.5rem}.dept-action-btn{padding:.5rem .85rem;background:var(--dept-surface-color);border:1px solid var(--dept-border-color);border-radius:var(--dept-border-radius);font-size:.8125rem;color:var(--dept-text-primary);transition:var(--dept-transition);cursor:pointer}.dept-action-btn:hover,.dept-action-btn.active{border-color:var(--dept-primary-color);color:var(--dept-primary-color)}.dept-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.dept-summary-card{background:var(--dept-surface-color);border:1px solid var(--dept-border-color);border-radius:var(--dept-border-radius);box-shadow:var(--dept-shadow-sm);padding:1rem 1.25rem;display:flex;align-items:center;gap:.85rem;transition:var(--dept-transition)}.dept-summary-card:hover{box-shadow:var(--dept-shadow-md)}.dept-summary-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;border:1px solid currentColor}.dept-summary-icon.blue{color:#3b82f6;background:#3b82f61a}.dept-summary-icon.green{color:#10b981;background:#10b9811a}.dept-summary-icon.red{color:#ef4444;background:#ef44441a}.dept-summary-content h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--dept-text-primary)}.dept-summary-content p{margin:0;font-size:.8125rem;color:var(--dept-text-secondary)}.dept-charts-section{margin-bottom:2.5rem}.dept-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.dept-chart-card{background:var(--dept-surface-color);border:1px solid var(--dept-border-color);border-radius:var(--dept-border-radius);box-shadow:var(--dept-shadow-sm);overflow:hidden;transition:var(--dept-transition);animation:fadeInUp .5s ease-out}.dept-chart-card:hover{box-shadow:var(--dept-shadow-md)}.dept-chart-header{padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--dept-border-color);background:linear-gradient(135deg,#3b82f608,#93c5fd08)}@media (prefers-color-scheme: dark){.dept-chart-header{background:linear-gradient(135deg,#58a6ff0d,#58a6ff05)}}[data-theme=dark] .dept-chart-header{background:linear-gradient(135deg,#58a6ff0d,#58a6ff05)}.dept-chart-header h3{margin:0 0 .25rem;font-size:1.05rem;font-weight:700;color:var(--dept-text-primary)}.dept-chart-header p{margin:0;font-size:.8125rem;color:var(--dept-text-secondary)}.dept-chart-wide{grid-column:1 / -1}.dept-sort-controls{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.dept-sort-label{font-size:.875rem;color:var(--dept-text-secondary)}.dept-sort-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.dept-sort-btn{padding:.45rem .75rem;font-size:.8125rem;background:var(--dept-surface-color);border:1px solid var(--dept-border-color);border-radius:var(--dept-border-radius);color:var(--dept-text-primary);transition:var(--dept-transition);display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}.dept-sort-btn.active,.dept-sort-btn:hover{border-color:var(--dept-primary-color);color:var(--dept-primary-color)}.dept-sort-icon.asc{transform:rotate(180deg)}.dept-sort-icon.desc{transform:rotate(0)}.dept-cards-container{margin-bottom:2.5rem}.dept-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.dept-no-results,.dept-no-data{background:var(--dept-surface-color);border:1px solid var(--dept-border-color);border-radius:var(--dept-border-radius);box-shadow:var(--dept-shadow-sm);padding:3rem 2rem;text-align:center;color:var(--dept-text-secondary)}.dept-no-results-icon,.dept-no-data-icon{color:var(--dept-text-muted);margin-bottom:.75rem}.dept-no-results h3,.dept-no-data h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--dept-text-primary)}.dept-no-results p,.dept-no-data p{margin:0;color:var(--dept-text-secondary)}.dept-card{background:var(--dept-surface-color);border:1px solid var(--dept-border-color);border-radius:var(--dept-border-radius);box-shadow:var(--dept-shadow-sm);transition:var(--dept-transition);overflow:hidden;animation:fadeInUp .5s ease-out}.dept-card:hover{box-shadow:var(--dept-shadow-md)}.dept-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;cursor:pointer;background:linear-gradient(135deg,#f9fafb80,#fffc)}@media (prefers-color-scheme: dark){.dept-card-header{background:linear-gradient(135deg,#1e293b4d,#33415533)}}[data-theme=dark] .dept-card-header{background:linear-gradient(135deg,#1e293b4d,#33415533)}.dept-card-title{display:flex;gap:.75rem;align-items:center}.dept-icon{color:var(--dept-primary-color);flex-shrink:0}.dept-name{margin:0;font-size:1rem;font-weight:600;color:var(--dept-text-primary)}.dept-card-metrics{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap}.dept-metric{display:flex;flex-direction:column;text-align:right}.dept-metric-label{font-size:.65rem;color:var(--dept-text-muted);text-transform:uppercase;letter-spacing:.05em}.dept-metric-value{font-size:.875rem;font-weight:600;color:var(--dept-text-primary)}.dept-metric-value.green{color:#059669}.dept-metric-value.yellow{color:#d97706}.dept-metric-value.red{color:#dc2626}.dept-expand-icon{color:var(--dept-text-muted)}.dept-card-details{padding:1.25rem 1.5rem 1.5rem;border-top:1px solid var(--dept-border-color);background:var(--dept-surface-color)}.dept-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.dept-detail-section{background:var(--dept-surface-color)}.dept-section-title{margin:0 0 .75rem;font-size:.9rem;font-weight:700;color:var(--dept-text-primary)}.dept-detail-rows{display:flex;flex-direction:column;gap:.5rem}.dept-detail-row{display:flex;justify-content:space-between;gap:.75rem;font-size:.8125rem;color:var(--dept-text-primary)}.dept-detail-label{color:var(--dept-text-secondary)}.dept-detail-value{color:var(--dept-text-primary)}.dept-detail-value.green{color:#059669}.dept-detail-value.yellow{color:#d97706}.dept-detail-value.red{color:#dc2626}.dept-status-badge{display:inline-block;padding:.15rem .5rem;font-size:.7rem;border-radius:9999px;border:1px solid currentColor;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.dept-status-badge.excellent{color:#059669;background:#10b9811a}.dept-status-badge.good{color:#d97706;background:#f59e0b1a}.dept-status-badge.needs-attention{color:#dc2626;background:#ef44441a}.dept-insights-section{background:var(--dept-surface-color);border:1px solid var(--dept-border-color);border-radius:var(--dept-border-radius);box-shadow:var(--dept-shadow-sm);overflow:hidden;animation:fadeInUp .5s ease-out}.dept-insights-header{padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--dept-border-color);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#8b5cf608,#c4b5fd08)}@media (prefers-color-scheme: dark){.dept-insights-header{background:linear-gradient(135deg,#8b5cf60d,#8b5cf605)}}[data-theme=dark] .dept-insights-header{background:linear-gradient(135deg,#8b5cf60d,#8b5cf605)}.dept-insights-header h3{margin:0;font-size:1.05rem;font-weight:700;color:var(--dept-text-primary)}.dept-insights-toggle{padding:.45rem .8rem;font-size:.75rem;background:var(--dept-surface-color);border:1px solid var(--dept-border-color);border-radius:var(--dept-border-radius);color:var(--dept-text-primary);transition:var(--dept-transition);cursor:pointer}.dept-insights-toggle:hover{border-color:var(--dept-primary-color);color:var(--dept-primary-color)}.dept-insights-content{padding:1.5rem}.dept-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.dept-insight-card{background:linear-gradient(135deg,#f9fafb80,#fffc);border:1px solid rgba(229,231,235,.5);border-radius:calc(var(--dept-border-radius) - 4px);padding:1rem 1.25rem;transition:var(--dept-transition)}@media (prefers-color-scheme: dark){.dept-insight-card{background:linear-gradient(135deg,#1e293b4d,#33415533);border:1px solid rgba(51,65,85,.5)}.dept-insight-card:hover{background:linear-gradient(135deg,#1e293b80,#33415566);border-color:var(--dept-border-color)}}[data-theme=dark] .dept-insight-card{background:linear-gradient(135deg,#1e293b4d,#33415533);border:1px solid rgba(51,65,85,.5)}[data-theme=dark] .dept-insight-card:hover{background:linear-gradient(135deg,#1e293b80,#33415566);border-color:var(--dept-border-color)}.dept-insight-card:hover{background:linear-gradient(135deg,#f3f4f6cc,#fff);border-color:var(--dept-border-color);transform:translateY(-2px)}.dept-insight-title{margin:0 0 .75rem;font-size:.9rem;font-weight:700;color:var(--dept-text-primary)}.dept-insight-list{display:flex;flex-direction:column;gap:.5rem;max-height:240px;overflow-y:auto;scrollbar-width:thin}.dept-insight-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--dept-text-primary)}.dept-insight-name{flex:1}.dept-insight-metric{color:var(--dept-text-secondary);font-size:.75rem}.dept-insight-item .text-green-500{color:#059669}.dept-insight-item .text-red-500{color:#dc2626}.dept-insight-item .text-blue-500{color:#3b82f6}.dept-container .recharts-cartesian-grid-horizontal line,.dept-container .recharts-cartesian-grid-vertical line{stroke:var(--dept-border-color);stroke-opacity:.5}.dept-container .recharts-text{fill:var(--dept-text-secondary);font-size:.75rem}.dept-container .recharts-legend-item-text{color:var(--dept-text-primary)!important;font-size:.8125rem!important}.dept-container .recharts-tooltip-wrapper{border-radius:var(--dept-border-radius)!important;box-shadow:var(--dept-shadow-lg)!important}@media (prefers-reduced-motion: reduce){.dept-card,.dept-chart-card,.dept-insights-section{animation:none}.dept-insight-card:hover,.dept-summary-card:hover,.dept-action-btn:hover,.dept-sort-btn:hover{transform:none}}@media (max-width: 1024px){.dept-container{padding:1.5rem}.dept-charts-grid{gap:1.5rem}}@media (max-width: 768px){.dept-container{padding:1rem}.dept-header{flex-direction:column;align-items:flex-start}.dept-search-input{width:100%}.dept-card-header{flex-direction:column;align-items:flex-start}.dept-card-metrics{width:100%;justify-content:space-between}.dept-charts-grid{grid-template-columns:1fr}.dept-chart-wide{grid-column:1}}@media (max-width: 480px){.dept-container{padding:.75rem}.dept-title{font-size:1.25rem}.dept-chart-header h3,.dept-insights-header h3{font-size:1rem}.dept-card-metrics{flex-direction:column;gap:.75rem}}.dept-search-input:focus,.dept-action-btn:focus,.dept-sort-btn:focus,.dept-insights-toggle:focus{outline:2px solid var(--dept-primary-color);outline-offset:2px}.dept-card:focus-within,.dept-chart-card:focus-within,.dept-insights-section:focus-within,.dept-summary-card:focus-within{outline:2px solid var(--dept-primary-color);outline-offset:2px}:root{--background-color: #f5f6f8;--surface-color: #ffffff;--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #6b7280;--border-color: #e5e7eb;--border-radius: 12px;--primary-color: #000000;--primary-hover: #2563eb;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 8px rgba(0,0,0,.08);--shadow-lg: 0 10px 25px rgba(0,0,0,.12);--transition: all .2s ease}.cc-container{padding:2rem;background:var(--background-color);min-height:100vh;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.cc-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;margin-bottom:2rem}.cc-header-left h2{margin:0 0 .25rem;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.cc-header-left p{margin:0;font-size:.875rem;color:var(--text-secondary)}.cc-control-group{display:flex;flex-wrap:wrap;gap:.75rem}.cc-search-wrap{position:relative}.cc-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.cc-search-input{padding:.5rem .75rem .5rem 2.25rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);width:220px;transition:var(--transition)}.cc-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f626}.cc-select{padding:.5rem .75rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);transition:var(--transition);font-size:.875rem}.cc-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f626}.cc-view-buttons{display:flex;gap:.5rem}.cc-view-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .8rem;font-size:.8125rem;font-weight:500;background:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:var(--transition)}.cc-view-btn.active,.cc-view-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#3b82f614}.cc-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.cc-summary-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:.9rem;transition:var(--transition)}.cc-summary-card:hover{box-shadow:var(--shadow-md)}.cc-summary-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.cc-summary-icon.blue{background:#3b82f626;color:#2563eb}.cc-summary-icon.green{background:#10b98126;color:#059669}.cc-summary-icon.purple{background:#8b5cf626;color:#6d28d9}.cc-summary-icon.yellow{background:#f59e0b26;color:#b45309}.cc-summary-icon.red{background:#ef444426;color:#b91c1c}.cc-summary-card h3{margin:0;font-size:1.35rem;font-weight:700;color:var(--text-primary)}.cc-summary-card p{margin:0;font-size:.8125rem;color:var(--text-secondary)}.cc-charts-wrapper{margin-bottom:2.5rem}.cc-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.cc-chart-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition);animation:fadeInUp .5s ease-out}.cc-chart-card:hover{box-shadow:var(--shadow-md)}.cc-chart-header{padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#3b82f608,#93c5fd08)}.cc-chart-header h3{margin:0 0 .25rem;font-size:1.05rem;font-weight:700;color:var(--text-primary)}.cc-chart-header p{margin:0;font-size:.8125rem;color:var(--text-secondary)}.cc-chart-wide{grid-column:1 / -1}.cc-table-wrapper{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden}.cc-table thead{background:#f3f4f699}.cc-table th{text-align:left;padding:.75rem 1.25rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.cc-table th.sortable:hover{background:#f3f4f6}.cc-table td{padding:.75rem 1.25rem;color:var(--text-primary);white-space:nowrap}.cc-table tbody tr:hover{background:#f3f4f699}.cc-sort-icon.desc{transform:rotate(180deg)}.cc-status-badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:9999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid currentColor}.cc-status-badge.green{color:#059669;background:#10b9811f}.cc-status-badge.blue{color:#2563eb;background:#3b82f61f}.cc-status-badge.yellow{color:#d97706;background:#f59e0b1f}.cc-status-badge.red{color:#dc2626;background:#ef44441f}.cc-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:var(--transition);overflow:hidden;animation:fadeInUp .5s ease-out;margin-bottom:1rem}.cc-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cc-card-header{padding:1.5rem 2rem;cursor:pointer;background:var(--surface-color);border-bottom:1px solid var(--border-color);transition:var(--transition)}.cc-card-header:hover{background:#00000005}.cc-card-header-inner{display:grid;grid-template-columns:1fr auto auto;gap:2rem;align-items:center;min-height:60px}.cc-card-title{display:flex;flex-direction:column;gap:.5rem;min-width:0}.cc-card-name{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.4;word-wrap:break-word}.cc-card-sub{margin:0;font-size:.875rem;color:var(--text-secondary);font-weight:500}.cc-card-metrics{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.cc-card-metric{display:flex;flex-direction:column;align-items:flex-end;min-width:80px}.cc-card-metric-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:.25rem}.cc-card-metric-value{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.2}.cc-card-metric-value.green{color:#059669}.cc-card-metric-value.yellow{color:#d97706}.cc-card-metric-value.red{color:#dc2626}.cc-card-details{padding:1.5rem 2rem;border-top:1px solid var(--border-color);background:#00000005}.cc-card-expand-icon{color:var(--text-muted);display:flex;align-items:center;padding:.5rem;border-radius:50%;transition:var(--transition)}.cc-card-expand-icon:hover{background:#0000000d;color:var(--text-primary)}.cc-status-badge{display:inline-flex;align-items:center;padding:.4rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid currentColor;min-width:100px;justify-content:center;white-space:nowrap}.cc-status-badge.green{color:#059669;background:#10b9811f;border-color:#10b9814d}.cc-status-badge.blue{color:#2563eb;background:#3b82f61f;border-color:#3b82f64d}.cc-status-badge.yellow{color:#d97706;background:#f59e0b1f;border-color:#f59e0b4d}.cc-status-badge.red{color:#dc2626;background:#ef44441f;border-color:#ef44444d}.cc-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.cc-detail-title{margin:0 0 .75rem;font-size:.9rem;font-weight:700;color:var(--text-primary)}.cc-detail-rows{display:flex;flex-direction:column;gap:.5rem}.cc-detail-row{display:flex;justify-content:space-between;gap:.75rem;font-size:.8125rem}.cc-detail-label{color:var(--text-secondary)}.cc-detail-value.green{color:#059669}.cc-detail-value.yellow{color:#d97706}.cc-detail-value.red{color:#dc2626}.cc-indicators-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.25rem}.cc-indicator{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--border-radius);font-size:.8125rem;transition:var(--transition)}.cc-indicator.green{background:#10b9811f;color:#059669}.cc-indicator.yellow{background:#f59e0b1f;color:#d97706}.cc-indicator.red{background:#ef44441f;color:#dc2626}.cc-sort-bar{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between;margin-bottom:1rem;padding:1rem 1.25rem;background:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.cc-sort-left{display:flex;flex-wrap:wrap;gap:.35rem .5rem;align-items:center}.cc-sort-right{display:flex;gap:.5rem}.cc-sort-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.cc-sort-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;border-radius:var(--border-radius);border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-secondary);transition:var(--transition)}.cc-sort-btn.active,.cc-sort-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#3b82f614}.cc-expand-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.75rem;border-radius:var(--border-radius);border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-primary);transition:var(--transition)}.cc-expand-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.cc-cards-container{display:flex;flex-direction:column;gap:1rem}.cc-card-expand-icon{color:var(--text-muted);display:flex;align-items:center}.cc-insights{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem;animation:fadeInUp .5s ease-out}.cc-insights h3{margin:0 0 1rem;font-size:1.05rem;font-weight:700;color:var(--text-primary)}.cc-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.cc-insight-block h4{margin:0 0 .5rem;font-size:.85rem;font-weight:700;color:var(--text-primary);display:flex;gap:.35rem;align-items:center}.cc-insight-list{display:flex;flex-direction:column;gap:.5rem;max-height:240px;overflow-y:auto;scrollbar-width:thin}.cc-insight-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border-radius:var(--border-radius);font-size:.8125rem;transition:var(--transition)}.cc-insight-item.green{background:#10b9811f;color:#059669}.cc-insight-item.red{background:#ef44441f;color:#dc2626}.cc-insight-item.blue{background:#3b82f61f;color:#2563eb}.cc-insight-name{flex:1;min-width:0}.cc-insight-metric{font-size:.75rem;color:var(--text-secondary)}.cc-insights-summary{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color);display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;text-align:center}.cc-insights-summary .cc-number{font-size:1.75rem;font-weight:700}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border-color);stroke-opacity:.5}.recharts-text{fill:var(--text-secondary);font-size:.75rem}.recharts-legend-item-text{color:var(--text-primary)!important;font-size:.8125rem!important}.recharts-tooltip-wrapper{border-radius:var(--border-radius)!important;box-shadow:var(--shadow-lg)!important}svg.recharts-surface{overflow:visible}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){:root{--background-color: #0f172a;--surface-color: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--primary-color: #60a5fa;--primary-hover: #3b82f6;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 8px rgba(0,0,0,.5);--shadow-lg: 0 10px 25px rgba(0,0,0,.6)}.cc-view-btn:hover,.cc-sort-btn:hover,.cc-expand-btn:hover{background:#ffffff0d}.cc-view-btn.active,.cc-sort-btn.active{background:#60a5fa26;border-color:var(--primary-color);color:var(--primary-color)}.cc-search-input:focus,.cc-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #60a5fa40}.cc-table thead{background:#33415566}.cc-table th.sortable:hover{background:#33415599}.cc-table tbody tr:hover{background:#3341554d}.cc-chart-header{background:linear-gradient(135deg,#60a5fa0d,#93c5fd0d)}.cc-summary-icon.blue{background:#60a5fa33;color:#60a5fa}.cc-summary-icon.green{background:#34d39933;color:#34d399}.cc-summary-icon.purple{background:#a78bfa33;color:#a78bfa}.cc-summary-icon.yellow{background:#fbbf2433;color:#fbbf24}.cc-summary-icon.red{background:#f8717133;color:#f87171}.cc-card-header:hover{background:#ffffff08}.cc-card-details{background:#0f172a66}.cc-card-expand-icon:hover{background:#ffffff0d}.cc-status-badge.green{color:#34d399;background:#34d39926;border-color:#34d39966}.cc-status-badge.blue{color:#60a5fa;background:#60a5fa26;border-color:#60a5fa66}.cc-status-badge.yellow{color:#fbbf24;background:#fbbf2426;border-color:#fbbf2466}.cc-status-badge.red{color:#f87171;background:#f8717126;border-color:#f8717166}.cc-card-metric-value.green{color:#34d399}.cc-card-metric-value.yellow{color:#fbbf24}.cc-card-metric-value.red{color:#f87171}.cc-detail-value.green{color:#34d399}.cc-detail-value.yellow{color:#fbbf24}.cc-detail-value.red{color:#f87171}.cc-indicator.green{background:#34d39926;color:#34d399}.cc-indicator.yellow{background:#fbbf2426;color:#fbbf24}.cc-indicator.red{background:#f8717126;color:#f87171}.cc-insight-item.green{background:#34d39926;color:#34d399}.cc-insight-item.red{background:#f8717126;color:#f87171}.cc-insight-item.blue{background:#60a5fa26;color:#60a5fa}.cc-insight-list::-webkit-scrollbar{width:6px}.cc-insight-list::-webkit-scrollbar-track{background:#3341554d;border-radius:3px}.cc-insight-list::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:3px}.cc-insight-list::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}}@media (prefers-reduced-motion: reduce){.cc-card,.cc-chart-card,.cc-insights{animation:none}.cc-insight-item:hover,.cc-summary-card:hover,.cc-view-btn:hover,.cc-sort-btn:hover{transform:none}}@media (max-width: 1024px){.cc-container{padding:1.5rem}.cc-charts-grid{gap:1.5rem}}@media (max-width: 768px){.cc-container{padding:1rem}.cc-header{flex-direction:column;align-items:flex-start}.cc-search-input{width:100%}.cc-card-header-inner{flex-direction:column;align-items:flex-start}.cc-card-metrics{width:100%;justify-content:space-between}}@media (max-width: 480px){.cc-container{padding:.75rem}.cc-header-left h2{font-size:1.25rem}.cc-chart-header h3,.cc-insights h3{font-size:1rem}}.cc-table-name{font-weight:600;color:var(--text-primary)}.cc-number.green{color:#059669}.cc-number.yellow{color:#d97706}.cc-number.red{color:#dc2626}@media (prefers-color-scheme: dark){.cc-number.green{color:#34d399}.cc-number.yellow{color:#fbbf24}.cc-number.red{color:#f87171}}.cc-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary)}.cc-loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.cc-error{padding:2rem;text-align:center;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--border-radius);color:#dc2626}@media (prefers-color-scheme: dark){.cc-error{background:#f8717126;border-color:#f871714d;color:#f87171}}.cc-empty-state{text-align:center;padding:48px 24px;background:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.cc-empty-state-icon{color:var(--text-muted);margin-bottom:16px}.cc-empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.cc-empty-state p{margin:0;font-size:14px;color:var(--text-secondary)}.cc-view-btn,.cc-sort-btn,.cc-expand-btn{position:relative;overflow:hidden}.cc-view-btn:before,.cc-sort-btn:before,.cc-expand-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.cc-view-btn:hover:before,.cc-sort-btn:hover:before,.cc-expand-btn:hover:before{left:100%}.cc-tooltip{position:relative;display:inline-block}.cc-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:var(--text-primary);color:var(--surface-color);padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s;z-index:1000}.cc-tooltip:hover:after{opacity:1}@media print{.cc-container{background:#fff!important;box-shadow:none!important}.cc-view-buttons,.cc-sort-bar,.cc-expand-btn{display:none!important}.cc-chart-card,.cc-summary-card,.cc-insights{break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important}}@media (prefers-contrast: high){:root{--border-color: #000000;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 8px rgba(0,0,0,.4)}.cc-summary-icon,.cc-status-badge,.cc-insight-item{border:2px solid currentColor!important}}@media (max-width: 640px){.cc-summary-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.cc-summary-card{padding:1rem}.cc-summary-card h3{font-size:1.125rem}.cc-insights-grid{grid-template-columns:1fr}.cc-insights-summary{grid-template-columns:repeat(2,1fr)}.cc-chart-card{padding:1rem}}.cc-card:focus-within,.cc-chart-card:focus-within,.cc-summary-card:focus-within,.cc-insights:focus-within,.cc-table-wrapper:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}.cc-skeleton{background:linear-gradient(90deg,var(--border-color) 25%,rgba(255,255,255,.1) 50%,var(--border-color) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.cc-skeleton-text{height:1em;border-radius:4px;margin-bottom:.5em}.cc-skeleton-text.short{width:60%}.cc-skeleton-text.medium{width:80%}.cc-skeleton-text.long{width:100%}:root{--var-bg: var(--background-color, #f7f9fc);--var-surface: var(--surface-color, #fff);--var-border: var(--border-color, #e5e7eb);--var-radius: var(--border-radius, 12px);--var-shadow-sm: var(--shadow-sm, 0 1px 2px rgba(0,0,0,.05));--var-shadow-md: var(--shadow-md, 0 4px 6px rgba(0,0,0,.08));--var-shadow-lg: var(--shadow-lg, 0 10px 15px rgba(0,0,0,.1));--var-text-primary: var(--text-primary, #111827);--var-text-secondary: var(--text-secondary, #4b5563);--var-text-muted: var(--text-muted, #6b7280);--var-primary: var(--primary-color, #3B82F6);--var-primary-hover: var(--primary-hover, #2563EB);--var-green: #10B981;--var-yellow: #F59E0B;--var-red: #EF4444;--var-blue: #3B82F6;--var-purple: #8B5CF6;--var-gray: #6B7280}.var-container{padding:2rem;background:var(--var-bg);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.var-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.var-header-left{max-width:720px}.var-title{margin:0;font-size:1.75rem;font-weight:700;color:var(--var-text-primary)}.var-subtitle{margin:.25rem 0 0;font-size:.9rem;color:var(--var-text-secondary)}.var-header-controls{display:flex;flex-wrap:wrap;gap:.75rem}.var-view-modes{display:flex;gap:.5rem;flex-wrap:wrap}.var-view-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.8rem;font-weight:500;color:var(--var-text-secondary);background:var(--var-surface);border:1px solid var(--var-border);border-radius:var(--var-radius);transition:all .15s ease}.var-view-btn:hover{background:#00000008}.var-view-btn.active{color:var(--var-primary);border-color:var(--var-primary);background:#3b82f614}.var-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:3rem}.var-metric-card,.var-metric-card-large{position:relative;background:var(--var-surface);border:1px solid var(--var-border);border-radius:var(--var-radius);padding:1.5rem;box-shadow:var(--var-shadow-sm);transition:transform .15s ease,box-shadow .15s ease;overflow:hidden;animation:fadeInUp .45s ease-out both}.var-metric-card-large{padding:2rem}.var-metric-card:hover,.var-metric-card-large:hover{box-shadow:var(--var-shadow-md);transform:translateY(-2px)}.var-metric-card:before,.var-metric-card-large:before{content:"";position:absolute;inset:0;height:4px;background:linear-gradient(90deg,var(--var-primary),var(--var-primary-hover));opacity:0;transition:opacity .2s ease}.var-metric-card:hover:before,.var-metric-card-large:hover:before{opacity:1}.var-metric-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.var-metric-title{margin:0;font-size:.8rem;font-weight:600;color:var(--var-text-secondary);text-transform:uppercase;letter-spacing:.05em}.var-metric-value{font-size:2rem;font-weight:700;color:var(--var-text-primary);line-height:1.2;margin-bottom:.3rem}.var-metric-card-large .var-metric-value{font-size:2.4rem}.var-metric-subtitle{font-size:.8rem;color:var(--var-text-muted);margin-bottom:.6rem}.var-metric-trend{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:500}.var-metric-card.border-green-200.bg-green-50.text-green-600,.var-metric-card-large.border-green-200.bg-green-50.text-green-600{background:linear-gradient(135deg,#10b9810d,#6ee7b70d);border-color:#10b98126}.var-metric-card.border-red-200.bg-red-50.text-red-600,.var-metric-card-large.border-red-200.bg-red-50.text-red-600{background:linear-gradient(135deg,#ef44440d,#fca5a50d);border-color:#ef444426}.var-metric-card.border-yellow-200.bg-yellow-50.text-yellow-600,.var-metric-card-large.border-yellow-200.bg-yellow-50.text-yellow-600{background:linear-gradient(135deg,#f59e0b0d,#fde68a0d);border-color:#f59e0b26}.var-metric-card.border-blue-200.bg-blue-50.text-blue-600,.var-metric-card-large.border-blue-200.bg-blue-50.text-blue-600{background:linear-gradient(135deg,#3b82f60d,#93c5fd0d);border-color:#3b82f626}.var-metric-card.border-purple-200.bg-purple-50.text-purple-600,.var-metric-card-large.border-purple-200.bg-purple-50.text-purple-600{background:linear-gradient(135deg,#8b5cf60d,#c4b5fd0d);border-color:#8b5cf626}.var-metric-card.border-gray-200.bg-gray-50.text-gray-600,.var-metric-card-large.border-gray-200.bg-gray-50.text-gray-600{background:linear-gradient(135deg,#6b72800d,#d1d5db0d);border-color:#6b728026}.var-overview-section{display:flex;flex-direction:column;gap:2rem}.var-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.var-chart-card{background:var(--var-surface);border:1px solid var(--var-border);border-radius:var(--var-radius);box-shadow:var(--var-shadow-sm);transition:box-shadow .15s ease;overflow:hidden;animation:fadeInUp .45s ease-out both}.var-chart-card:hover{box-shadow:var(--var-shadow-md)}.var-chart-header{padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--var-border);background:linear-gradient(135deg,#3b82f605,#93c5fd05)}.var-chart-header h3{margin:0 0 .2rem;font-size:1.05rem;font-weight:600;color:var(--var-text-primary)}.var-chart-header p{margin:0;font-size:.8rem;color:var(--var-text-secondary)}.var-performance-section{margin-top:2rem}.var-performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.var-performance-card{background:var(--var-surface);border:1px solid var(--var-border);border-radius:var(--var-radius);box-shadow:var(--var-shadow-sm);overflow:hidden;animation:fadeInUp .5s ease-out both}.var-performance-card.best .var-performance-header{background:linear-gradient(135deg,#10b9810d,#6ee7b70d)}.var-performance-card.worst .var-performance-header{background:linear-gradient(135deg,#ef44440d,#fca5a50d)}.var-performance-header{padding:1rem 1.25rem;border-bottom:1px solid var(--var-border);display:flex;align-items:center;justify-content:space-between}.var-performance-title{display:flex;align-items:center;gap:.5rem}.var-performance-title h3{margin:0;font-size:1rem;font-weight:600;color:var(--var-text-primary)}.var-toggle-btn{background:transparent;border:none;padding:.25rem;cursor:pointer;color:var(--var-text-muted);transition:color .15s ease}.var-toggle-btn:hover{color:var(--var-text-primary)}.var-performance-list{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.8rem}.var-job-row{display:grid;grid-template-columns:auto 1fr 2fr auto;gap:.75rem 1rem;align-items:center;padding:.8rem 1rem;border:1px solid rgba(229,231,235,.6);border-radius:calc(var(--var-radius) - 4px);background:linear-gradient(135deg,#f9fafb80,#fffc);transition:transform .15s ease,box-shadow .15s ease}.var-job-row:hover{transform:translate(4px);box-shadow:var(--var-shadow-sm)}.var-job-row.best{border-left:4px solid var(--var-green)}.var-job-row.worst{border-left:4px solid var(--var-red)}.var-job-rank{width:40px;text-align:center}.var-rank-badge{display:inline-block;padding:.25rem .45rem;font-size:.7rem;font-weight:600;border-radius:999px;color:#fff}.var-rank-badge.best{background:var(--var-green)}.var-rank-badge.worst{background:var(--var-red)}.var-job-info{display:flex;flex-direction:column;gap:.2rem}.var-job-number{font-weight:600;color:var(--var-text-primary);font-size:.9rem}.var-job-customer{font-size:.75rem;color:var(--var-text-muted)}.var-job-metrics{display:flex;flex-direction:column;gap:.35rem}.var-job-metric{font-size:.75rem}.var-metric-label{color:var(--var-text-muted);margin-right:.3rem}.var-metric-value{font-weight:600}.var-metric-percent{font-size:.7rem;margin-left:.25rem}.var-metric-percent.excellent{color:var(--var-green)}.var-metric-percent.good{color:#84cc16}.var-metric-percent.fair{color:var(--var-yellow)}.var-metric-percent.poor{color:var(--var-red)}.var-job-status{text-align:right}.var-status-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.var-status-badge.excellent{background:#10b9811a;color:var(--var-green)}.var-status-badge.good{background:#84cc161f;color:#84cc16}.var-status-badge.fair{background:#f59e0b1f;color:var(--var-yellow)}.var-status-badge.poor{background:#ef44441f;color:var(--var-red)}.var-toggles{margin-top:1.25rem;display:flex;gap:1rem;flex-wrap:wrap}.var-show-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.8rem;border:1px solid var(--var-border);background:var(--var-surface);border-radius:var(--var-radius);color:var(--var-text-secondary);transition:background .15s ease}.var-show-btn:hover{background:#0000000a}.var-show-btn.worst{border-color:#ef444459}.var-show-btn.best{border-color:#10b98159}.var-jobs-section{display:flex;flex-direction:column;gap:1.75rem}.var-jobs-controls{display:flex;flex-direction:column;gap:1rem}.var-jobs-filters{display:flex;flex-wrap:wrap;gap:1rem 1.25rem;align-items:center}.var-search{position:relative;flex:1 1 240px}.var-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--var-text-muted)}.var-search-input{width:100%;padding:.55rem .9rem .55rem 2.25rem;border:1px solid var(--var-border);border-radius:var(--var-radius);font-size:.85rem;background:var(--var-surface);color:var(--var-text-primary);transition:border-color .15s ease,box-shadow .15s ease}.var-search-input:focus{outline:none;border-color:var(--var-primary);box-shadow:0 0 0 2px #3b82f626}.var-threshold-control{display:flex;flex-direction:column;gap:.35rem;min-width:220px}.var-threshold-label{font-size:.75rem;color:var(--var-text-secondary)}.var-threshold-slider{width:100%}.var-sort-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.var-sort-label{font-size:.8rem;font-weight:500;color:var(--var-text-secondary)}.var-sort-buttons{display:flex;flex-wrap:wrap;gap:.4rem}.var-sort-btn{padding:.45rem .8rem;font-size:.75rem;border:1px solid var(--var-border);background:var(--var-surface);border-radius:var(--var-radius);color:var(--var-text-secondary);display:inline-flex;align-items:center;gap:.35rem;transition:background .15s ease,border-color .15s ease}.var-sort-btn.active{background:#3b82f614;border-color:var(--var-primary);color:var(--var-primary)}.var-sort-btn:hover{background:#00000008}.var-sort-icon.asc{transform:rotate(0)}.var-sort-icon.desc{transform:rotate(180deg)}.var-jobs-table-container{background:var(--var-surface);border:1px solid var(--var-border);border-radius:var(--var-radius);box-shadow:var(--var-shadow-sm);overflow:hidden}.var-jobs-table{width:100%;border-collapse:collapse;font-size:.8rem}.var-jobs-table thead{background:#f9fafb}.var-jobs-table th{text-align:left;padding:.75rem 1rem;color:var(--var-text-secondary);font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.04em}.var-jobs-table tbody tr{transition:background .1s ease}.var-jobs-table tbody tr:hover{background:#00000005}.var-jobs-table td{padding:.7rem 1rem;color:var(--var-text-primary);border-top:1px solid var(--var-border)}.var-job-table-row .positive{color:var(--var-green)}.var-job-table-row .negative{color:var(--var-red)}.var-table-status-badge{display:inline-flex;padding:.2rem .6rem;border-radius:999px;font-size:.65rem;font-weight:600;text-transform:uppercase}.var-table-status-badge.excellent{background:#10b9811a;color:var(--var-green)}.var-table-status-badge.good{background:#84cc161f;color:#84cc16}.var-table-status-badge.fair{background:#f59e0b1f;color:var(--var-yellow)}.var-table-status-badge.poor{background:#ef44441f;color:var(--var-red)}.var-no-results{padding:3rem 1rem;text-align:center;color:var(--var-text-secondary)}.var-no-results h3{margin:1rem 0 .5rem;font-size:1.05rem;color:var(--var-text-primary)}.var-no-results-icon{color:var(--var-text-muted)}.var-trends-section{display:flex;flex-direction:column;gap:2rem}.var-trend-chart-card{background:var(--var-surface);border:1px solid var(--var-border);border-radius:var(--var-radius);box-shadow:var(--var-shadow-sm);overflow:hidden;animation:fadeInUp .45s ease-out both}.var-trend-insights{margin-top:1.5rem}.var-trend-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.var-trend-insight-card{background:var(--var-surface);border:1px solid var(--var-border);border-radius:var(--var-radius);box-shadow:var(--var-shadow-sm);padding:1.25rem 1.5rem}.var-trend-insight-card h4{margin:0 0 .9rem;font-size:.95rem;font-weight:600;color:var(--var-text-primary)}.var-insight-metrics{display:flex;flex-direction:column;gap:.5rem}.var-insight-metric{display:flex;justify-content:space-between;font-size:.8rem}.var-insight-label{color:var(--var-text-secondary)}.var-insight-value{font-weight:600}.var-insight-value.positive{color:var(--var-green)}.var-insight-value.negative{color:var(--var-red)}.var-target-progress{display:flex;flex-direction:column;gap:.75rem}.var-target-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.var-target-label{flex:0 0 140px;color:var(--var-text-secondary)}.var-progress-bar{flex:1;height:6px;background:#00000014;border-radius:999px;overflow:hidden}.var-progress-fill{height:100%;background:var(--var-blue);border-radius:999px}.var-progress-fill.positive{background:var(--var-green)}.var-progress-percent{width:3rem;text-align:right;font-weight:600}.var-insights-section{display:flex;flex-direction:column;gap:2rem}.var-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.var-insight-card{background:var(--var-surface);border:1px solid var(--var-border);border-radius:var(--var-radius);box-shadow:var(--var-shadow-sm);overflow:hidden;animation:fadeInUp .45s ease-out both}.var-insight-header{padding:1rem 1.25rem;border-bottom:1px solid var(--var-border);background:linear-gradient(135deg,#3b82f605,#93c5fd05)}.var-insight-header h4{margin:0;font-size:.95rem;font-weight:600;color:var(--var-text-primary)}.var-insight-content{padding:1.25rem 1.5rem 1.5rem;font-size:.8rem;color:var(--var-text-primary)}.var-insight-stat{display:flex;flex-direction:column;margin-bottom:.9rem}.var-stat-value{font-size:1.15rem;font-weight:700}.var-stat-value.positive{color:var(--var-green)}.var-stat-value.negative{color:var(--var-red)}.var-stat-label{font-size:.75rem;color:var(--var-text-secondary)}.var-performance-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.9rem}.var-perf-item{background:#00000008;border-radius:var(--var-radius);padding:.65rem .75rem;text-align:center}.var-perf-item.excellent{background:#10b98114;color:var(--var-green)}.var-perf-item.good{background:#84cc161a;color:#84cc16}.var-perf-item.fair{background:#f59e0b1a;color:var(--var-yellow)}.var-perf-item.poor{background:#ef44441a;color:var(--var-red)}.var-perf-count{font-size:1.25rem;font-weight:700;display:block}.var-perf-label{font-size:.7rem;display:block;margin-top:.2rem}.var-perf-percent{font-size:.65rem;opacity:.8}.var-key-metrics{display:flex;flex-direction:column;gap:.75rem}.var-key-metric{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border:1px solid rgba(229,231,235,.6);border-radius:calc(var(--var-radius) - 4px);background:#f9fafb99}.var-metric-icon{font-size:1rem}.var-metric-info{display:flex;flex-direction:column}.var-metric-title{font-size:.75rem;color:var(--var-text-secondary)}.var-metric-value{font-size:.85rem;font-weight:600}.var-metric-value.positive{color:var(--var-green)}.var-metric-value.warning{color:var(--var-yellow)}.var-metric-value.negative{color:var(--var-red)}.var-recommendations{display:flex;flex-direction:column;gap:.6rem}.var-recommendation{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;padding:.6rem .75rem;border-radius:calc(var(--var-radius) - 4px);border:1px solid rgba(229,231,235,.6);background:#f9fafb99}.var-recommendation.critical{border-color:#ef444466;background:#ef444414;color:var(--var-red)}.var-recommendation.warning{border-color:#f59e0b66;background:#f59e0b14;color:var(--var-yellow)}.var-recommendation.info{border-color:#3b82f659;background:#3b82f612;color:var(--var-blue)}.var-recommendation.success{border-color:#10b98159;background:#10b98114;color:var(--var-green)}.var-action-items{margin-top:2rem}.var-action-header h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--var-text-primary)}.var-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.var-action-card{background:var(--var-surface);border:1px solid var(--var-border);border-radius:var(--var-radius);box-shadow:var(--var-shadow-sm);padding:1rem 1.25rem 1.25rem}.var-action-card h4{margin:.25rem 0 .65rem;font-size:.95rem;font-weight:600;color:var(--var-text-primary)}.var-action-card ul{margin:0;padding-left:1.1rem;font-size:.8rem;color:var(--var-text-secondary);line-height:1.45}.var-action-priority{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-block;padding:.2rem .5rem;border-radius:999px;color:#fff}.var-action-card.immediate .var-action-priority{background:var(--var-red)}.var-action-card.short-term .var-action-priority{background:var(--var-yellow);color:#fff}.var-action-card.long-term .var-action-priority{background:var(--var-blue)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--var-border);stroke-opacity:.5}.recharts-text{fill:var(--var-text-secondary);font-size:.72rem}.recharts-legend-item-text{color:var(--var-text-primary)!important;font-size:.8rem!important}.recharts-tooltip-wrapper{border-radius:var(--var-radius);box-shadow:var(--var-shadow-lg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.text-green-500{color:var(--var-green)}.text-green-600{color:#059669}.text-red-500{color:var(--var-red)}.text-red-600{color:#dc2626}.text-gray-500{color:var(--var-text-muted)}@media (max-width: 1024px){.var-container{padding:1.5rem}.var-metrics-grid{gap:1rem;margin-bottom:2rem}.var-charts-grid,.var-performance-grid{gap:1.5rem}}@media (max-width: 768px){.var-container{padding:1rem}.var-metric-card,.var-metric-card-large{padding:1.25rem}.var-metric-value{font-size:1.7rem}.var-metric-card-large .var-metric-value{font-size:2rem}.var-chart-header,.var-insight-header{padding:1rem 1.1rem .8rem}.var-chart-card .recharts-wrapper{padding:0 .3rem}.var-job-row{grid-template-columns:auto 1fr;grid-template-rows:auto auto auto}.var-job-metrics{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;gap:.6rem 1rem}.var-job-status{grid-column:1 / -1;text-align:left}}@media (max-width: 480px){.var-container{padding:.75rem}.var-title{font-size:1.45rem}.var-chart-header h3{font-size:1rem}.var-chart-header p{font-size:.78rem}}@media (prefers-color-scheme: dark){.var-job-row,.var-recommendation{background:linear-gradient(135deg,#1e293b80,#334155cc);border-color:#47556980}.var-job-row:hover{background:#334155e6}.var-chart-header,.var-insight-header{background:linear-gradient(135deg,#3b82f60d,#93c5fd0d)}}@media (prefers-reduced-motion: reduce){.var-metric-card,.var-metric-card-large,.var-chart-card,.var-insight-card,.var-performance-card{animation:none}.var-job-row:hover,.var-metric-card:hover,.var-metric-card-large:hover{transform:none}}.var-view-btn:focus-visible,.var-sort-btn:focus-visible,.var-show-btn:focus-visible,.var-toggle-btn:focus-visible,.var-search-input:focus-visible{outline:2px solid var(--var-primary);outline-offset:2px}:root{--eff-bg: #f7f9fc;--eff-surface: #ffffff;--eff-border: #e5e7eb;--eff-radius: 12px;--eff-shadow-sm: 0 1px 2px rgba(0,0,0,.05);--eff-shadow-md: 0 4px 6px rgba(0,0,0,.08);--eff-shadow-lg: 0 10px 15px rgba(0,0,0,.12);--eff-text-primary: #111827;--eff-text-secondary: #4b5563;--eff-text-muted: #6b7280;--eff-primary: #3B82F6;--eff-primary-hover: #2563EB;--eff-green: #10B981;--eff-blue: #3B82F6;--eff-yellow: #F59E0B;--eff-red: #EF4444;--eff-purple: #8B5CF6;--eff-gray: #6B7280}.eff-container{padding:2rem;background:var(--eff-bg);min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.eff-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.eff-header-left{max-width:720px}.eff-title{margin:0;font-size:1.75rem;font-weight:700;color:var(--eff-text-primary)}.eff-subtitle{margin:.25rem 0 0;font-size:.9rem;color:var(--eff-text-secondary)}.eff-header-controls{display:flex;flex-wrap:wrap;gap:.75rem}.eff-view-modes{display:flex;flex-wrap:wrap;gap:.5rem}.eff-view-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.8rem;font-weight:500;color:var(--eff-text-secondary);background:var(--eff-surface);border:1px solid var(--eff-border);border-radius:var(--eff-radius);transition:all .15s ease}.eff-view-btn:hover{background:#00000008}.eff-view-btn.active{color:var(--eff-primary);border-color:var(--eff-primary);background:#3b82f61a}.eff-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2.5rem}.eff-metric-card,.eff-metric-card-large{position:relative;background:var(--eff-surface);border:1px solid var(--eff-border);border-radius:var(--eff-radius);box-shadow:var(--eff-shadow-sm);padding:1.5rem;transition:transform .15s ease,box-shadow .15s ease;overflow:hidden;animation:effFadeUp .45s ease both}.eff-metric-card-large{padding:2rem}.eff-metric-card:hover,.eff-metric-card-large:hover{transform:translateY(-2px);box-shadow:var(--eff-shadow-md)}.eff-metric-card:before,.eff-metric-card-large:before{content:"";position:absolute;inset:0;height:4px;background:linear-gradient(90deg,var(--eff-primary),var(--eff-primary-hover));opacity:0;transition:opacity .2s}.eff-metric-card:hover:before,.eff-metric-card-large:hover:before{opacity:1}.eff-metric-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.eff-metric-title{margin:0;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--eff-text-secondary)}.eff-metric-value{font-size:2rem;font-weight:700;color:var(--eff-text-primary);line-height:1.2;margin-bottom:.3rem}.eff-metric-card-large .eff-metric-value{font-size:2.35rem}.eff-metric-subtitle{font-size:.8rem;color:var(--eff-text-muted);margin-bottom:.6rem}.eff-metric-trend{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:500}.eff-overview-section,.eff-departments-section,.eff-employees-section,.eff-time-section,.eff-productivity-section{display:flex;flex-direction:column;gap:2rem}.eff-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.eff-chart-card{background:var(--eff-surface);border:1px solid var(--eff-border);border-radius:var(--eff-radius);box-shadow:var(--eff-shadow-sm);overflow:hidden;transition:box-shadow .15s;animation:effFadeUp .45s ease both}.eff-chart-card:hover{box-shadow:var(--eff-shadow-md)}.eff-chart-wide{grid-column:1/-1}.eff-chart-header{padding:1.2rem 1.5rem 1rem;border-bottom:1px solid var(--eff-border);background:linear-gradient(135deg,#3b82f605,#93c5fd05)}.eff-chart-header h3{margin:0 0 .25rem;font-size:1.05rem;font-weight:600;color:var(--eff-text-primary)}.eff-chart-header p{margin:0;font-size:.8rem;color:var(--eff-text-secondary)}.eff-summary-section{margin-top:1.5rem}.eff-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.eff-summary-card{background:var(--eff-surface);border:1px solid var(--eff-border);border-radius:var(--eff-radius);box-shadow:var(--eff-shadow-sm);overflow:hidden;animation:effFadeUp .45s ease both}.eff-summary-card.excellent .eff-summary-header{background:#10b98112}.eff-summary-card.needs-attention .eff-summary-header{background:#ef444412}.eff-summary-card.department-leaders .eff-summary-header{background:#3b82f612}.eff-summary-header{padding:1rem 1.25rem;border-bottom:1px solid var(--eff-border);display:flex;align-items:center;gap:.6rem}.eff-summary-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--eff-text-primary)}.eff-summary-content{padding:1.1rem 1.25rem 1.4rem;font-size:.8rem}.eff-summary-stat{display:flex;align-items:baseline;gap:.4rem;margin-bottom:.9rem}.eff-stat-value{font-size:1.4rem;font-weight:700;color:var(--eff-text-primary)}.eff-stat-label{font-size:.75rem;color:var(--eff-text-secondary)}.eff-summary-list{display:flex;flex-direction:column;gap:.45rem}.eff-summary-item{display:flex;justify-content:space-between;font-size:.8rem;color:var(--eff-text-primary)}.eff-item-name{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eff-item-value{font-weight:600}.eff-dept-table-container{background:var(--eff-surface);border:1px solid var(--eff-border);border-radius:var(--eff-radius);box-shadow:var(--eff-shadow-sm);overflow:hidden}.eff-dept-table{width:100%;border-collapse:collapse;font-size:.8rem}.eff-dept-table thead{background:#f9fafb}.eff-dept-table th{text-align:left;padding:.75rem 1rem;color:var(--eff-text-secondary);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.eff-dept-table td{padding:.75rem 1rem;border-top:1px solid var(--eff-border);color:var(--eff-text-primary)}.eff-dept-table-row:hover{background:#00000005}.eff-efficiency-cell.green{color:var(--eff-green)}.eff-efficiency-cell.blue{color:var(--eff-blue)}.eff-efficiency-cell.yellow{color:var(--eff-yellow)}.eff-efficiency-cell.red{color:var(--eff-red)}.eff-variance-percent{margin-left:.25rem;font-size:.7rem;color:var(--eff-text-muted)}.positive{color:var(--eff-green)}.negative{color:var(--eff-red)}.eff-table-status-badge{display:inline-flex;padding:.18rem .55rem;border-radius:999px;font-size:.65rem;font-weight:600;text-transform:uppercase}.eff-table-status-badge.green{background:#10b9811f;color:var(--eff-green)}.eff-table-status-badge.blue{background:#3b82f61f;color:var(--eff-blue)}.eff-table-status-badge.yellow{background:#f59e0b1f;color:var(--eff-yellow)}.eff-table-status-badge.red{background:#ef44441f;color:var(--eff-red)}.eff-employees-controls{display:flex;flex-direction:column;gap:1rem}.eff-employees-filters{display:flex;flex-wrap:wrap;gap:1rem 1.25rem;align-items:center}.eff-search{position:relative;flex:1 1 240px}.eff-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--eff-text-muted)}.eff-search-input{width:100%;padding:.55rem .9rem .55rem 2.25rem;border:1px solid var(--eff-border);border-radius:var(--eff-radius);background:var(--eff-surface);font-size:.85rem;color:var(--eff-text-primary);transition:border-color .15s,box-shadow .15s}.eff-search-input:focus{outline:none;border-color:var(--eff-primary);box-shadow:0 0 0 2px #3b82f626}.eff-department-filter{padding:.5rem .75rem;border:1px solid var(--eff-border);border-radius:var(--eff-radius);background:var(--eff-surface);font-size:.8rem;color:var(--eff-text-primary)}.eff-threshold-control{display:flex;flex-direction:column;gap:.35rem;min-width:200px}.eff-threshold-label{font-size:.75rem;color:var(--eff-text-secondary)}.eff-threshold-slider{width:100%}.eff-sort-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.eff-sort-label{font-size:.8rem;font-weight:500;color:var(--eff-text-secondary)}.eff-sort-buttons{display:flex;flex-wrap:wrap;gap:.4rem}.eff-sort-btn{padding:.45rem .8rem;font-size:.75rem;border:1px solid var(--eff-border);background:var(--eff-surface);border-radius:var(--eff-radius);color:var(--eff-text-secondary);display:inline-flex;align-items:center;gap:.35rem;transition:background .15s,border-color .15s}.eff-sort-btn:hover{background:#00000008}.eff-sort-btn.active{background:#3b82f617;border-color:var(--eff-primary);color:var(--eff-primary)}.eff-sort-icon.asc{transform:rotate(0)}.eff-sort-icon.desc{transform:rotate(180deg)}.eff-employees-list{width:100%}.eff-employees-grid{display:flex;flex-direction:column;gap:1rem}.eff-employee-row{background:var(--eff-surface);border:1px solid var(--eff-border);border-left:4px solid var(--eff-blue);border-radius:var(--eff-radius);box-shadow:var(--eff-shadow-sm);transition:box-shadow .15s,transform .15s;overflow:hidden;animation:effFadeUp .45s ease both}.eff-employee-row.green{border-left-color:var(--eff-green)}.eff-employee-row.blue{border-left-color:var(--eff-blue)}.eff-employee-row.yellow{border-left-color:var(--eff-yellow)}.eff-employee-row.red{border-left-color:var(--eff-red)}.eff-employee-row:hover{transform:translate(3px);box-shadow:var(--eff-shadow-md)}.eff-employee-header{display:grid;grid-template-columns:auto 1fr 2fr auto;gap:1rem;align-items:center;padding:1rem 1.25rem;cursor:pointer}.eff-employee-rank{width:42px;text-align:center}.eff-rank-badge{display:inline-block;padding:.25rem .45rem;border-radius:999px;font-size:.7rem;font-weight:600;color:#fff;background:var(--eff-blue)}.eff-rank-badge.green{background:var(--eff-green)}.eff-rank-badge.blue{background:var(--eff-blue)}.eff-rank-badge.yellow{background:var(--eff-yellow)}.eff-rank-badge.red{background:var(--eff-red)}.eff-employee-info{display:flex;flex-direction:column;gap:.2rem;overflow:hidden}.eff-employee-name{font-weight:600;color:var(--eff-text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eff-employee-department{font-size:.75rem;color:var(--eff-text-muted)}.eff-employee-metrics{display:flex;gap:1rem;flex-wrap:wrap;font-size:.78rem}.eff-employee-metric{display:flex;flex-direction:column;gap:.15rem}.eff-metric-label{color:var(--eff-text-muted);font-size:.7rem}.eff-metric-value{font-weight:600}.eff-metric-value.green{color:var(--eff-green)}.eff-metric-value.blue{color:var(--eff-blue)}.eff-metric-value.yellow{color:var(--eff-yellow)}.eff-metric-value.red{color:var(--eff-red)}.eff-metric-value.high{color:var(--eff-green)}.eff-metric-value.medium{color:var(--eff-yellow)}.eff-metric-value.low{color:var(--eff-red)}.eff-expand-icon{color:var(--eff-text-muted)}.eff-employee-details{border-top:1px solid var(--eff-border);background:#f9fafb99;padding:1rem 1.25rem 1.25rem}.eff-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem 1.75rem}.eff-detail-section{font-size:.8rem}.eff-section-title{margin:0 0 .6rem;font-size:.8rem;font-weight:600;color:var(--eff-text-secondary);text-transform:uppercase;letter-spacing:.05em}.eff-detail-rows{display:flex;flex-direction:column;gap:.35rem}.eff-detail-row{display:flex;justify-content:space-between;gap:.5rem}.eff-detail-label{color:var(--eff-text-muted)}.eff-detail-value{font-weight:600}.eff-detail-value.positive{color:var(--eff-green)}.eff-detail-value.warning{color:var(--eff-yellow)}.eff-detail-value.negative{color:var(--eff-red)}.eff-rating-badge{display:inline-flex;padding:.2rem .6rem;border-radius:999px;font-size:.65rem;font-weight:600;text-transform:uppercase}.eff-rating-badge.excellent{background:#10b9811f;color:var(--eff-green)}.eff-rating-badge.good{background:#3b82f61f;color:var(--eff-blue)}.eff-rating-badge.poor{background:#ef44441f;color:var(--eff-red)}.eff-performance-indicators{display:flex;flex-direction:column;gap:.6rem;margin-top:.4rem}.eff-indicator{display:flex;gap:.5rem;align-items:flex-start;font-size:.78rem;padding:.55rem .65rem;border:1px solid rgba(229,231,235,.6);border-radius:calc(var(--eff-radius) - 4px);background:#fff9}.eff-indicator.green{border-color:#10b9814d}.eff-indicator.blue{border-color:#3b82f64d}.eff-indicator.yellow{border-color:#f59e0b4d}.eff-indicator.red{border-color:#ef44444d}.eff-indicator.high{border-color:#10b9814d}.eff-indicator.medium{border-color:#f59e0b4d}.eff-indicator.low{border-color:#ef44444d}.eff-indicator-icon{flex:0 0 auto;margin-top:.05rem}.eff-indicator-text strong{font-weight:600}.eff-no-results{padding:3rem 1rem;text-align:center;color:var(--eff-text-secondary)}.eff-no-results h3{margin:1rem 0 .5rem;font-size:1.05rem;color:var(--eff-text-primary)}.eff-no-results-icon{color:var(--eff-text-muted)}.eff-time-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.eff-time-insights{margin-top:1.5rem}.eff-time-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.eff-time-insight-card{background:var(--eff-surface);border:1px solid var(--eff-border);border-radius:var(--eff-radius);box-shadow:var(--eff-shadow-sm);padding:1.25rem 1.5rem;font-size:.8rem}.eff-time-insight-card h4{margin:0 0 .9rem;font-size:.95rem;font-weight:600;color:var(--eff-text-primary)}.eff-insight-metrics{display:flex;flex-direction:column;gap:.5rem}.eff-insight-metric{display:flex;justify-content:space-between}.eff-insight-label{color:var(--eff-text-secondary)}.eff-insight-value{font-weight:600}.eff-insight-value.positive{color:var(--eff-green)}.eff-insight-value.warning{color:var(--eff-yellow)}.eff-insight-value.negative{color:var(--eff-red)}.eff-dept-performance{display:flex;flex-direction:column;gap:.6rem}.eff-dept-performance-item{display:flex;align-items:center;gap:.5rem}.eff-dept-label{font-size:.75rem;color:var(--eff-text-secondary)}.eff-dept-name{font-weight:600;color:var(--eff-text-primary)}.eff-time-breakdown{display:flex;flex-direction:column;gap:.55rem}.eff-time-breakdown-item{display:flex;align-items:center;gap:.5rem;font-size:.78rem}.eff-time-bar{flex:1;height:6px;background:#00000014;border-radius:999px;overflow:hidden}.eff-time-fill{height:100%;background:var(--eff-blue);border-radius:999px}.eff-time-value{width:3.5rem;text-align:right;font-weight:600}.eff-productivity-chart-card{background:var(--eff-surface);border:1px solid var(--eff-border);border-radius:var(--eff-radius);box-shadow:var(--eff-shadow-sm);overflow:hidden;animation:effFadeUp .45s ease both}.eff-productivity-insights{margin-top:1.5rem}.eff-productivity-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.eff-productivity-quadrant{background:var(--eff-surface);border:1px solid var(--eff-border);border-radius:var(--eff-radius);box-shadow:var(--eff-shadow-sm);padding:1.1rem 1.35rem 1.35rem;font-size:.8rem}.eff-quadrant-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem}.eff-quadrant-header h4{margin:0;font-size:.9rem;font-weight:600;color:var(--eff-text-primary)}.eff-quadrant-header p{margin:0;font-size:.72rem;color:var(--eff-text-secondary)}.eff-quadrant-content{display:flex;flex-direction:column;gap:.45rem}.eff-quadrant-item{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.eff-emp-name{font-weight:600;color:var(--eff-text-primary)}.eff-emp-dept{font-size:.7rem;color:var(--eff-text-muted)}.eff-emp-metrics{margin-left:auto;font-size:.72rem;color:var(--eff-text-secondary)}.eff-action-recommendations{margin-top:2rem}.eff-recommendations-header h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--eff-text-primary)}.eff-recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.eff-recommendation-card{background:var(--eff-surface);border:1px solid var(--eff-border);border-radius:var(--eff-radius);box-shadow:var(--eff-shadow-sm);padding:1rem 1.25rem 1.25rem}.eff-recommendation-card h4{margin:.25rem 0 .6rem;font-size:.95rem;font-weight:600;color:var(--eff-text-primary)}.eff-recommendation-card ul{margin:0;padding-left:1.2rem;font-size:.8rem;color:var(--eff-text-secondary);line-height:1.45}.eff-rec-priority{font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.2rem .5rem;border-radius:999px;color:#fff;display:inline-block}.eff-recommendation-card.training .eff-rec-priority{background:var(--eff-blue)}.eff-recommendation-card.process .eff-rec-priority{background:var(--eff-green)}.eff-recommendation-card.quality .eff-rec-priority{background:var(--eff-red)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--eff-border);stroke-opacity:.5}.recharts-text{fill:var(--eff-text-secondary);font-size:.72rem}.recharts-legend-item-text{color:var(--eff-text-primary)!important;font-size:.8rem!important}.recharts-tooltip-wrapper{border-radius:var(--eff-radius);box-shadow:var(--eff-shadow-lg)}@keyframes effFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.eff-container{padding:1.5rem}.eff-charts-grid,.eff-time-charts-grid{gap:1.5rem}}@media (max-width:768px){.eff-container{padding:1rem}.eff-employee-header{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;row-gap:.6rem}.eff-employee-metrics{grid-column:1 / -1;width:100%}}@media (max-width:480px){.eff-container{padding:.75rem}.eff-title{font-size:1.45rem}.eff-chart-header h3{font-size:1rem}.eff-chart-header p{font-size:.78rem}}@media (prefers-color-scheme: dark){:root{--eff-bg:#0f172a;--eff-surface:#1e293b;--eff-border:#334155;--eff-text-primary:#e2e8f0;--eff-text-secondary:#94a3b8;--eff-text-muted:#64748b}.eff-chart-header,.eff-insight-header{background:#3b82f60d}}@media (prefers-reduced-motion: reduce){.eff-metric-card,.eff-metric-card-large,.eff-chart-card,.eff-summary-card,.eff-employee-row,.eff-productivity-chart-card{animation:none;transition:none}.eff-employee-row:hover,.eff-metric-card:hover,.eff-metric-card-large:hover{transform:none}}.eff-view-btn:focus-visible,.eff-sort-btn:focus-visible,.eff-show-btn:focus-visible,.eff-toggle-btn:focus-visible,.eff-search-input:focus-visible,.eff-department-filter:focus-visible{outline:2px solid var(--eff-primary);outline-offset:2px}:root{--cust-bg: #f7f9fc;--cust-surface: #ffffff;--cust-border: #e5e7eb;--cust-radius: 12px;--cust-shadow-sm: 0 1px 2px rgba(0,0,0,.05);--cust-shadow-md: 0 4px 6px rgba(0,0,0,.08);--cust-shadow-lg: 0 10px 15px rgba(0,0,0,.12);--cust-text-primary: #111827;--cust-text-secondary: #4b5563;--cust-text-muted: #6b7280;--cust-primary: #3B82F6;--cust-primary-hover: #2563EB;--cust-green: #10B981;--cust-blue: #3B82F6;--cust-yellow: #F59E0B;--cust-red: #EF4444;--cust-purple: #8B5CF6;--cust-gray: #6B7280;--cust-orange: #F97316}.cust-container{padding:2rem;background:var(--cust-bg);min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cust-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.cust-header-left{max-width:720px}.cust-title{margin:0;font-size:1.75rem;font-weight:700;color:var(--cust-text-primary)}.cust-subtitle{margin:.25rem 0 0;font-size:.9rem;color:var(--cust-text-secondary)}.cust-header-controls{display:flex;flex-wrap:wrap;gap:.75rem}.cust-view-modes{display:flex;flex-wrap:wrap;gap:.5rem}.cust-view-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.8rem;font-weight:500;color:var(--cust-text-secondary);background:var(--cust-surface);border:1px solid var(--cust-border);border-radius:var(--cust-radius);transition:all .15s ease}.cust-view-btn:hover{background:#00000008}.cust-view-btn.active{color:var(--cust-primary);border-color:var(--cust-primary);background:#3b82f61a}.cust-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2.5rem}.cust-metric-card,.cust-metric-card-large{position:relative;background:var(--cust-surface);border:1px solid var(--cust-border);border-radius:var(--cust-radius);box-shadow:var(--cust-shadow-sm);padding:1.5rem;overflow:hidden;transition:transform .15s,box-shadow .15s;animation:custFadeUp .45s ease both}.cust-metric-card-large{padding:2rem}.cust-metric-card:hover,.cust-metric-card-large:hover{transform:translateY(-2px);box-shadow:var(--cust-shadow-md)}.cust-metric-card:before,.cust-metric-card-large:before{content:"";position:absolute;inset:0;height:4px;background:linear-gradient(90deg,var(--cust-primary),var(--cust-primary-hover));opacity:0;transition:opacity .2s}.cust-metric-card:hover:before,.cust-metric-card-large:hover:before{opacity:1}.cust-metric-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.cust-metric-title{margin:0;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--cust-text-secondary)}.cust-metric-value{font-size:2rem;font-weight:700;color:var(--cust-text-primary);line-height:1.2;margin-bottom:.3rem}.cust-metric-card-large .cust-metric-value{font-size:2.35rem}.cust-metric-subtitle{font-size:.8rem;color:var(--cust-text-muted);margin-bottom:.6rem}.cust-metric-trend{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:500}.border-green-200.bg-green-50.text-green-600{background:#10b9810d;border-color:#10b98133;color:#059669}.border-red-200.bg-red-50.text-red-600{background:#ef44440f;border-color:#ef444433;color:#dc2626}.border-yellow-200.bg-yellow-50.text-yellow-600{background:#f59e0b0f;border-color:#f59e0b33;color:#b45309}.border-blue-200.bg-blue-50.text-blue-600{background:#3b82f60f;border-color:#3b82f633;color:#2563eb}.border-purple-200.bg-purple-50.text-purple-600{background:#8b5cf60f;border-color:#8b5cf633;color:#6d28d9}.border-gray-200.bg-gray-50.text-gray-600{background:#6b72800f;border-color:#6b728033;color:#374151}.cust-overview-section,.cust-performance-section,.cust-profitability-section,.cust-relationships-section,.cust-insights-section{display:flex;flex-direction:column;gap:2rem}.cust-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.cust-chart-card{background:var(--cust-surface);border:1px solid var(--cust-border);border-radius:var(--cust-radius);box-shadow:var(--cust-shadow-sm);overflow:hidden;transition:box-shadow .15s;animation:custFadeUp .45s ease both}.cust-chart-card:hover{box-shadow:var(--cust-shadow-md)}.cust-chart-wide{grid-column:1/-1}.cust-chart-header{padding:1.2rem 1.5rem 1rem;border-bottom:1px solid var(--cust-border);background:linear-gradient(135deg,#3b82f605,#93c5fd05)}.cust-chart-header h3{margin:0 0 .25rem;font-size:1.05rem;font-weight:600;color:var(--cust-text-primary)}.cust-chart-header p{margin:0;font-size:.8rem;color:var(--cust-text-secondary)}.cust-tiers-section{margin-top:1.5rem}.cust-tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.cust-tier-card{background:var(--cust-surface);border:1px solid var(--cust-border);border-radius:var(--cust-radius);box-shadow:var(--cust-shadow-sm);padding:1.1rem 1.3rem 1.3rem;animation:custFadeUp .45s ease both}.cust-tier-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.cust-tier-header h3{margin:0;font-size:.95rem;font-weight:600;color:var(--cust-text-primary)}.cust-tier-count{margin-left:auto;background:#0000000d;padding:.15rem .45rem;border-radius:999px;font-size:.7rem;color:var(--cust-text-secondary)}.cust-tier-description{margin:0 0 .75rem;font-size:.75rem;color:var(--cust-text-muted)}.cust-tier-customers{display:flex;flex-direction:column;gap:.4rem;font-size:.8rem}.cust-tier-customer{display:flex;justify-content:space-between;gap:.5rem}.cust-customer-name{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cust-customer-value{font-weight:600}.cust-tier-stats{font-size:.78rem;color:var(--cust-text-secondary)}.cust-tier-stat{display:flex;justify-content:space-between;margin-bottom:.35rem}.cust-stat-label{color:var(--cust-text-muted)}.cust-stat-value{font-weight:600}.cust-stat-value.positive{color:var(--cust-green)}.cust-tier-card.platinum{border-left:4px solid var(--cust-purple)}.cust-tier-card.gold{border-left:4px solid var(--cust-yellow)}.cust-tier-card.silver{border-left:4px solid var(--cust-gray)}.cust-tier-card.bronze{border-left:4px solid var(--cust-orange)}.cust-performance-controls{display:flex;flex-direction:column;gap:1rem}.cust-performance-filters{display:flex;flex-wrap:wrap;gap:1rem 1.25rem;align-items:center}.cust-search{position:relative;flex:1 1 240px}.cust-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--cust-text-muted)}.cust-search-input{width:100%;padding:.55rem .9rem .55rem 2.25rem;border:1px solid var(--cust-border);border-radius:var(--cust-radius);background:var(--cust-surface);font-size:.85rem;color:var(--cust-text-primary);transition:border-color .15s,box-shadow .15s}.cust-search-input:focus{outline:none;border-color:var(--cust-primary);box-shadow:0 0 0 2px #3b82f626}.cust-tier-filter,.cust-profitability-filter{padding:.5rem .75rem;border:1px solid var(--cust-border);border-radius:var(--cust-radius);background:var(--cust-surface);font-size:.8rem;color:var(--cust-text-primary)}.cust-performance-actions{display:flex;gap:.6rem;flex-wrap:wrap}.cust-action-btn{padding:.45rem .85rem;font-size:.75rem;background:var(--cust-surface);border:1px solid var(--cust-border);border-radius:var(--cust-radius);color:var(--cust-text-secondary);transition:background .15s}.cust-action-btn:hover{background:#00000008}.cust-sort-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem}.cust-sort-label{font-size:.8rem;font-weight:500;color:var(--cust-text-secondary)}.cust-sort-buttons{display:flex;flex-wrap:wrap;gap:.4rem}.cust-sort-btn{padding:.45rem .8rem;font-size:.75rem;border:1px solid var(--cust-border);background:var(--cust-surface);border-radius:var(--cust-radius);color:var(--cust-text-secondary);display:inline-flex;align-items:center;gap:.35rem;transition:background .15s,border-color .15s}.cust-sort-btn:hover{background:#00000008}.cust-sort-btn.active{background:#3b82f617;border-color:var(--cust-primary);color:var(--cust-primary)}.cust-sort-icon.asc{transform:rotate(0)}.cust-sort-icon.desc{transform:rotate(180deg)}.cust-customers-container{width:100%}.cust-customers-grid{display:flex;flex-direction:column;gap:1rem}.cust-customer-row{background:var(--cust-surface);border:1px solid var(--cust-border);border-left:4px solid var(--cust-blue);border-radius:var(--cust-radius);box-shadow:var(--cust-shadow-sm);transition:box-shadow .15s,transform .15s;overflow:hidden;animation:custFadeUp .45s ease both}.cust-customer-row.purple{border-left-color:var(--cust-purple)}.cust-customer-row.yellow{border-left-color:var(--cust-yellow)}.cust-customer-row.gray{border-left-color:var(--cust-gray)}.cust-customer-row.orange{border-left-color:var(--cust-orange)}.cust-customer-row.blue{border-left-color:var(--cust-blue)}.cust-customer-row:hover{transform:translate(3px);box-shadow:var(--cust-shadow-md)}.cust-customer-header{display:grid;grid-template-columns:auto 1fr 2fr auto;gap:1rem;align-items:center;padding:1rem 1.25rem;cursor:pointer}.cust-customer-rank{min-width:64px}.cust-rank-badge{display:inline-block;padding:.25rem .45rem;border-radius:999px;font-size:.7rem;font-weight:600;color:#fff;background:var(--cust-blue)}.cust-rank-badge.purple{background:var(--cust-purple)}.cust-rank-badge.yellow{background:var(--cust-yellow)}.cust-rank-badge.gray{background:var(--cust-gray)}.cust-rank-badge.orange{background:var(--cust-orange)}.cust-tier-badge{margin-top:.3rem;display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .45rem;border-radius:999px;font-size:.65rem;font-weight:600;text-transform:uppercase;background:#0000000f;color:var(--cust-text-secondary)}.cust-tier-badge.purple{background:#8b5cf61f;color:var(--cust-purple)}.cust-tier-badge.yellow{background:#f59e0b1f;color:var(--cust-yellow)}.cust-tier-badge.gray{background:#6b728026;color:var(--cust-gray)}.cust-tier-badge.orange{background:#f973161f;color:var(--cust-orange)}.cust-customer-info{display:flex;flex-direction:column;gap:.2rem;overflow:hidden}.cust-customer-name{font-weight:600;color:var(--cust-text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cust-customer-summary{font-size:.75rem;color:var(--cust-text-muted)}.cust-customer-metrics{display:flex;gap:1rem;flex-wrap:wrap;font-size:.78rem}.cust-customer-metric{display:flex;flex-direction:column;gap:.15rem}.cust-metric-label{color:var(--cust-text-muted);font-size:.7rem}.cust-metric-value.neutral{color:var(--cust-text-secondary)}.cust-metric-value.excellent{color:var(--cust-green)}.cust-metric-value.good{color:var(--cust-blue)}.cust-metric-value.fair{color:var(--cust-yellow)}.cust-metric-value.poor{color:var(--cust-red)}.cust-expand-icon{color:var(--cust-text-muted)}.cust-customer-details{border-top:1px solid var(--cust-border);background:#f9fafb99;padding:1rem 1.25rem 1.25rem}.cust-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem 1.75rem}.cust-detail-section{font-size:.8rem}.cust-section-title{margin:0 0 .6rem;font-size:.8rem;font-weight:600;color:var(--cust-text-secondary);text-transform:uppercase;letter-spacing:.05em}.cust-detail-rows{display:flex;flex-direction:column;gap:.35rem}.cust-detail-row{display:flex;justify-content:space-between;gap:.5rem}.cust-detail-label{color:var(--cust-text-muted)}.cust-detail-value{font-weight:600}.cust-detail-value.positive{color:var(--cust-green)}.cust-detail-value.negative{color:var(--cust-red)}.cust-detail-value.excellent{color:var(--cust-green)}.cust-detail-value.good{color:var(--cust-blue)}.cust-detail-value.fair{color:var(--cust-yellow)}.cust-detail-value.poor{color:var(--cust-red)}.cust-tier-display{padding:.18rem .55rem;border-radius:999px;font-size:.65rem;font-weight:600;text-transform:uppercase;background:#0000000f;color:var(--cust-text-secondary)}.cust-tier-display.purple{background:#8b5cf61f;color:var(--cust-purple)}.cust-tier-display.yellow{background:#f59e0b1f;color:var(--cust-yellow)}.cust-tier-display.gray{background:#6b728026;color:var(--cust-gray)}.cust-tier-display.orange{background:#f973161f;color:var(--cust-orange)}.cust-comparison-metrics{display:flex;flex-direction:column;gap:.55rem;margin-top:.35rem}.cust-comparison-item{display:flex;gap:.55rem;align-items:flex-start;padding:.5rem .6rem;border:1px solid rgba(229,231,235,.6);border-radius:calc(var(--cust-radius) - 4px);background:#fff9;font-size:.78rem}.cust-comparison-item.positive{border-color:#10b9814d}.cust-comparison-item.negative{border-color:#ef44444d}.cust-comparison-icon{flex:0 0 auto;margin-top:.05rem}.cust-comparison-text strong{font-weight:600}.cust-comparison-detail{margin-left:.25rem;font-size:.7rem;color:var(--cust-text-muted)}.cust-no-results{padding:3rem 1rem;text-align:center;color:var(--cust-text-secondary)}.cust-no-results h3{margin:1rem 0 .5rem;font-size:1.05rem;color:var(--cust-text-primary)}.cust-no-results-icon{color:var(--cust-text-muted)}.cust-profitability-quadrants{margin-top:1.5rem}.cust-quadrants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.cust-quadrant{background:var(--cust-surface);border:1px solid var(--cust-border);border-radius:var(--cust-radius);box-shadow:var(--cust-shadow-sm);padding:1.1rem 1.35rem 1.35rem;font-size:.8rem}.cust-quadrant-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem}.cust-quadrant-header h4{margin:0;font-size:.9rem;font-weight:600;color:var(--cust-text-primary)}.cust-quadrant-header p{margin:0;font-size:.72rem;color:var(--cust-text-secondary)}.cust-quadrant-content{display:flex;flex-direction:column;gap:.45rem}.cust-quadrant-item{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.cust-cust-name{font-weight:600;color:var(--cust-text-primary)}.cust-cust-metrics{margin-left:auto;font-size:.72rem;color:var(--cust-text-secondary)}.cust-relationship-insights{margin-top:1.5rem}.cust-relationship-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.cust-relationship-insight-card{background:var(--cust-surface);border:1px solid var(--cust-border);border-radius:var(--cust-radius);box-shadow:var(--cust-shadow-sm);padding:1.25rem 1.5rem;font-size:.8rem}.cust-relationship-insight-card h4{margin:0 0 .9rem;font-size:.95rem;font-weight:600;color:var(--cust-text-primary)}.cust-loyalty-metrics,.cust-growth-opportunities{display:flex;flex-direction:column;gap:.5rem}.cust-loyalty-metric,.cust-growth-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.cust-loyalty-label,.cust-growth-label{color:var(--cust-text-secondary);font-size:.75rem}.cust-loyalty-value,.cust-growth-count{font-weight:600;color:var(--cust-text-primary)}.cust-loyalty-value.positive{color:var(--cust-green)}.cust-risk-analysis{display:flex;flex-direction:column;gap:.55rem}.cust-risk-item{display:flex;align-items:center;gap:.5rem;font-size:.78rem;padding:.45rem .6rem;border:1px solid rgba(239,68,68,.25);border-radius:calc(var(--cust-radius) - 4px);background:#ef44440d}.cust-risk-details{flex:1}.cust-risk-name{font-weight:600;color:var(--cust-text-primary)}.cust-risk-reason{font-size:.7rem;color:var(--cust-text-muted)}.cust-risk-value{font-weight:600;color:var(--cust-red)}.cust-strategic-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.cust-strategic-insight-card{background:var(--cust-surface);border:1px solid var(--cust-border);border-radius:var(--cust-radius);box-shadow:var(--cust-shadow-sm);padding:1.25rem 1.5rem;font-size:.8rem}.cust-insight-header h4{margin:0 0 .8rem;font-size:.95rem;font-weight:600;color:var(--cust-text-primary)}.cust-insight-content{display:flex;flex-direction:column;gap:.75rem}.cust-insight-stat{display:flex;align-items:baseline;gap:.4rem}.cust-stat-value{font-size:1.4rem;font-weight:700;color:var(--cust-text-primary)}.cust-stat-label{font-size:.75rem;color:var(--cust-text-secondary)}.cust-insight-recommendations{display:flex;flex-direction:column;gap:.45rem}.cust-recommendation{display:flex;gap:.45rem;align-items:flex-start;font-size:.78rem;padding:.45rem .55rem;border-radius:calc(var(--cust-radius) - 4px)}.cust-recommendation.warning{background:#f59e0b1a;color:#b45309}.cust-recommendation.success{background:#10b9811a;color:#047857}.cust-profitability-breakdown{display:flex;flex-direction:column;gap:.5rem;font-size:.8rem}.cust-profit-segment{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border-radius:calc(var(--cust-radius) - 6px)}.cust-profit-segment.excellent{background:#10b98114}.cust-profit-segment.good{background:#3b82f614}.cust-profit-segment.fair{background:#f59e0b14}.cust-profit-segment.poor{background:#ef444414}.cust-segment-count{font-weight:700;color:var(--cust-text-primary)}.cust-segment-label{flex:1;color:var(--cust-text-secondary)}.cust-segment-percent{font-size:.75rem;color:var(--cust-text-muted)}.cust-key-metrics{display:flex;flex-direction:column;gap:.6rem}.cust-key-metric{display:flex;gap:.6rem}.cust-metric-icon{flex:0 0 auto}.cust-metric-info{display:flex;flex-direction:column;gap:.15rem}.cust-metric-title{font-size:.75rem;color:var(--cust-text-secondary)}.cust-metric-value{font-weight:600}.cust-metric-value.positive{color:var(--cust-green)}.cust-metric-value.warning{color:var(--cust-yellow)}.cust-metric-value.negative{color:var(--cust-red)}.cust-action-items{margin-top:2rem}.cust-action-header h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--cust-text-primary)}.cust-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.cust-action-card{background:var(--cust-surface);border:1px solid var(--cust-border);border-radius:var(--cust-radius);box-shadow:var(--cust-shadow-sm);padding:1rem 1.25rem 1.25rem}.cust-action-card h4{margin:.25rem 0 .6rem;font-size:.95rem;font-weight:600;color:var(--cust-text-primary)}.cust-action-card ul{margin:0;padding-left:1.2rem;font-size:.8rem;color:var(--cust-text-secondary);line-height:1.45}.cust-action-priority{font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.2rem .5rem;border-radius:999px;color:#fff;display:inline-block}.cust-action-card.immediate .cust-action-priority{background:var(--cust-red)}.cust-action-card.short-term .cust-action-priority{background:var(--cust-yellow)}.cust-action-card.long-term .cust-action-priority{background:var(--cust-blue)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--cust-border);stroke-opacity:.5}.recharts-text{fill:var(--cust-text-secondary);font-size:.72rem}.recharts-legend-item-text{color:var(--cust-text-primary)!important;font-size:.8rem!important}.recharts-tooltip-wrapper{border-radius:var(--cust-radius);box-shadow:var(--cust-shadow-lg)}@keyframes custFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.cust-container{padding:1.5rem}.cust-charts-grid{gap:1.5rem}}@media (max-width:768px){.cust-container{padding:1rem}.cust-customer-header{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;row-gap:.6rem}.cust-customer-metrics{grid-column:1 / -1;width:100%}}@media (max-width:480px){.cust-container{padding:.75rem}.cust-title{font-size:1.45rem}.cust-chart-header h3{font-size:1rem}.cust-chart-header p{font-size:.78rem}}@media (prefers-color-scheme: dark){:root{--cust-bg: #0f172a;--cust-surface: #1e293b;--cust-border: #334155;--cust-shadow-sm: 0 1px 2px rgba(0,0,0,.3);--cust-shadow-md: 0 4px 6px rgba(0,0,0,.4);--cust-shadow-lg: 0 10px 15px rgba(0,0,0,.5);--cust-text-primary: #f1f5f9;--cust-text-secondary: #cbd5e1;--cust-text-muted: #94a3b8;--cust-primary: #60a5fa;--cust-primary-hover: #3b82f6;--cust-green: #34d399;--cust-blue: #60a5fa;--cust-yellow: #fbbf24;--cust-red: #f87171;--cust-purple: #a78bfa;--cust-gray: #9ca3af;--cust-orange: #fb923c}.cust-view-btn:hover,.cust-action-btn:hover,.cust-sort-btn:hover{background:#ffffff0d}.cust-view-btn.active,.cust-sort-btn.active{background:#60a5fa26}.cust-tier-count,.cust-tier-badge{background:#ffffff1a}.cust-tier-badge.purple{background:#a78bfa33;color:var(--cust-purple)}.cust-tier-badge.yellow{background:#fbbf2433;color:var(--cust-yellow)}.cust-tier-badge.gray{background:#9ca3af33;color:var(--cust-gray)}.cust-tier-badge.orange{background:#fb923c33;color:var(--cust-orange)}.cust-tier-display{background:#ffffff1a}.cust-tier-display.purple{background:#a78bfa33;color:var(--cust-purple)}.cust-tier-display.yellow{background:#fbbf2433;color:var(--cust-yellow)}.cust-tier-display.gray{background:#9ca3af33;color:var(--cust-gray)}.cust-tier-display.orange{background:#fb923c33;color:var(--cust-orange)}.cust-customer-details{background:#0f172a99}.cust-comparison-item{border-color:#334155cc;background:#1e293b99}.cust-comparison-item.positive{border-color:#34d39966}.cust-comparison-item.negative{border-color:#f8717166}.cust-comparison-metrics .cust-comparison-item{background:#1e293bcc}.cust-chart-header{background:linear-gradient(135deg,#60a5fa0d,#93c5fd0d)}.border-green-200.bg-green-50.text-green-600{background:#34d3991a;border-color:#34d3994d;color:#34d399}.border-red-200.bg-red-50.text-red-600{background:#f871711a;border-color:#f871714d;color:#f87171}.border-yellow-200.bg-yellow-50.text-yellow-600{background:#fbbf241a;border-color:#fbbf244d;color:#fbbf24}.border-blue-200.bg-blue-50.text-blue-600{background:#60a5fa1a;border-color:#60a5fa4d;color:#60a5fa}.border-purple-200.bg-purple-50.text-purple-600{background:#a78bfa1a;border-color:#a78bfa4d;color:#a78bfa}.border-gray-200.bg-gray-50.text-gray-600{background:#9ca3af1a;border-color:#9ca3af4d;color:#9ca3af}.cust-recommendation.warning{background:#fbbf2426;color:#fbbf24}.cust-recommendation.success{background:#34d39926;color:#34d399}.cust-profit-segment.excellent{background:#34d39926}.cust-profit-segment.good{background:#60a5fa26}.cust-profit-segment.fair{background:#fbbf2426}.cust-profit-segment.poor{background:#f8717126}.cust-risk-item{border-color:#f8717166;background:#f871711a}.cust-search-input:focus{border-color:var(--cust-primary);box-shadow:0 0 0 2px #60a5fa40}}@media (prefers-reduced-motion: reduce){.cust-metric-card,.cust-metric-card-large,.cust-chart-card,.cust-tier-card,.cust-customer-row,.cust-strategic-insight-card{animation:none;transition:none}.cust-customer-row:hover,.cust-metric-card:hover,.cust-metric-card-large:hover{transform:none}}.cust-view-btn:focus-visible,.cust-sort-btn:focus-visible,.cust-action-btn:focus-visible,.cust-search-input:focus-visible,.cust-tier-filter:focus-visible,.cust-profitability-filter:focus-visible{outline:2px solid var(--cust-primary);outline-offset:2px}:root{--trends-bg: #f8fafc;--trends-surface: #ffffff;--trends-surface-secondary: #f9fafb;--trends-border: #e5e7eb;--trends-border-light: #f3f4f6;--trends-radius: 8px;--trends-radius-large: 12px;--trends-shadow-sm: 0 1px 3px rgba(0,0,0,.1);--trends-shadow-md: 0 8px 25px rgba(0,0,0,.1);--trends-shadow-lg: 0 12px 32px rgba(0,0,0,.12);--trends-transition: all .2s ease;--trends-text-primary: #111827;--trends-text-secondary: #374151;--trends-text-muted: #6b7280;--trends-text-light: #9ca3af;--trends-primary: #3b82f6;--trends-primary-hover: #2563eb;--trends-primary-light: rgba(59, 130, 246, .1);--trends-success: #059669;--trends-success-bg: #f0fdf4;--trends-success-border: #d1fae5;--trends-success-text: #065f46;--trends-danger: #dc2626;--trends-danger-bg: #fef2f2;--trends-danger-border: #fecaca;--trends-danger-text: #991b1b;--trends-warning: #d97706;--trends-warning-bg: #fffbeb;--trends-warning-border: #fde68a;--trends-warning-text: #92400e;--trends-info: #1e40af;--trends-info-bg: #eff6ff;--trends-info-border: #bfdbfe;--trends-info-text: #1e40af;--trends-purple: #7c2d12;--trends-purple-bg: #faf5ff;--trends-purple-border: #e9d5ff;--trends-gray: #374151;--trends-gray-bg: #f9fafb;--trends-gray-border: #e5e7eb}.trends-container{padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--trends-bg);min-height:100vh;color:var(--trends-text-primary)}.trends-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;background:var(--trends-surface);border-radius:var(--trends-radius-large);border:1px solid var(--trends-border)}.trends-no-data-icon{color:var(--trends-text-light);margin-bottom:16px}.trends-no-data h3{font-size:18px;font-weight:600;color:var(--trends-text-primary);margin:0 0 8px}.trends-no-data p{color:var(--trends-text-muted);margin:0}.trends-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:24px}.trends-header-left{flex:1}.trends-title{font-size:28px;font-weight:700;color:var(--trends-text-primary);margin:0 0 4px}.trends-subtitle{color:var(--trends-text-muted);font-size:14px;margin:0}.trends-header-controls{display:flex;gap:16px;align-items:center}.trends-view-modes{display:flex;gap:8px;background:var(--trends-surface);border-radius:var(--trends-radius);padding:4px;border:1px solid var(--trends-border);box-shadow:var(--trends-shadow-sm)}.trends-view-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;background:transparent;border-radius:6px;font-size:13px;font-weight:500;color:var(--trends-text-muted);cursor:pointer;transition:var(--trends-transition)}.trends-view-btn:hover{background:var(--trends-surface-secondary);color:var(--trends-text-secondary)}.trends-view-btn.active{background:var(--trends-primary);color:#fff;box-shadow:0 2px 4px #3b82f64d}.trends-controls{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--trends-surface-secondary);border-radius:var(--trends-radius);margin-bottom:24px;gap:16px;flex-wrap:wrap;border:1px solid var(--trends-border)}.trends-time-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.trends-time-range,.trends-chart-controls{display:flex;align-items:center;gap:8px}.trends-control-label{font-size:13px;font-weight:500;color:var(--trends-text-secondary)}.trends-select{padding:6px 12px;border:1px solid var(--trends-border);border-radius:6px;font-size:13px;background:var(--trends-surface);color:var(--trends-text-secondary);transition:var(--trends-transition)}.trends-select:focus{outline:none;border-color:var(--trends-primary);box-shadow:0 0 0 3px var(--trends-primary-light)}.trends-custom-range{display:flex;align-items:center;gap:8px}.trends-date-input{padding:6px 10px;border:1px solid var(--trends-border);border-radius:6px;font-size:13px;background:var(--trends-surface);color:var(--trends-text-secondary);transition:var(--trends-transition)}.trends-date-input:focus{outline:none;border-color:var(--trends-primary);box-shadow:0 0 0 3px var(--trends-primary-light)}.trends-date-separator{font-size:13px;color:var(--trends-text-muted)}.trends-analysis-controls{display:flex;align-items:center;gap:16px}.trends-moving-average{display:flex;align-items:center;gap:8px}.trends-checkbox-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--trends-text-secondary);cursor:pointer}.trends-checkbox{width:16px;height:16px;accent-color:var(--trends-primary)}.trends-select-small{padding:4px 8px;border:1px solid var(--trends-border);border-radius:4px;font-size:12px;background:var(--trends-surface);color:var(--trends-text-secondary)}.trends-animate-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--trends-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:var(--trends-transition);box-shadow:0 2px 4px #3b82f64d}.trends-animate-btn:hover:not(:disabled){background:var(--trends-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f666}.trends-animate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.trends-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.trends-metric-card{padding:16px;border-radius:var(--trends-radius);border:2px solid;background:var(--trends-surface);transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.trends-metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:currentColor;opacity:.3}.trends-metric-card:hover{transform:translateY(-2px);box-shadow:var(--trends-shadow-md)}.trends-metric-card-large{padding:20px;border-radius:10px;border:2px solid;background:var(--trends-surface);transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.trends-metric-card-large:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:currentColor;opacity:.3}.trends-metric-card-large:hover{transform:translateY(-2px);box-shadow:var(--trends-shadow-lg)}.trends-color-green{border-color:var(--trends-success-border);background:var(--trends-success-bg);color:var(--trends-success-text)}.trends-color-red{border-color:var(--trends-danger-border);background:var(--trends-danger-bg);color:var(--trends-danger-text)}.trends-color-yellow{border-color:var(--trends-warning-border);background:var(--trends-warning-bg);color:var(--trends-warning-text)}.trends-color-blue{border-color:var(--trends-info-border);background:var(--trends-info-bg);color:var(--trends-info-text)}.trends-color-purple{border-color:var(--trends-purple-border);background:var(--trends-purple-bg);color:var(--trends-purple)}.trends-color-gray{border-color:var(--trends-gray-border);background:var(--trends-gray-bg);color:var(--trends-gray)}.trends-metric-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.trends-metric-title{font-size:14px;font-weight:600;margin:0}.trends-metric-value{font-size:24px;font-weight:700;margin-bottom:4px;line-height:1.2}.trends-metric-card-large .trends-metric-value{font-size:32px}.trends-metric-subtitle{font-size:12px;color:var(--trends-text-muted);margin-bottom:8px}.trends-metric-trend{display:flex;align-items:center;gap:4px;font-size:12px}.trends-trend-positive{color:var(--trends-success);font-weight:600}.trends-trend-negative{color:var(--trends-danger);font-weight:600}.trends-trend-label{color:var(--trends-text-muted)}.trends-trend-up{color:var(--trends-success)}.trends-trend-down{color:var(--trends-danger)}.trends-trend-neutral{color:var(--trends-primary)}.trends-main-chart-card,.trends-chart-card,.trends-revenue-chart-card,.trends-efficiency-chart-card,.trends-comparative-chart-card,.trends-correlation-chart-card,.trends-forecast-chart-card{background:var(--trends-surface);border-radius:var(--trends-radius-large);padding:24px;border:1px solid var(--trends-border);box-shadow:var(--trends-shadow-sm);margin-bottom:24px;transition:var(--trends-transition)}.trends-main-chart-card:hover,.trends-chart-card:hover,.trends-revenue-chart-card:hover,.trends-efficiency-chart-card:hover,.trends-comparative-chart-card:hover,.trends-correlation-chart-card:hover,.trends-forecast-chart-card:hover{box-shadow:var(--trends-shadow-md)}.trends-chart-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--trends-border-light)}.trends-chart-header h3{font-size:18px;font-weight:600;color:var(--trends-text-primary);margin:0 0 4px}.trends-chart-header p{color:var(--trends-text-muted);font-size:14px;margin:0 0 16px}.trends-metric-toggles{display:flex;gap:8px;flex-wrap:wrap}.trends-metric-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--trends-border);border-radius:6px;background:var(--trends-surface);font-size:12px;font-weight:500;color:var(--trends-text-secondary);cursor:pointer;transition:var(--trends-transition)}.trends-metric-toggle:hover{background:var(--trends-surface-secondary);border-color:var(--trends-primary)}.trends-metric-toggle.active{background:var(--trends-primary-light);border-color:var(--trends-primary);color:var(--trends-info-text)}.trends-metric-color{width:12px;height:12px;border-radius:50%;border:2px solid currentColor}.trends-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:24px}.trends-overview-section>*:not(:last-child){margin-bottom:24px}.trends-revenue-section>*:not(:last-child),.trends-efficiency-section>*:not(:last-child),.trends-comparative-section>*:not(:last-child),.trends-forecasting-section>*:not(:last-child){margin-bottom:24px}.trends-revenue-breakdown{margin-top:24px}.trends-breakdown-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.trends-breakdown-card{background:var(--trends-surface);border-radius:var(--trends-radius);padding:20px;border:1px solid var(--trends-border);box-shadow:var(--trends-shadow-sm);transition:var(--trends-transition)}.trends-breakdown-card:hover{box-shadow:var(--trends-shadow-md)}.trends-breakdown-card h4{font-size:16px;font-weight:600;color:var(--trends-text-primary);margin:0 0 16px}.trends-efficiency-analysis{margin-top:24px}.trends-efficiency-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.trends-efficiency-insight-card{background:var(--trends-surface);border-radius:var(--trends-radius);padding:20px;border:1px solid var(--trends-border);box-shadow:var(--trends-shadow-sm);transition:var(--trends-transition)}.trends-efficiency-insight-card:hover{box-shadow:var(--trends-shadow-md)}.trends-efficiency-insight-card h4{font-size:16px;font-weight:600;color:var(--trends-text-primary);margin:0 0 16px}.trends-efficiency-metrics>*:not(:last-child){margin-bottom:12px}.trends-eff-metric{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--trends-border-light)}.trends-eff-metric:last-child{border-bottom:none}.trends-eff-label{font-size:13px;color:var(--trends-text-muted)}.trends-eff-value{font-weight:600;font-size:14px;color:var(--trends-text-primary)}.trends-eff-value.positive{color:var(--trends-success)}.trends-eff-value.negative{color:var(--trends-danger)}.trends-eff-value.warning{color:var(--trends-warning)}.trends-target-progress>*:not(:last-child){margin-bottom:16px}.trends-target-item{display:flex;align-items:center;gap:12px}.trends-target-label{font-size:13px;color:var(--trends-text-secondary);min-width:120px}.trends-progress-bar{flex:1;height:8px;background:var(--trends-border);border-radius:4px;overflow:hidden}.trends-progress-fill{height:100%;background:var(--trends-primary);transition:width .3s ease;position:relative}.trends-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.trends-progress-fill.excellence{background:var(--trends-success)}.trends-progress-percent{font-size:12px;font-weight:600;color:var(--trends-text-secondary);min-width:35px;text-align:right}.trends-correlation-section{margin-top:24px}.trends-comparison-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.trends-comparison-table{background:var(--trends-surface);border-radius:var(--trends-radius);padding:20px;border:1px solid var(--trends-border);box-shadow:var(--trends-shadow-sm);transition:var(--trends-transition)}.trends-comparison-table:hover{box-shadow:var(--trends-shadow-md)}.trends-comparison-table h4{font-size:16px;font-weight:600;color:var(--trends-text-primary);margin:0 0 16px}.trends-ranking-list>*:not(:last-child){margin-bottom:8px}.trends-ranking-item{display:flex;align-items:center;gap:12px;padding:8px 0}.trends-rank-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:11px;font-weight:700;color:#fff}.trends-rank-badge.top{background:var(--trends-success)}.trends-rank-badge.good{background:var(--trends-primary)}.trends-rank-badge.average{background:var(--trends-text-muted)}.trends-rank-month{flex:1;font-size:13px;color:var(--trends-text-secondary)}.trends-rank-value{font-size:13px;font-weight:600;color:var(--trends-text-primary)}.trends-insights-summary{margin-top:24px}.trends-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.trends-insight-card{background:var(--trends-surface);border-radius:var(--trends-radius);padding:20px;border:1px solid var(--trends-border);box-shadow:var(--trends-shadow-sm);transition:var(--trends-transition)}.trends-insight-card:hover{box-shadow:var(--trends-shadow-md)}.trends-insight-card h4{font-size:16px;font-weight:600;color:var(--trends-text-primary);margin:0 0 16px}.trends-insight-metrics>*:not(:last-child){margin-bottom:12px}.trends-insight-metric{display:flex;flex-direction:column;gap:4px}.trends-insight-label{font-size:12px;color:var(--trends-text-muted)}.trends-insight-value{font-weight:600;font-size:14px;color:var(--trends-text-primary)}.trends-insight-value.positive{color:var(--trends-success)}.trends-insight-value.negative{color:var(--trends-danger)}.trends-performance-highlights>*:not(:last-child){margin-bottom:12px}.trends-highlight-item{display:flex;align-items:center;gap:8px}.trends-highlight-icon{flex-shrink:0}.trends-highlight-label{font-size:12px;color:var(--trends-text-muted);display:block}.trends-highlight-value{font-weight:600;font-size:13px;color:var(--trends-text-primary);display:block}.trends-key-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.trends-key-stat{text-align:center;padding:12px;background:var(--trends-surface-secondary);border-radius:6px;border:1px solid var(--trends-border-light);transition:var(--trends-transition)}.trends-key-stat:hover{background:var(--trends-surface);box-shadow:var(--trends-shadow-sm)}.trends-stat-value{display:block;font-size:18px;font-weight:700;color:var(--trends-text-primary);margin-bottom:4px}.trends-stat-label{font-size:11px;color:var(--trends-text-muted);text-transform:uppercase;letter-spacing:.05em}.trends-forecast-insights{margin-top:24px}.trends-forecast-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.trends-forecast-insight-card{background:var(--trends-surface);border-radius:var(--trends-radius);padding:20px;border:1px solid var(--trends-border);box-shadow:var(--trends-shadow-sm);transition:var(--trends-transition)}.trends-forecast-insight-card:hover{box-shadow:var(--trends-shadow-md)}.trends-forecast-insight-card h4{font-size:16px;font-weight:600;color:var(--trends-text-primary);margin:0 0 16px}.trends-forecast-summary{margin-bottom:12px}.trends-forecast-metric{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--trends-border-light)}.trends-forecast-metric:last-child{border-bottom:none}.trends-forecast-label{font-size:13px;color:var(--trends-text-muted)}.trends-forecast-value{font-weight:600;font-size:14px;color:var(--trends-text-primary)}.trends-forecast-value.positive{color:var(--trends-success)}.trends-forecast-value.negative{color:var(--trends-danger)}.trends-trend-predictions{margin-bottom:16px}.trends-prediction-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.trends-prediction-icon{flex-shrink:0;margin-top:2px}.trends-prediction-text{font-size:13px;line-height:1.5;color:var(--trends-text-secondary)}.trends-risk-factors{margin-bottom:12px}.trends-risk-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--trends-text-secondary);line-height:1.4;margin-bottom:8px}.trends-risk-icon{flex-shrink:0;margin-top:1px;color:var(--trends-warning)}.animating{animation:pulse 2s ease-in-out infinite}@media (prefers-color-scheme: dark){:root{--trends-bg: #0f172a;--trends-surface: #1e293b;--trends-surface-secondary: #334155;--trends-border: #475569;--trends-border-light: #64748b;--trends-shadow-sm: 0 1px 3px rgba(0,0,0,.4);--trends-shadow-md: 0 8px 25px rgba(0,0,0,.3);--trends-shadow-lg: 0 12px 32px rgba(0,0,0,.4);--trends-text-primary: #f1f5f9;--trends-text-secondary: #cbd5e1;--trends-text-muted: #94a3b8;--trends-text-light: #64748b;--trends-primary: #60a5fa;--trends-primary-hover: #3b82f6;--trends-primary-light: rgba(96, 165, 250, .15);--trends-success: #34d399;--trends-success-bg: rgba(52, 211, 153, .1);--trends-success-border: rgba(52, 211, 153, .3);--trends-success-text: #34d399;--trends-danger: #f87171;--trends-danger-bg: rgba(248, 113, 113, .1);--trends-danger-border: rgba(248, 113, 113, .3);--trends-danger-text: #f87171;--trends-warning: #fbbf24;--trends-warning-bg: rgba(251, 191, 36, .1);--trends-warning-border: rgba(251, 191, 36, .3);--trends-warning-text: #fbbf24;--trends-info: #60a5fa;--trends-info-bg: rgba(96, 165, 250, .1);--trends-info-border: rgba(96, 165, 250, .3);--trends-info-text: #60a5fa;--trends-purple: #a78bfa;--trends-purple-bg: rgba(167, 139, 250, .1);--trends-purple-border: rgba(167, 139, 250, .3);--trends-gray: #9ca3af;--trends-gray-bg: rgba(156, 163, 175, .1);--trends-gray-border: rgba(156, 163, 175, .3)}.trends-view-btn:hover,.trends-metric-toggle:hover{background:#ffffff0d}.trends-progress-fill:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.trends-select,.trends-date-input,.trends-select-small{background:var(--trends-surface);border-color:var(--trends-border);color:var(--trends-text-primary)}.trends-select:focus,.trends-date-input:focus{border-color:var(--trends-primary);box-shadow:0 0 0 3px #60a5fa33}.trends-checkbox{filter:brightness(1.2)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--trends-border);stroke-opacity:.3}.recharts-text{fill:var(--trends-text-muted)}.recharts-legend-item-text{color:var(--trends-text-primary)!important}.recharts-tooltip-wrapper{background:var(--trends-surface)!important;border:1px solid var(--trends-border)!important;border-radius:var(--trends-radius)!important;box-shadow:var(--trends-shadow-lg)!important}.trends-container *::-webkit-scrollbar{width:8px;height:8px}.trends-container *::-webkit-scrollbar-track{background:var(--trends-surface);border-radius:4px}.trends-container *::-webkit-scrollbar-thumb{background:var(--trends-border);border-radius:4px}.trends-container *::-webkit-scrollbar-thumb:hover{background:var(--trends-text-muted)}}@media (max-width: 768px){.trends-container{padding:16px}.trends-header{flex-direction:column;align-items:flex-start;gap:16px}.trends-view-modes{flex-wrap:wrap;width:100%}.trends-controls{flex-direction:column;align-items:flex-start;gap:12px}.trends-time-controls,.trends-analysis-controls{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.trends-metrics-grid{grid-template-columns:1fr;gap:12px}.trends-charts-grid{grid-template-columns:1fr;gap:16px}.trends-breakdown-cards,.trends-efficiency-insights,.trends-comparison-tables,.trends-insights-grid,.trends-forecast-insights-grid{grid-template-columns:1fr}.trends-key-stats{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 480px){.trends-main-chart-card,.trends-chart-card,.trends-revenue-chart-card,.trends-efficiency-chart-card,.trends-comparative-chart-card,.trends-correlation-chart-card,.trends-forecast-chart-card{padding:16px}.trends-view-btn{padding:6px 8px;font-size:12px}.trends-metric-toggle{padding:4px 8px;font-size:11px}.trends-title{font-size:24px}.trends-metric-value{font-size:20px}.trends-metric-card-large .trends-metric-value{font-size:24px}.trends-key-stats{grid-template-columns:1fr}.trends-breakdown-card,.trends-efficiency-insight-card,.trends-comparison-table,.trends-insight-card,.trends-forecast-insight-card{padding:16px}}@media (prefers-reduced-motion: reduce){.trends-metric-card,.trends-metric-card-large,.trends-breakdown-card,.trends-efficiency-insight-card,.trends-comparison-table,.trends-insight-card,.trends-forecast-insight-card,.trends-key-stat,.trends-animate-btn{animation:none;transition:none}.trends-metric-card:hover,.trends-metric-card-large:hover,.trends-animate-btn:hover:not(:disabled){transform:none}.trends-progress-fill:after{animation:none}.animating{animation:none}}@media (prefers-contrast: high){:root{--trends-border: #000000;--trends-shadow-sm: 0 1px 3px rgba(0,0,0,.3);--trends-shadow-md: 0 8px 25px rgba(0,0,0,.4);--trends-shadow-lg: 0 12px 32px rgba(0,0,0,.5)}.trends-metric-card,.trends-metric-card-large,.trends-view-btn,.trends-metric-toggle,.trends-animate-btn{border:2px solid currentColor!important}}.trends-view-btn:focus-visible,.trends-select:focus-visible,.trends-date-input:focus-visible,.trends-checkbox:focus-visible,.trends-animate-btn:focus-visible,.trends-metric-toggle:focus-visible{outline:2px solid var(--trends-primary);outline-offset:2px}@media print{.trends-container{background:#fff!important;color:#000!important}.trends-view-modes,.trends-controls,.trends-animate-btn{display:none!important}.trends-metric-card,.trends-metric-card-large,.trends-main-chart-card,.trends-chart-card{break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important}.trends-charts-grid{grid-template-columns:1fr!important}}:root{--color-primary: #3b82f6;--color-secondary: #6366f1;--color-background: #f8fafc;--color-text-dark: #1f2937;--color-text-light: #4b5563;--color-border: #e5e7eb;--color-white: #ffffff;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--shadow-subtle: 0 1px 3px 0 rgba(0, 0, 0, .06), 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--border-radius: .5rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--color-background);color:var(--color-text-dark);line-height:1.6}.ca-root{margin:0 auto;padding:1rem}.ca-wrapper{display:flex;flex-direction:column;gap:1rem}.ca-main-content{background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-subtle);overflow:hidden}.ca-tabs-card{display:flex;flex-direction:column}.ca-tabs-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--color-border);background-color:var(--color-gray-100)}.ca-tabs-nav{display:flex;gap:.5rem}.ca-tab-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:var(--border-radius);background-color:transparent;color:var(--color-text-light);cursor:pointer;transition:all .2s ease}.ca-tab-btn:hover{background-color:var(--color-gray-200);color:var(--color-text-dark)}.ca-tab-btn.active{background-color:var(--color-primary);color:var(--color-white)}.ca-tab-btn svg{stroke:currentColor}.ca-tab-body{padding:1rem}.ca-chat-bubble{position:fixed;bottom:1.5rem;right:1.5rem;width:60px;height:60px;background-color:var(--color-primary);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-medium);cursor:pointer;transition:transform .2s ease}.ca-chat-bubble:hover{transform:scale(1.1)}.ca-chat-bubble-icon{position:relative;font-size:1.5rem}.ca-unread-indicator{position:absolute;top:-4px;right:-4px;width:10px;height:10px;background-color:var(--color-error);border-radius:50%}.ca-chat-window{position:fixed;bottom:1.5rem;right:1.5rem;width:380px;max-height:600px;display:flex;flex-direction:column;background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-medium);border:1px solid var(--color-border);overflow:hidden;z-index:1000}.ca-chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--color-gray-100);border-bottom:1px solid var(--color-border)}.ca-chat-header-content{display:flex;align-items:center;gap:1rem}.ca-ai-avatar{font-size:2rem}.ca-chat-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-light);cursor:pointer;transition:color .2s ease}.ca-chat-close:hover{color:var(--color-error)}.ca-chat-messages{flex-grow:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.ca-message{display:flex;max-width:90%}.ca-message.user{align-self:flex-end}.ca-message.assistant{align-self:flex-start}.ca-message-bubble{padding:.75rem;border-radius:var(--border-radius);max-width:90%;background-color:var(--color-gray-100);color:var(--color-text-dark);position:relative}.ca-message.user .ca-message-bubble{background-color:var(--color-primary);color:var(--color-white)}.ca-message-time{font-size:.7rem;color:var(--color-text-light);text-align:right;margin-top:.25rem}.ca-chat-input{padding:1rem;background-color:var(--color-white);border-top:1px solid var(--color-border)}.ca-ai-input-row{display:flex;gap:.5rem}.ca-ai-textarea{flex-grow:1;border:1px solid var(--color-border);border-radius:var(--border-radius);padding:.5rem;resize:none}.ca-ai-send-btn{background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--border-radius);padding:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.ca-ai-send-btn:disabled{background-color:var(--color-gray-200);cursor:not-allowed}.ca-ai-send-btn svg{width:1.5rem;height:1.5rem}@media (max-width: 768px){.ca-chat-window{width:calc(100% - 2rem);right:1rem}.ca-tabs-header{flex-direction:column;align-items:stretch;gap:1rem}.ca-tabs-nav{flex-wrap:wrap}}.ca-ai-loading{display:flex;align-items:center;gap:.5rem;color:var(--color-text-light)}.ca-ai-spinner{width:20px;height:20px;border:3px solid var(--color-gray-200);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.ca-ai-welcome{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:2rem}.ca-suggested-questions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.ca-suggested-btn{background-color:var(--color-gray-200);color:var(--color-text-dark);border:none;border-radius:var(--border-radius);padding:.5rem 1rem;cursor:pointer;transition:background-color .2s ease}.ca-suggested-btn:hover{background-color:var(--color-primary);color:var(--color-white)}.ca-tabs-actions{display:flex;gap:.5rem;align-items:center}.ca-tabs-actions button{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-white);color:var(--color-text-dark);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.ca-tabs-actions button:hover{background-color:var(--color-gray-100);border-color:var(--color-primary)}.ca-tabs-actions button:disabled{opacity:.5;cursor:not-allowed}.ca-ai-info h3{font-size:.875rem;font-weight:600;color:var(--color-text-dark);margin:0}.ca-ai-info p{font-size:.75rem;color:var(--color-text-light);margin:0}.ca-ai-welcome-icon{font-size:3rem;margin-bottom:.5rem}.ca-chat-messages::-webkit-scrollbar{width:4px}.ca-chat-messages::-webkit-scrollbar-track{background:var(--color-gray-100)}.ca-chat-messages::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.ca-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.ca-tab-btn:focus,.ca-ai-send-btn:focus,.ca-ai-textarea:focus,.ca-suggested-btn:focus,.ca-chat-close:focus{outline:2px solid var(--color-primary);outline-offset:2px}.ca-ai-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.ca-ai-textarea{font-family:inherit;font-size:.875rem;line-height:1.4;resize:vertical;min-height:40px;max-height:120px}.ca-message-bubble{word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;font-size:.875rem}.ca-message.user .ca-message-time{color:#ffffffb3}.ca-ai-loading{padding:.75rem;font-size:.875rem}@media (max-width: 480px){.ca-chat-window{width:calc(100vw - 1rem);right:.5rem;left:.5rem;max-height:70vh}.ca-chat-bubble{bottom:1rem;right:1rem;width:50px;height:50px}.ca-chat-bubble-icon{font-size:1.25rem}.ca-suggested-questions{flex-direction:column;align-items:stretch}.ca-suggested-btn{text-align:left;font-size:.8rem}}.ca-chat-window{animation:slideUp .3s ease-out}.ca-ai-welcome p{font-size:.875rem;color:var(--color-text-light);margin:0 0 1rem;max-width:280px}.ca-ai-send-btn:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.ca-suggested-btn{font-size:.8rem;text-align:center;min-height:36px;border:1px solid var(--color-border)}.ca-chat-messages{min-height:200px;max-height:400px;gap:.75rem}.ca-message:first-child{margin-top:auto}.ca-unread-indicator{animation:pulse 2s infinite}@media (prefers-color-scheme: dark){:root{--color-background: #111827;--color-white: #1f2937;--color-text-dark: #f9fafb;--color-text-light: #d1d5db;--color-border: #374151;--color-gray-100: #374151;--color-gray-200: #4b5563}}.ca-options-container{position:relative;display:inline-block}.ca-options-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--color-text-light);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease}.ca-options-button:hover{background-color:var(--color-gray-100)}.ca-options-button:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary),0 0 0 4px #3b82f61a}.ca-options-dropdown{position:absolute;right:0;z-index:20;margin-top:.5rem;width:16rem;background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--color-gray-200);padding:1rem;animation:fadeInDown .2s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ca-options-title{font-size:.875rem;font-weight:600;color:var(--color-text-dark);margin-bottom:.75rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.ca-options-list{display:flex;flex-direction:column;gap:.75rem}.ca-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;padding:.25rem;border-radius:.25rem}.ca-checkbox-label:hover{background-color:var(--color-gray-100)}.ca-checkbox{width:1rem;height:1rem;color:var(--color-primary);border:1px solid var(--color-border);border-radius:.25rem;cursor:pointer;transition:all .2s ease}.ca-checkbox:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary),0 0 0 4px #3b82f61a}.ca-checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.ca-checkbox-text{font-size:.875rem;color:var(--color-text-light);-webkit-user-select:none;user-select:none}.ca-options-divider{padding-top:.5rem;border-top:1px solid var(--color-gray-200);margin-top:.5rem}.ca-close-button{width:100%;font-size:.875rem;color:var(--color-text-light);background:none;border:none;padding:.5rem;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.ca-close-button:hover{color:var(--color-text-dark);background-color:var(--color-gray-100)}.ca-close-button:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary),0 0 0 4px #3b82f61a}.ca-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative}.ca-checkbox:checked:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700}@media (max-width: 768px){.ca-options-dropdown{width:14rem;padding:.75rem}.ca-options-button{padding:.4rem .6rem;font-size:.8rem}.ca-checkbox-text{font-size:.8rem}}.ca-options-overlay{position:fixed;inset:0;z-index:10;background:transparent}.issues-container{--issues-bg-primary: #ffffff;--issues-bg-secondary: #f8fafc;--issues-bg-tertiary: #f1f5f9;--issues-bg-quaternary: #e2e8f0;--issues-text-primary: #0f172a;--issues-text-secondary: #475569;--issues-text-muted: #94a3b8;--issues-border: #e2e8f0;--issues-border-light: #f1f5f9;--issues-shadow: rgba(15, 23, 42, .08);--issues-shadow-hover: rgba(15, 23, 42, .12);--issues-shadow-strong: rgba(15, 23, 42, .16);--issues-blue: #3b82f6;--issues-blue-hover: #2563eb;--issues-blue-light: #eff6ff;--issues-green: #10b981;--issues-green-hover: #059669;--issues-green-light: #ecfdf5;--issues-red: #ef4444;--issues-red-hover: #dc2626;--issues-red-light: #fef2f2;--issues-orange: #f59e0b;--issues-orange-hover: #d97706;--issues-orange-light: #fffbeb;--issues-yellow: #eab308;--issues-purple: #8b5cf6;--issues-purple-hover: #7c3aed;--issues-purple-light: #f5f3ff;--issues-input-bg: #ffffff;--issues-input-border: #d1d5db;--issues-input-focus: #3b82f6;--issues-modal-overlay: rgba(15, 23, 42, .6)}@media (prefers-color-scheme: dark){.issues-container{--issues-bg-primary: #0f172a;--issues-bg-secondary: #1e293b;--issues-bg-tertiary: #334155;--issues-bg-quaternary: #475569;--issues-text-primary: #f8fafc;--issues-text-secondary: #cbd5e1;--issues-text-muted: #94a3b8;--issues-border: #334155;--issues-border-light: #475569;--issues-shadow: rgba(0, 0, 0, .3);--issues-shadow-hover: rgba(0, 0, 0, .4);--issues-shadow-strong: rgba(0, 0, 0, .5);--issues-blue: #60a5fa;--issues-blue-hover: #3b82f6;--issues-blue-light: #1e3a8a;--issues-green: #34d399;--issues-green-hover: #10b981;--issues-green-light: #064e3b;--issues-red: #f87171;--issues-red-hover: #ef4444;--issues-red-light: #7f1d1d;--issues-orange: #fbbf24;--issues-orange-hover: #f59e0b;--issues-orange-light: #78350f;--issues-yellow: #fde047;--issues-purple: #a78bfa;--issues-purple-hover: #8b5cf6;--issues-purple-light: #4c1d95;--issues-input-bg: #1e293b;--issues-input-border: #475569;--issues-input-focus: #60a5fa;--issues-modal-overlay: rgba(0, 0, 0, .8)}}.issues-container{padding:2rem;background-color:var(--issues-bg-primary);color:var(--issues-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}.issues-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--issues-border)}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.issues-title{font-size:2rem;font-weight:700;color:var(--issues-text-primary);margin:0;letter-spacing:-.025em}.header-actions{display:flex;gap:1rem;align-items:center}.refresh-button{padding:.75rem 1.25rem;background-color:var(--issues-blue);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px var(--issues-shadow)}.refresh-button:hover:not(:disabled){background-color:var(--issues-blue-hover);box-shadow:0 4px 12px var(--issues-shadow-hover);transform:translateY(-1px)}.refresh-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-issue-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--issues-green);color:#fff;text-decoration:none;border-radius:8px;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px var(--issues-shadow)}.add-issue-button:hover{background-color:var(--issues-green-hover);box-shadow:0 4px 12px var(--issues-shadow-hover);transform:translateY(-1px)}.button-icon{font-size:1rem;font-weight:700}.controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.search-container{position:relative;flex:1;max-width:400px}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem!important;border:1px solid var(--issues-input-border);border-radius:8px;background-color:var(--issues-input-bg);color:var(--issues-text-primary);font-size:.875rem;transition:all .2s ease;box-shadow:0 1px 3px var(--issues-shadow)}.search-input:focus{outline:none;border-color:var(--issues-input-focus);box-shadow:0 0 0 3px #3b82f61a,0 4px 12px var(--issues-shadow-hover)}.search-input::placeholder{color:var(--issues-text-muted)}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--issues-text-muted);font-size:1rem;pointer-events:none}.results-count{font-size:.875rem;color:var(--issues-text-secondary);font-weight:500;padding:.75rem 1rem;background-color:var(--issues-bg-secondary);border-radius:8px;border:1px solid var(--issues-border);white-space:nowrap}.table-container{background-color:var(--issues-bg-secondary);border-radius:12px;overflow:scroll;box-shadow:0 4px 6px var(--issues-shadow);border:1px solid var(--issues-border)}.issues-table{width:100%;border-collapse:collapse;background-color:var(--issues-bg-primary)}.issues-table th,.issues-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--issues-border-light);vertical-align:middle}.issues-table thead th{background-color:var(--issues-bg-secondary);font-weight:600;color:var(--issues-text-primary);position:sticky;top:0;z-index:10;border-bottom:2px solid var(--issues-border);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.sortable:hover{background-color:var(--issues-bg-tertiary)}.sort-icon{margin-left:.5rem;display:inline-block}.sort-icon-inactive{color:var(--issues-text-muted);opacity:.5}.sort-icon-active{color:var(--issues-blue)}.issue-row{transition:background-color .2s ease}.issue-row:hover{background-color:var(--issues-bg-secondary)}.id-cell{font-weight:600;color:var(--issues-text-secondary);width:80px}.job-cell{width:120px}.view-link{color:var(--issues-blue);text-decoration:none;font-weight:500;transition:color .2s ease}.view-link:hover{color:var(--issues-blue-hover);text-decoration:underline}.submitted-cell{width:150px;font-weight:500}.status-cell,.category-cell{width:120px}.status-badge,.category-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent}.status-open{background-color:var(--issues-blue-light);color:var(--issues-blue);border-color:var(--issues-blue)}.status-inprogress{background-color:var(--issues-orange-light);color:var(--issues-orange);border-color:var(--issues-orange)}.status-resolved{background-color:var(--issues-green-light);color:var(--issues-green);border-color:var(--issues-green)}.status-closed{background-color:var(--issues-bg-quaternary);color:var(--issues-text-secondary);border-color:var(--issues-border)}.status-unknown,.status-default{background-color:var(--issues-purple-light);color:var(--issues-purple);border-color:var(--issues-purple)}.category-quality{background-color:var(--issues-red-light);color:var(--issues-red);border-color:var(--issues-red)}.category-delay{background-color:var(--issues-orange-light);color:var(--issues-orange);border-color:var(--issues-orange)}.category-general{background-color:var(--issues-blue-light);color:var(--issues-blue);border-color:var(--issues-blue)}.category-other,.category-default{background-color:var(--issues-bg-quaternary);color:var(--issues-text-secondary);border-color:var(--issues-border)}.description-cell{max-width:300px}.description-content{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.report-cell{max-width:250px}.report-content{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic;color:var(--issues-text-secondary)}.no-report,.no-images{color:var(--issues-text-muted);font-style:italic}.images-cell{width:100px}.images-container{display:flex;gap:.5rem;flex-wrap:wrap}.image-link{display:inline-block;padding:.25rem .5rem;background-color:var(--issues-bg-tertiary);border-radius:6px;text-decoration:none;font-size:1rem;transition:all .2s ease;border:1px solid var(--issues-border)}.image-link:hover{background-color:var(--issues-blue-light);border-color:var(--issues-blue);transform:translateY(-1px)}.date-cell{width:150px;font-size:.875rem;color:var(--issues-text-secondary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--issues-border);border-top-color:var(--issues-blue);border-radius:50%;animation:spin 1s linear infinite}.loading-state p{color:var(--issues-text-secondary);font-size:1rem}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:1rem;text-align:center}.error-icon{font-size:3rem}.error-state h3{font-size:1.5rem;font-weight:600;color:var(--issues-text-primary);margin:0}.error-state p{color:var(--issues-text-secondary);margin:0;max-width:400px}.retry-button{padding:.75rem 1.5rem;background-color:var(--issues-blue);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px var(--issues-shadow)}.retry-button:hover{background-color:var(--issues-blue-hover);box-shadow:0 4px 12px var(--issues-shadow-hover);transform:translateY(-1px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:1rem;text-align:center}.empty-icon{font-size:4rem;opacity:.5}.empty-state h3{font-size:1.5rem;font-weight:600;color:var(--issues-text-primary);margin:0}.empty-state p{color:var(--issues-text-secondary);margin:0;max-width:400px}.empty-action-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--issues-green);color:#fff;text-decoration:none;border-radius:8px;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px var(--issues-shadow)}.empty-action-button:hover{background-color:var(--issues-green-hover);box-shadow:0 4px 12px var(--issues-shadow-hover);transform:translateY(-1px)}.notification-container{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{pointer-events:auto;min-width:300px;max-width:500px;background-color:var(--issues-bg-primary);border:1px solid var(--issues-border);border-radius:8px;box-shadow:0 8px 25px var(--issues-shadow-strong);animation:slideInRight .3s ease}.toast-content{display:flex;align-items:center;gap:.75rem;padding:1rem}.toast-icon{font-size:1.125rem;flex-shrink:0}.toast-message{flex:1;color:var(--issues-text-primary);font-size:.875rem;line-height:1.4}.toast-close{background:none;border:none;color:var(--issues-text-muted);cursor:pointer;font-size:1.25rem;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background-color:var(--issues-bg-tertiary);color:var(--issues-text-primary)}.toast-success{border-left:4px solid var(--issues-green)}.toast-error{border-left:4px solid var(--issues-red)}.toast-info{border-left:4px solid var(--issues-blue)}@media (max-width: 1200px){.issues-table th,.issues-table td{padding:.75rem .5rem}.description-cell{max-width:200px}.report-cell{max-width:150px}}@media (max-width: 768px){.issues-container{padding:1rem}.header-content{flex-direction:column;gap:1rem;align-items:stretch}.issues-header .header-actions{justify-content:center;display:flex!important;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.controls{flex-direction:column;align-items:stretch}.search-container{max-width:none}.results-count{text-align:center}.issues-table{font-size:.875rem}.issues-table th,.issues-table td{padding:.75rem .5rem}.description-cell{max-width:150px}.report-cell{max-width:100px}.notification-container{left:1rem;right:1rem}.toast{min-width:auto}}@media (max-width: 480px){.issues-container{padding:.75rem}.issues-title{font-size:1.5rem;text-align:center}.header-actions{flex-direction:column;gap:.75rem}.refresh-button,.add-issue-button{width:100%;justify-content:center}.issues-table{font-size:.8rem}.issues-table th,.issues-table td{padding:.5rem .25rem}.description-cell,.report-cell{max-width:120px}.status-badge,.category-badge{font-size:.7rem;padding:.2rem .5rem}}.issues-table tbody tr:focus{outline:2px solid var(--issues-blue);outline-offset:-2px}input:focus,button:focus,a:focus{outline:2px solid var(--issues-blue);outline-offset:2px}@media (prefers-contrast: high){.issues-container{--issues-border: #000000;--issues-shadow: rgba(0, 0, 0, .5)}.table-container,.toast{border-width:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.refresh-button:hover,.add-issue-button:hover,.retry-button:hover,.empty-action-button:hover,.image-link:hover{transform:none}}@media print{.issues-container{background-color:#fff!important;color:#000!important;padding:0}.header-actions,.controls,.notification-container{display:none!important}.issues-table{border-collapse:collapse;font-size:.75rem}.issues-table th,.issues-table td{border:1px solid #000!important;padding:.25rem!important;background:#fff!important}.status-badge,.category-badge{border:1px solid #000!important;background:#fff!important;color:#000!important}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:1000px!important;max-height:100vh!important;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header{padding:20px 24px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280}.modal-body{padding:20px 24px}.issue-summary{margin-bottom:24px;padding:16px;background:#f9fafb;border-radius:6px}.history-timeline{display:flex;flex-direction:column;gap:16px}.history-item{border-left:3px solid #e5e7eb;padding-left:16px;position:relative}.history-item:before{content:"";width:8px;height:8px;background:#3b82f6;border-radius:50%;position:absolute;left:-5.5px;top:8px}.history-timestamp{font-size:12px;color:#6b7280;margin-bottom:4px}.history-change{font-weight:500;margin-bottom:8px}.history-values{display:flex;align-items:center;gap:8px;margin-bottom:8px}.old-value{background:#fee2e2;color:#dc2626;padding:2px 6px;border-radius:4px;font-family:monospace}.new-value{background:#dcfce7;color:#16a34a;padding:2px 6px;border-radius:4px;font-family:monospace}.change-arrow{color:#6b7280}.history-comment{font-style:italic;color:#4b5563}.actions-cell{padding:8px 12px;width:120px}.action-buttons{display:flex;gap:8px}.history-button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:background-color .15s}.history-button:hover{background:#e5e7eb}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.modal-button{padding:8px 16px;border-radius:4px;cursor:pointer;border:1px solid #d1d5db;background:#fff}.modal-button.secondary:hover{background:#f9fafb}.pagination-controls-top{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;background:var(--surface, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:.5rem}.items-per-page{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text, #1e1e1e)}.items-per-page label{font-weight:500;white-space:nowrap}.items-per-page-select{padding:.375rem .5rem;border:1px solid var(--border, #e5e7eb);border-radius:.375rem;font-size:.875rem;background:var(--surface, #ffffff);color:var(--text, #1e1e1e);cursor:pointer;transition:border-color .2s ease}.items-per-page-select:focus{outline:none;border-color:var(--accent, #06b6d4)}.pagination-container{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-top:2rem;padding:1.5rem 1rem;background:var(--surface, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:.5rem}.pagination-info{font-size:.875rem;color:var(--text-muted, #6b7280);font-weight:500;text-align:center}.pagination-controls{display:flex;align-items:center;gap:.25rem}.pagination-button{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:.5rem;border:1px solid var(--border, #e5e7eb);background:var(--surface, #ffffff);color:var(--text, #1e1e1e);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;border-radius:.375rem}.pagination-button:hover:not(:disabled){background:var(--accent-light, #e0f2fe);border-color:var(--accent, #06b6d4);color:var(--accent, #06b6d4)}.pagination-button:disabled{opacity:.5;cursor:not-allowed;background:var(--bg, #f9fafb);color:var(--text-muted, #6b7280)}.pagination-button.active{background:var(--accent, #06b6d4);border-color:var(--accent, #06b6d4);color:#fff}.pagination-button.first-last{font-size:1rem;font-weight:700}.pagination-button.prev-next{font-size:1.125rem;font-weight:600}.pagination-button.page-number{min-width:2.5rem}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;color:var(--text-muted, #6b7280);font-weight:500}@media (max-width: 1200px){.controls{flex-direction:column;align-items:stretch;gap:.75rem}.search-container{min-width:auto}.filters-container{justify-content:flex-start}.filter-select{min-width:100px;flex:1}.results-count{text-align:center}.pagination-controls-top{justify-content:center}}@media (max-width: 768px){.controls{padding:.75rem}.filters-container{flex-direction:column;align-items:stretch;gap:.5rem}.filter-select{min-width:auto}.pagination-container{margin-top:1rem;padding:1rem}.pagination-controls{gap:.125rem}.pagination-button{min-width:2rem;height:2rem;font-size:.75rem}.pagination-button.page-number{min-width:2rem}.pagination-ellipsis{min-width:2rem;height:2rem}.issues-table th:nth-child(4),.issues-table td:nth-child(4){display:none}.issues-table th:nth-child(8),.issues-table td:nth-child(8){display:none}.department-info{gap:.0625rem}.department-name{font-size:.75rem}.department-manager{font-size:.625rem}}@media (max-width: 600px){.issues-table th:nth-child(3),.issues-table td:nth-child(3),.issues-table th:nth-child(6),.issues-table td:nth-child(6),.issues-table th:nth-child(9),.issues-table td:nth-child(9){display:none}.pagination-container{flex-direction:column;gap:.75rem}.pagination-info{font-size:.75rem}}@media (max-width: 480px){.pagination-controls{flex-wrap:wrap;justify-content:center;gap:.25rem}.pagination-button,.pagination-ellipsis{min-width:1.75rem;height:1.75rem;font-size:.6875rem}}@media (prefers-color-scheme: dark){.search-input,.filter-select,.items-per-page-select{background:#1f2937;border-color:#374151;color:#f9fafb}.search-input:focus,.filter-select:focus,.items-per-page-select:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.clear-filters-button{background:#06b6d426;border-color:#06b6d44d;color:#06b6d4}.clear-filters-button:hover{background:#06b6d4;color:#fff}.pagination-button{background:#1f2937;border-color:#374151;color:#f9fafb}.pagination-button:hover:not(:disabled){background:#06b6d426;border-color:#06b6d4;color:#06b6d4}.pagination-button:disabled{background:#111827;color:#6b7280}.pagination-button.active{background:#06b6d4;border-color:#06b6d4;color:#fff}.department-name{color:#e5e5e5}.department-manager,.no-department,.results-count,.pagination-info{color:#9ca3af}.pagination-ellipsis{color:#6b7280}}.controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding:1rem;background:var(--surface, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:.5rem;margin-bottom:1rem}.search-container{position:relative;min-width:200px;flex:1}.search-input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border:1px solid var(--border, #e5e7eb);border-radius:.375rem;font-size:.875rem;background:var(--bg, #f9fafb);color:var(--text, #1e1e1e);transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{outline:none;border-color:var(--accent, #06b6d4);box-shadow:0 0 0 3px var(--accent-light, rgba(6, 182, 212, .1))}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted, #6b7280);pointer-events:none}.filters-container{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.filter-select{padding:.5rem .75rem;border:1px solid var(--border, #e5e7eb);border-radius:.375rem;font-size:.875rem;background:var(--surface, #ffffff);color:var(--text, #1e1e1e);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;min-width:120px}.filter-select:focus{outline:none;border-color:var(--accent, #06b6d4);box-shadow:0 0 0 3px var(--accent-light, rgba(6, 182, 212, .1))}.filter-select:hover{border-color:var(--accent, #06b6d4)}.clear-filters-button{padding:.5rem .75rem;background:var(--accent-light, #e0f2fe);color:var(--accent, #06b6d4);border:1px solid var(--accent, #06b6d4);border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.clear-filters-button:hover{background:var(--accent, #06b6d4);color:#fff}.results-count{font-size:.875rem;color:var(--text-muted, #6b7280);font-weight:500;white-space:nowrap}.department-cell{padding:.75rem;vertical-align:top;max-width:150px}.department-info{display:flex;flex-direction:column;gap:.125rem}.department-name{font-weight:600;color:var(--text, #1e1e1e);font-size:.8125rem;line-height:1.2}.department-manager{font-size:.6875rem;color:var(--text-muted, #6b7280);font-weight:500;line-height:1.2}.no-department{color:var(--text-muted, #6b7280);font-style:italic;font-size:.875rem}.issues-table{width:100%;border-collapse:collapse;background:var(--surface, #ffffff);border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.issues-table th{background:var(--bg, #f9fafb);padding:.75rem;text-align:left;font-weight:600;font-size:.75rem;color:var(--text, #1e1e1e);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border, #e5e7eb);white-space:nowrap}.issues-table th:nth-child(1){width:60px}.issues-table th:nth-child(2){width:100px}.issues-table th:nth-child(3){width:120px}.issues-table th:nth-child(4){width:150px}.issues-table th:nth-child(5){width:100px}.issues-table th:nth-child(6){width:100px}.issues-table th:nth-child(7){width:auto}.issues-table th:nth-child(8){width:200px}.issues-table th:nth-child(9){width:80px}.issues-table th:nth-child(10){width:120px}.issues-table th:nth-child(11){width:100px}@media (max-width: 1200px){.controls{flex-direction:column;align-items:stretch;gap:.75rem}.search-container{min-width:auto}.filters-container{justify-content:flex-start}.filter-select{min-width:100px;flex:1}.results-count{text-align:center}}@media (max-width: 768px){.controls{padding:.75rem}.filters-container{flex-direction:column;align-items:stretch;gap:.5rem}.filter-select{min-width:auto}.issues-table th:nth-child(4),.issues-table td:nth-child(4){display:none}.issues-table th:nth-child(8),.issues-table td:nth-child(8){display:none}.department-info{gap:.0625rem}.department-name{font-size:.75rem}.department-manager{font-size:.625rem}}@media (max-width: 600px){.issues-table th:nth-child(3),.issues-table td:nth-child(3),.issues-table th:nth-child(6),.issues-table td:nth-child(6),.issues-table th:nth-child(9),.issues-table td:nth-child(9){display:none}}.empty-state{text-align:center;padding:3rem 2rem;background:var(--surface, #ffffff);border-radius:.5rem;border:1px solid var(--border, #e5e7eb)}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:var(--text, #1e1e1e);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.empty-state p{color:var(--text-muted, #6b7280);margin:0 0 1.5rem;line-height:1.5}.empty-action-button{display:inline-flex;align-items:center;padding:.75rem 1rem;background:var(--accent, #06b6d4);color:#fff;text-decoration:none;border-radius:.375rem;font-weight:500;transition:background-color .2s ease;border:none;cursor:pointer;font-size:.875rem}.empty-action-button:hover{background:var(--accent-dark, #0891b2)}@media (prefers-color-scheme: dark){.search-input,.filter-select{background:#1f2937;border-color:#374151;color:#f9fafb}.search-input:focus,.filter-select:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.clear-filters-button{background:#06b6d426;border-color:#06b6d44d;color:#06b6d4}.clear-filters-button:hover{background:#06b6d4;color:#fff}.department-name{color:#e5e5e5}.department-manager,.no-department,.results-count{color:#9ca3af}}.add-issue-container .step-navigation{display:flex;justify-content:space-between;gap:1.5rem;position:sticky;bottom:2rem;background:var(--add-issue-surface);padding:1.5rem;border-radius:var(--add-issue-radius-large);box-shadow:var(--add-issue-shadow-lg);border:1px solid var(--add-issue-border)}.add-issue-container .nav-btn{flex:1;padding:1.25rem 2rem;border:none;border-radius:var(--add-issue-radius);font-size:1rem;font-weight:700;cursor:pointer;transition:var(--add-issue-transition);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.add-issue-container .nav-btn: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}.add-issue-container .nav-btn:not(.disabled):hover:before{left:100%}.add-issue-container .nav-btn.secondary{background:linear-gradient(135deg,var(--add-issue-secondary),#5a6268);color:#fff;box-shadow:var(--add-issue-shadow-md)}.add-issue-container .nav-btn.primary{background:linear-gradient(135deg,var(--add-issue-primary),var(--add-issue-primary-hover));color:#fff;box-shadow:var(--add-issue-shadow-md)}.add-issue-container .nav-btn.submit{background:linear-gradient(135deg,var(--add-issue-success),#1e7e34);color:#fff;box-shadow:var(--add-issue-shadow-md)}.add-issue-container .nav-btn.disabled{background:var(--add-issue-light);color:var(--add-issue-text-muted);cursor:not-allowed;box-shadow:none}.add-issue-container .nav-btn:not(.disabled):hover{transform:translateY(-3px);box-shadow:var(--add-issue-shadow-lg)}.add-issue-container .image-upload-section{width:100%}.add-issue-container .upload-buttons{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.add-issue-container .file-input-hidden{display:none}.add-issue-container .file-upload-btn{display:inline-block;padding:16px 20px;background-color:var(--add-issue-surface-secondary);border:2px solid var(--add-issue-border);border-radius:var(--add-issue-radius);cursor:pointer;font-size:16px;font-weight:500;transition:var(--add-issue-transition);text-align:center;min-width:140px;flex:1;color:var(--add-issue-text);position:relative;overflow:hidden}.add-issue-container .file-upload-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.add-issue-container .file-upload-btn:hover:before{left:100%}.add-issue-container .file-upload-btn:hover{background-color:var(--add-issue-light);transform:translateY(-2px);box-shadow:var(--add-issue-shadow-md);border-color:var(--add-issue-primary)}.add-issue-container .camera-btn{background-color:var(--add-issue-primary);color:#fff;border-color:var(--add-issue-primary)}.add-issue-container .camera-btn:hover{background-color:var(--add-issue-primary-hover)}.add-issue-container .gallery-btn{background-color:var(--add-issue-success);color:#fff;border-color:var(--add-issue-success)}.add-issue-container .gallery-btn:hover{background-color:#1e7e34}.add-issue-container .image-previews{margin-top:20px}.add-issue-container .image-count{color:var(--add-issue-success);font-weight:600;margin-bottom:16px;text-align:center}.add-issue-container .preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;max-height:300px;overflow-y:auto;padding:8px;border:1px solid var(--add-issue-border-light);border-radius:var(--add-issue-radius);background-color:var(--add-issue-surface-secondary)}.add-issue-container .preview-grid::-webkit-scrollbar{width:6px}.add-issue-container .preview-grid::-webkit-scrollbar-track{background:var(--add-issue-border-light);border-radius:3px}.add-issue-container .preview-grid::-webkit-scrollbar-thumb{background:var(--add-issue-border);border-radius:3px}.add-issue-container .preview-grid::-webkit-scrollbar-thumb:hover{background:var(--add-issue-text-muted)}.add-issue-container .image-preview{position:relative;background:var(--add-issue-surface);border-radius:var(--add-issue-radius);padding:8px;box-shadow:var(--add-issue-shadow-sm);transition:var(--add-issue-transition-fast);border:1px solid var(--add-issue-border-light)}.add-issue-container .image-preview:hover{transform:scale(1.02);box-shadow:var(--add-issue-shadow-md)}.add-issue-container .preview-image{width:100%;height:80px;object-fit:cover;border-radius:4px;border:1px solid var(--add-issue-border)}.add-issue-container .remove-image-btn{position:absolute;top:4px;right:4px;background:var(--add-issue-error);color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;box-shadow:var(--add-issue-shadow-sm);transition:var(--add-issue-transition-fast)}.add-issue-container .remove-image-btn:hover{background:#c82333;transform:scale(1.1)}.add-issue-container .image-name{font-size:11px;color:var(--add-issue-text-secondary);margin-top:4px;word-break:break-all;text-align:center;max-height:30px;overflow:hidden;line-height:1.2}.add-issue-container .review-step{text-align:left}.add-issue-container .review-header{font-size:16px;margin-bottom:20px;color:var(--add-issue-text-secondary);font-weight:500}.add-issue-container .review-item{display:flex;align-items:flex-start;margin-bottom:16px;padding:16px;background-color:var(--add-issue-surface-secondary);border-radius:var(--add-issue-radius);gap:12px;border:1px solid var(--add-issue-border-light);transition:var(--add-issue-transition-fast);position:relative;overflow:hidden}.add-issue-container .review-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--add-issue-primary);opacity:0;transition:var(--add-issue-transition-fast)}.add-issue-container .review-item:hover{background-color:var(--add-issue-surface);box-shadow:var(--add-issue-shadow-sm)}.add-issue-container .review-item:hover:before{opacity:1}.add-issue-container .review-label{font-weight:600;min-width:100px;color:var(--add-issue-text)}.add-issue-container .review-value{flex:1;color:var(--add-issue-text-secondary)}.add-issue-container .description-preview{max-height:60px;overflow:hidden;text-overflow:ellipsis}.add-issue-container .edit-btn{background:none;border:1px solid var(--add-issue-primary);color:var(--add-issue-primary);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:var(--add-issue-transition-fast);font-weight:500}.add-issue-container .edit-btn:hover{background-color:var(--add-issue-primary);color:#fff}.add-issue-container .mobile-error{background-color:var(--add-issue-error-bg);color:var(--add-issue-error-text);padding:12px 16px;border-radius:var(--add-issue-radius);margin-bottom:16px;text-align:center;border:1px solid var(--add-issue-error);font-weight:500;animation:add-issue-error-shake .5s ease-in-out}@keyframes add-issue-error-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.add-issue-container .success-screen{display:flex;align-items:center;justify-content:center;min-height:80vh;text-align:center}.add-issue-container .success-content{max-width:400px;padding:40px 20px;background:linear-gradient(135deg,var(--add-issue-surface-secondary) 0%,var(--add-issue-light) 100%);border-radius:var(--add-issue-radius-large);box-shadow:var(--add-issue-shadow-lg);border:1px solid var(--add-issue-border-light)}.add-issue-container .success-icon{font-size:4rem;margin-bottom:20px;animation:add-issue-bounce .6s ease-in-out;color:var(--add-issue-success)}.add-issue-container .success-title{font-size:24px;font-weight:600;color:var(--add-issue-success);margin-bottom:16px}.add-issue-container .success-message{font-size:16px;color:var(--add-issue-text-secondary);margin-bottom:24px;line-height:1.5}.add-issue-container .countdown{font-size:14px;color:var(--add-issue-text-muted);padding:12px 20px;background-color:var(--add-issue-surface-tertiary);border-radius:var(--add-issue-radius);border-left:4px solid var(--add-issue-success)}@keyframes add-issue-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.add-issue-container .mobile-input:valid,.add-issue-container .mobile-textarea:valid,.add-issue-container .input:valid,.add-issue-container .textarea:valid{border-color:var(--add-issue-success)}.add-issue-container .mobile-input:invalid:not(:focus),.add-issue-container .mobile-textarea:invalid:not(:focus),.add-issue-container .input:invalid:not(:focus),.add-issue-container .textarea:invalid:not(:focus){border-color:var(--add-issue-error);background-color:#f871710d}.add-issue-container .mobile-input:autofocus,.add-issue-container .mobile-textarea:autofocus,.add-issue-container .input:autofocus,.add-issue-container .textarea:autofocus{animation:add-issue-focus-pulse .6s ease-out}@keyframes add-issue-focus-pulse{0%{box-shadow:0 0 0 0 var(--add-issue-primary-light)}50%{box-shadow:0 0 0 8px var(--add-issue-primary-light)}to{box-shadow:0 0 0 0 var(--add-issue-primary-light)}}.add-issue-container .step-dot:disabled{opacity:.5;cursor:not-allowed}.add-issue-container .step-dot:disabled:hover:after{background:transparent}.add-issue-container .nav-btn.loading{position:relative;color:transparent}.add-issue-container .nav-btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:add-issue-button-spin 1s linear infinite;color:#fff}@keyframes add-issue-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){:root{--add-issue-bg: #0f172a;--add-issue-surface: #1e293b;--add-issue-surface-secondary: #334155;--add-issue-surface-tertiary: #475569;--add-issue-text: #f1f5f9;--add-issue-text-secondary: #cbd5e1;--add-issue-text-muted: #94a3b8;--add-issue-border: #475569;--add-issue-border-light: #64748b;--add-issue-primary: #60a5fa;--add-issue-primary-hover: #3b82f6;--add-issue-primary-light: rgba(96, 165, 250, .2);--add-issue-error: #f87171;--add-issue-error-bg: rgba(248, 113, 113, .1);--add-issue-error-text: #f87171;--add-issue-success: #34d399;--add-issue-success-light: rgba(52, 211, 153, .1);--add-issue-warning: #fbbf24;--add-issue-info: #38bdf8;--add-issue-secondary: #9ca3af;--add-issue-light: #374151;--add-issue-shadow-sm: 0 2px 4px rgba(0,0,0,.4);--add-issue-shadow-md: 0 4px 8px rgba(0,0,0,.5);--add-issue-shadow-lg: 0 8px 32px rgba(0,0,0,.4)}.add-issue-container .lang-btn:hover{background-color:var(--add-issue-surface-secondary)}.add-issue-container .file-upload-btn:hover{background-color:var(--add-issue-surface-tertiary)}.add-issue-container .camera-btn:hover{background-color:var(--add-issue-primary-hover)}.add-issue-container .gallery-btn:hover{background-color:#059669}.add-issue-container .preview-grid::-webkit-scrollbar-track{background:var(--add-issue-surface)}.add-issue-container .preview-grid::-webkit-scrollbar-thumb{background:var(--add-issue-border)}.add-issue-container .preview-grid::-webkit-scrollbar-thumb:hover{background:var(--add-issue-border-light)}.add-issue-container .mobile-input:focus,.add-issue-container .mobile-textarea:focus,.add-issue-container .input:focus,.add-issue-container .textarea:focus{box-shadow:0 0 0 4px #60a5fa4d}.add-issue-container .mobile-input:invalid:not(:focus),.add-issue-container .mobile-textarea:invalid:not(:focus),.add-issue-container .input:invalid:not(:focus),.add-issue-container .textarea:invalid:not(:focus){background-color:#f871711a}.add-issue-container .nav-btn:before,.add-issue-container .submit-btn:before,.add-issue-container .file-upload-btn:before,.add-issue-container .lang-btn:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.add-issue-container .nav-btn.secondary{background:linear-gradient(135deg,var(--add-issue-secondary),#6b7280)}.add-issue-container .nav-btn.submit{background:linear-gradient(135deg,var(--add-issue-success),#059669)}.add-issue-container .success-content{background:linear-gradient(135deg,var(--add-issue-surface) 0%,var(--add-issue-surface-secondary) 100%);border-color:var(--add-issue-border)}}@media (max-width: 768px){.add-issue-container .step-navigation{position:fixed;bottom:0;left:0;right:0;padding:16px;border-top:1px solid var(--add-issue-border);background:var(--add-issue-surface);z-index:100;border-radius:0}.add-issue-container.mobile-form{padding-bottom:100px;padding:1rem!important}.add-issue-container .upload-buttons{flex-direction:row}.add-issue-container .file-upload-btn{min-width:unset;width:100%}.add-issue-container .preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.add-issue-container .success-content{margin:20px;padding:30px 15px}.add-issue-container .success-icon{font-size:3rem}.add-issue-container .success-title{font-size:20px}}@media (max-width: 480px){.add-issue-container .preview-grid{grid-template-columns:repeat(2,1fr)}.add-issue-container .image-preview{padding:6px}.add-issue-container .preview-image{height:70px}.add-issue-container .remove-image-btn{width:20px;height:20px;font-size:10px}.add-issue-container{margin:1rem;padding:1rem}.add-issue-container .title{font-size:1.25rem}}@media (prefers-reduced-motion: reduce){.add-issue-container .success-icon{animation:none}.add-issue-container .nav-btn:hover,.add-issue-container .file-upload-btn:hover,.add-issue-container .image-preview:hover{transform:none}.add-issue-container .progress-fill:after{animation:none}.add-issue-container .nav-btn:before,.add-issue-container .file-upload-btn:before{transition:none}@keyframes add-issue-shimmer{0%,to{transform:translate(0)}}}@media (prefers-contrast: high){.add-issue-container .step-dot,.add-issue-container .file-upload-btn{border-width:3px}.add-issue-container .remove-image-btn{border:2px solid white}.add-issue-container .mobile-input,.add-issue-container .mobile-textarea,.add-issue-container .input,.add-issue-container .textarea{border-width:2px}}.add-issue-container .lang-btn:focus-visible,.add-issue-container .file-upload-btn:focus-visible,.add-issue-container .nav-btn:focus-visible,.add-issue-container .edit-btn:focus-visible,.add-issue-container .remove-image-btn:focus-visible,.add-issue-container .step-dot:focus-visible{outline:2px solid var(--add-issue-primary);outline-offset:2px}@media print{.add-issue-container .step-navigation,.add-issue-container .upload-buttons,.add-issue-container .remove-image-btn{display:none!important}.add-issue-container{box-shadow:none!important;background:#fff!important;color:#000!important}.add-issue-container .success-content{box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}}:root{--add-issue-bg: #ffffff;--add-issue-surface: #ffffff;--add-issue-surface-secondary: #f8f9fa;--add-issue-surface-tertiary: #f1f3f4;--add-issue-text: #333333;--add-issue-text-secondary: #666666;--add-issue-text-muted: #888888;--add-issue-border: #dddddd;--add-issue-border-light: #e0e0e0;--add-issue-primary: #3b82f6;--add-issue-primary-hover: #2563eb;--add-issue-primary-light: rgba(59, 130, 246, .2);--add-issue-error: #dc2626;--add-issue-error-bg: #f8d7da;--add-issue-error-text: #721c24;--add-issue-success: #28a745;--add-issue-success-light: #d4edda;--add-issue-warning: #ffc107;--add-issue-info: #17a2b8;--add-issue-secondary: #6c757d;--add-issue-light: #e9ecef;--add-issue-radius: 8px;--add-issue-radius-large: 16px;--add-issue-shadow-sm: 0 2px 4px rgba(0,0,0,.1);--add-issue-shadow-md: 0 4px 8px rgba(0,0,0,.1);--add-issue-shadow-lg: 0 8px 32px rgba(0,0,0,.1);--add-issue-transition: all .3s ease;--add-issue-transition-fast: all .2s ease}.add-issue-container{max-width:700px;margin:1rem auto;padding:2rem;background-color:var(--add-issue-bg);border-radius:var(--add-issue-radius-large);box-shadow:var(--add-issue-shadow-lg);transition:var(--add-issue-transition);position:relative;overflow:hidden}.add-issue-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--add-issue-primary),var(--add-issue-info),var(--add-issue-success));opacity:.8}.add-issue-container .title{font-size:1.75rem;margin-bottom:1.5rem;text-align:center;color:var(--add-issue-text);font-weight:700;background:linear-gradient(135deg,var(--add-issue-primary),var(--add-issue-info));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.add-issue-container .issue-form{display:flex;flex-direction:column;gap:1.5rem}.add-issue-container .label{font-size:.95rem;color:var(--add-issue-text);font-weight:600;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.add-issue-container .label:before{content:"";width:4px;height:4px;background:var(--add-issue-primary);border-radius:50%}.add-issue-container .input,.add-issue-container .textarea,.add-issue-container .file-input{width:100%;padding:1rem;border:2px solid var(--add-issue-border);border-radius:var(--add-issue-radius);font-size:1rem;color:var(--add-issue-text);background-color:var(--add-issue-surface);transition:var(--add-issue-transition-fast);position:relative}.add-issue-container .input:focus,.add-issue-container .textarea:focus{outline:none;border-color:var(--add-issue-primary);box-shadow:0 0 0 4px var(--add-issue-primary-light);transform:translateY(-2px)}.add-issue-container .submit-btn{padding:1rem 2rem;background:linear-gradient(135deg,var(--add-issue-primary),var(--add-issue-primary-hover));border:none;border-radius:var(--add-issue-radius);font-size:1rem;color:#fff;cursor:pointer;transition:var(--add-issue-transition-fast);font-weight:600;box-shadow:var(--add-issue-shadow-md);position:relative;overflow:hidden}.add-issue-container .submit-btn: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}.add-issue-container .submit-btn:hover:not(:disabled):before{left:100%}.add-issue-container .submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--add-issue-shadow-lg)}.add-issue-container .submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-issue-container .error{color:var(--add-issue-error);font-size:.9rem;text-align:center;font-weight:600;padding:1rem;background:var(--add-issue-error-bg);border-radius:var(--add-issue-radius);border-left:4px solid var(--add-issue-error)}.add-issue-container .required{color:var(--add-issue-error);margin-left:.25rem;font-weight:700;animation:add-issue-required-pulse 2s ease-in-out infinite}@keyframes add-issue-required-pulse{0%,to{opacity:1}50%{opacity:.6}}.add-issue-container.mobile-form{max-width:100%;padding:2rem;box-sizing:border-box;background-color:var(--add-issue-bg);position:relative}.add-issue-container .language-toggle{text-align:right;margin-bottom:2rem}.add-issue-container .lang-btn{background:var(--add-issue-surface);border:2px solid var(--add-issue-border);padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;font-size:14px;color:var(--add-issue-text);transition:var(--add-issue-transition-fast);font-weight:500;position:relative;overflow:hidden}.add-issue-container .lang-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s}.add-issue-container .lang-btn:hover:before{left:100%}.add-issue-container .lang-btn:hover{background-color:var(--add-issue-surface-secondary);border-color:var(--add-issue-primary);transform:translateY(-2px);box-shadow:var(--add-issue-shadow-sm)}.add-issue-container .lang-btn.active{background:linear-gradient(135deg,var(--add-issue-primary),var(--add-issue-primary-hover));color:#fff;border-color:var(--add-issue-primary);box-shadow:var(--add-issue-shadow-md)}.add-issue-container .progress-header{text-align:center;margin-bottom:3rem;padding:2rem 1rem;background:linear-gradient(135deg,#3b82f60d,#17a2b80d);border-radius:var(--add-issue-radius-large);border:1px solid rgba(59,130,246,.1)}.add-issue-container .form-title{font-size:1.25rem;margin-bottom:1rem;color:var(--add-issue-text);font-weight:700;background:linear-gradient(135deg,var(--add-issue-primary),var(--add-issue-info));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.add-issue-container .step-indicator{margin-bottom:1rem}.add-issue-container .step-text{font-size:.95rem;color:var(--add-issue-text-secondary);display:block;margin-bottom:1rem;font-weight:600}.add-issue-container .progress-bar{width:100%;height:8px;background-color:var(--add-issue-border-light);border-radius:4px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.add-issue-container .progress-fill{height:100%;background:linear-gradient(90deg,var(--add-issue-primary),var(--add-issue-info),var(--add-issue-success));transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;border-radius:4px}.add-issue-container .progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:add-issue-shimmer 2s infinite;border-radius:4px}@keyframes add-issue-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.add-issue-container .step-dots{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;padding:1rem}.add-issue-container .step-dot{width:16px;height:16px;border-radius:50%;border:3px solid var(--add-issue-border);background:var(--add-issue-surface);cursor:pointer;transition:var(--add-issue-transition);position:relative}.add-issue-container .step-dot:after{content:"";position:absolute;inset:-6px;border-radius:50%;background:transparent;transition:var(--add-issue-transition)}.add-issue-container .step-dot:hover:not(:disabled):after{background:var(--add-issue-primary-light)}.add-issue-container .step-dot.active{border-color:var(--add-issue-primary);background:linear-gradient(135deg,var(--add-issue-primary),var(--add-issue-primary-hover));box-shadow:0 0 0 6px var(--add-issue-primary-light);transform:scale(1.2)}.add-issue-container .step-dot.completed{border-color:var(--add-issue-success);background:linear-gradient(135deg,var(--add-issue-success),#1e7e34);box-shadow:0 0 0 6px #28a74533;transform:scale(1.1)}.add-issue-container .step-dot:disabled{opacity:.4;cursor:not-allowed}.add-issue-container .step-content{min-height:200px;margin-bottom:3rem;padding:.5rem;background:linear-gradient(135deg,#3b82f605,#17a2b805);border-radius:var(--add-issue-radius-large);border:1px solid rgba(59,130,246,.08)}.add-issue-container .step-title{font-size:1rem;margin-bottom:2rem;color:var(--add-issue-text);text-align:center;font-weight:700;position:relative}.add-issue-container .step-title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--add-issue-primary),var(--add-issue-info));border-radius:2px}.add-issue-container .step-form{max-width:500px;margin:0 auto}.add-issue-container .mobile-input,.add-issue-container .mobile-textarea{width:100%;padding:1.25rem;font-size:1rem;border:2px solid var(--add-issue-border);border-radius:var(--add-issue-radius);box-sizing:border-box;background-color:var(--add-issue-surface);color:var(--add-issue-text);transition:var(--add-issue-transition-fast)}.add-issue-container .mobile-input:focus,.add-issue-container .mobile-textarea:focus{border-color:var(--add-issue-primary);box-shadow:0 0 0 4px var(--add-issue-primary-light);outline:none;transform:translateY(-2px)}.add-issue-container .mobile-textarea{resize:vertical;min-height:140px;font-family:inherit;line-height:1.6}.image-upload-section{width:100%}.upload-buttons{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.file-input-hidden{display:none}.file-upload-btn{display:inline-block;padding:16px 20px;background-color:var(--color-surface-secondary);border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;font-size:16px;font-weight:500;transition:var(--transition);text-align:center;min-width:140px;flex:1;color:var(--color-text);position:relative;overflow:hidden}.file-upload-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.file-upload-btn:hover:before{left:100%}.file-upload-btn:hover{background-color:var(--color-light);transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.camera-btn{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.camera-btn:hover{background-color:var(--color-primary-hover)}.gallery-btn{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.gallery-btn:hover{background-color:#1e7e34}.image-previews{margin-top:20px}.image-count{color:var(--color-success);font-weight:600;margin-bottom:16px;text-align:center}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;max-height:300px;overflow-y:auto;padding:8px;border:1px solid var(--color-border-light);border-radius:var(--radius);background-color:var(--color-surface-secondary)}.preview-grid::-webkit-scrollbar{width:6px}.preview-grid::-webkit-scrollbar-track{background:var(--color-border-light);border-radius:3px}.preview-grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.preview-grid::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.image-preview{position:relative;background:var(--color-surface);border-radius:var(--radius);padding:8px;box-shadow:var(--shadow-sm);transition:var(--transition-fast);border:1px solid var(--color-border-light)}.image-preview:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.preview-image{width:100%;height:80px;object-fit:cover;border-radius:4px;border:1px solid var(--color-border)}.remove-image-btn{position:absolute;top:4px;right:4px;background:var(--color-error);color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:var(--transition-fast)}.remove-image-btn:hover{background:#c82333;transform:scale(1.1)}.image-name{font-size:11px;color:var(--color-text-secondary);margin-top:4px;word-break:break-all;text-align:center;max-height:30px;overflow:hidden;line-height:1.2}.review-step{text-align:left}.review-header{font-size:16px;margin-bottom:20px;color:var(--color-text-secondary);font-weight:500}.review-item{display:flex;align-items:flex-start;margin-bottom:16px;padding:16px;background-color:var(--color-surface-secondary);border-radius:var(--radius);gap:12px;border:1px solid var(--color-border-light);transition:var(--transition-fast)}.review-item:hover{background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.review-label{font-weight:600;min-width:100px;color:var(--color-text)}.review-value{flex:1;color:var(--color-text-secondary)}.description-preview{max-height:60px;overflow:hidden;text-overflow:ellipsis}.edit-btn{background:none;border:1px solid var(--color-primary);color:var(--color-primary);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:var(--transition-fast);font-weight:500}.edit-btn:hover{background-color:var(--color-primary);color:#fff}.mobile-error{background-color:var(--color-error-bg);color:var(--color-error-text);padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;text-align:center;border:1px solid var(--color-error);font-weight:500}.step-navigation{display:flex;justify-content:space-between;gap:1.5rem;position:sticky;bottom:2rem;background:var(--color-surface);padding:1.5rem;border-radius:var(--radius-large);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.nav-btn{flex:1;padding:1.25rem 2rem;border:none;border-radius:var(--radius);font-size:1rem;font-weight:700;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.nav-btn: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}.nav-btn:not(.disabled):hover:before{left:100%}.nav-btn.secondary{background:linear-gradient(135deg,var(--color-secondary),#5a6268);color:#fff;box-shadow:var(--shadow-md)}.nav-btn.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;box-shadow:var(--shadow-md)}.nav-btn.submit{background:linear-gradient(135deg,var(--color-success),#1e7e34);color:#fff;box-shadow:var(--shadow-md)}.nav-btn.disabled{background:var(--color-light);color:var(--color-text-muted);cursor:not-allowed;box-shadow:none}.nav-btn:not(.disabled):hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}@media (prefers-color-scheme: dark){:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-secondary: #334155;--color-surface-tertiary: #475569;--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: #475569;--color-border-light: #64748b;--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-primary-light: rgba(96, 165, 250, .2);--color-error: #f87171;--color-error-bg: rgba(248, 113, 113, .1);--color-error-text: #f87171;--color-success: #34d399;--color-success-light: rgba(52, 211, 153, .1);--color-warning: #fbbf24;--color-info: #38bdf8;--color-secondary: #9ca3af;--color-light: #374151;--shadow-sm: 0 2px 4px rgba(0,0,0,.4);--shadow-md: 0 4px 8px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.4)}.title,.form-title{background:linear-gradient(135deg,var(--color-primary),var(--color-info));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-header,.step-content{background:linear-gradient(135deg,#60a5fa14,#38bdf814);border-color:#60a5fa26}.nav-btn.secondary{background:linear-gradient(135deg,var(--color-secondary),#6b7280)}.nav-btn.submit{background:linear-gradient(135deg,var(--color-success),#059669)}.mobile-input:focus,.mobile-textarea:focus,.input:focus,.textarea:focus{box-shadow:0 0 0 4px #60a5fa4d}.nav-btn:before,.submit-btn:before,.lang-btn:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-info),var(--color-success))}.step-dot.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover))}.step-dot.completed{background:linear-gradient(135deg,var(--color-success),#059669)}}.success-screen{display:flex;align-items:center;justify-content:center;min-height:80vh;text-align:center}.success-content{max-width:400px;padding:40px 20px;background:linear-gradient(135deg,var(--color-surface-secondary) 0%,var(--color-light) 100%);border-radius:var(--radius-large);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light)}.success-icon{font-size:4rem;margin-bottom:20px;animation:bounce .6s ease-in-out;color:var(--color-success)}.success-title{font-size:24px;font-weight:600;color:var(--color-success);margin-bottom:16px}.success-message{font-size:16px;color:var(--color-text-secondary);margin-bottom:24px;line-height:1.5}.countdown{font-size:14px;color:var(--color-text-muted);padding:12px 20px;background-color:var(--color-surface-tertiary);border-radius:var(--radius);border-left:4px solid var(--color-success)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (prefers-color-scheme: dark){:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-secondary: #334155;--color-surface-tertiary: #475569;--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: #475569;--color-border-light: #64748b;--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-primary-light: rgba(96, 165, 250, .2);--color-error: #f87171;--color-error-bg: rgba(248, 113, 113, .1);--color-error-text: #f87171;--color-success: #34d399;--color-success-light: rgba(52, 211, 153, .1);--color-warning: #fbbf24;--color-info: #38bdf8;--color-secondary: #9ca3af;--color-light: #374151;--shadow-sm: 0 2px 4px rgba(0,0,0,.3);--shadow-md: 0 4px 8px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.3)}.lang-btn:hover{background-color:var(--color-surface-secondary)}.file-upload-btn:hover{background-color:var(--color-surface-tertiary)}.camera-btn:hover{background-color:var(--color-primary-hover)}.gallery-btn:hover{background-color:#059669}.preview-grid::-webkit-scrollbar-track{background:var(--color-surface)}.preview-grid::-webkit-scrollbar-thumb{background:var(--color-border)}.preview-grid::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}.mobile-input:focus,.mobile-textarea:focus,.input:focus,.textarea:focus{box-shadow:0 0 0 2px #60a5fa4d}.nav-btn:before,.file-upload-btn:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.success-content{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-secondary) 100%);border-color:var(--color-border)}}@media (min-width: 640px){.add-issue-container{padding:2rem}}@media (max-width: 768px){.step-navigation{position:fixed;bottom:0;left:0;right:0;padding:16px;border-top:1px solid var(--color-border);background:var(--color-surface);z-index:100;border-radius:0}.mobile-form{padding-bottom:100px}.upload-buttons{flex-direction:column}.file-upload-btn{min-width:unset;width:100%}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.success-content{margin:20px;padding:30px 15px}.success-icon{font-size:3rem}.success-title{font-size:20px}}@media (max-width: 480px){.preview-grid{grid-template-columns:repeat(2,1fr)}.image-preview{padding:6px}.preview-image{height:70px}.remove-image-btn{width:20px;height:20px;font-size:10px}.add-issue-container{margin:1rem;padding:1rem}.title{font-size:1.25rem}}@media (prefers-reduced-motion: reduce){.success-icon{animation:none}.nav-btn:hover,.file-upload-btn:hover,.image-preview:hover{transform:none}.progress-fill:after{animation:none}.nav-btn:before,.file-upload-btn:before{transition:none}@keyframes shimmer{0%,to{transform:translate(0)}}}@media (prefers-contrast: high){.step-dot,.file-upload-btn{border-width:3px}.remove-image-btn{border:2px solid white}.mobile-input,.mobile-textarea,.input,.textarea{border-width:2px}}.lang-btn:focus-visible,.file-upload-btn:focus-visible,.nav-btn:focus-visible,.edit-btn:focus-visible,.remove-image-btn:focus-visible,.step-dot:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.step-dot:disabled{opacity:.5;cursor:not-allowed}.step-dot:disabled:hover:after{background:transparent}.nav-btn.loading{position:relative;color:transparent}.nav-btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:button-spin 1s linear infinite;color:#fff}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-input:autofocus,.mobile-textarea:autofocus,.input:autofocus,.textarea:autofocus{animation:focus-pulse .6s ease-out}@keyframes focus-pulse{0%{box-shadow:0 0 0 0 var(--color-primary-light)}50%{box-shadow:0 0 0 8px var(--color-primary-light)}to{box-shadow:0 0 0 0 var(--color-primary-light)}}.image-preview img{transition:var(--transition-fast)}.image-preview:hover img{opacity:.9}.review-step .step-form{max-width:500px}.review-item{position:relative;overflow:hidden}.review-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-primary);opacity:0;transition:var(--transition-fast)}.review-item:hover:before{opacity:1}.mobile-error{position:relative;animation:error-shake .5s ease-in-out}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.required{animation:required-pulse 2s ease-in-out infinite}@keyframes required-pulse{0%,to{opacity:1}50%{opacity:.6}}.mobile-input:valid,.mobile-textarea:valid,.input:valid,.textarea:valid{border-color:var(--color-success)}.mobile-input:invalid:not(:focus),.mobile-textarea:invalid:not(:focus),.input:invalid:not(:focus),.textarea:invalid:not(:focus){border-color:var(--color-error);background-color:#f871710d}.nav-btn.primary:has-text("skip"){background-color:var(--color-secondary)}.nav-btn.primary:has-text("skip"):hover{background-color:#5a6268}.file-upload-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.step-navigation{box-shadow:0 -4px 12px #0000001a}.step-navigation:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}}@media (prefers-color-scheme: dark){.mobile-input:invalid:not(:focus),.mobile-textarea:invalid:not(:focus),.input:invalid:not(:focus),.textarea:invalid:not(:focus){background-color:#f871711a}@media (max-width: 768px){.step-navigation{box-shadow:0 -4px 12px #0000004d}.step-navigation:before{background:linear-gradient(90deg,transparent,var(--color-border),transparent)}}}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}@media print{.step-navigation,.upload-buttons,.remove-image-btn{display:none!important}.add-issue-container{box-shadow:none!important;background:#fff!important;color:#000!important}.success-content{box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}}.loading-departments{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--surface, #f9fafb);border:1px solid var(--border, #e5e7eb);border-radius:.5rem;color:var(--text-muted, #6b7280);font-size:.875rem}.spinner{width:1rem;height:1rem;border:2px solid var(--border, #e5e7eb);border-top:2px solid var(--accent, #06b6d4);border-radius:50%;animation:spin 1s linear infinite}.department-error{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.875rem;gap:.75rem}.retry-btn{background:#dc2626;color:#fff;border:none;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.retry-btn:hover{background:#b91c1c}.mobile-input select,select.mobile-input{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 .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}@media (prefers-color-scheme: dark){.loading-departments{background:#1f2937;border-color:#374151;color:#9ca3af}.spinner{border-color:#374151;border-top-color:#06b6d4}.department-error{background:#dc26261a;border-color:#dc262633;color:#fca5a5}select.mobile-input{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='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-color:#1f2937;border-color:#374151;color:#f9fafb}}@media (max-width: 768px){.department-error{flex-direction:column;align-items:stretch;gap:.5rem}.retry-btn{align-self:center;padding:.5rem 1rem}.layout-main{flex:.25rem!important}}.image-modal-backdrop{position:fixed;inset:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:999999;animation:view-issue-fadeIn .3s ease}.image-modal-content{position:relative;max-width:90vw;max-height:90vh}.image-modal-image{max-width:auto;max-height:900px;object-fit:contain;border-radius:8px;box-shadow:0 20px 40px #00000080}.image-modal-close{position:absolute;top:-50px;right:0;width:40px;height:40px;background-color:#ffffffe6;color:#333;border:none;border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1000000}.image-modal-close:hover{background-color:#ef4444;color:#fff;transform:scale(1.1)}@media (prefers-color-scheme: dark){.image-modal-backdrop{background-color:#000000f2}.image-modal-close{background-color:#1f2937e6;color:#f9fafb}.image-modal-close:hover{background-color:#ef4444;color:#fff}}@media (max-width: 768px){.image-modal-content{max-width:95vw;max-height:95vh}.image-modal-close{top:-40px;width:35px;height:35px;font-size:20px}}.view-issue-fullscreen-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;cursor:default;pointer-events:auto}.view-issue-fullscreen-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 20px 40px #00000080;background-color:#fff;cursor:default;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.view-issue-fullscreen-close{position:absolute;top:15px;right:15px;width:40px;height:40px;background-color:#ffffffe6;color:#333;border:none;border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #0000004d;z-index:100001;pointer-events:auto;user-select:none;-webkit-user-select:none}.view-issue-fullscreen-close:hover{background-color:#ef4444;color:#fff;transform:scale(1.1)}.view-issue-fullscreen-close:focus{outline:2px solid #3b82f6;outline-offset:2px}.view-issue-fullscreen-close:active{transform:scale(.95)}@media (prefers-color-scheme: dark){.view-issue-fullscreen-overlay{background-color:#000000f2}.view-issue-fullscreen-image{background-color:#1f2937;box-shadow:0 20px 40px #000c}.view-issue-fullscreen-close{background-color:#1f2937e6;color:#f9fafb}.view-issue-fullscreen-close:hover{background-color:#ef4444;color:#fff}}.view-issue-page{--view-issue-bg-primary: #ffffff;--view-issue-bg-secondary: #f8fafc;--view-issue-bg-tertiary: #f1f5f9;--view-issue-bg-quaternary: #e2e8f0;--view-issue-text-primary: #0f172a;--view-issue-text-secondary: #475569;--view-issue-text-muted: #94a3b8;--view-issue-border: #e2e8f0;--view-issue-border-light: #f1f5f9;--view-issue-shadow: rgba(15, 23, 42, .08);--view-issue-shadow-hover: rgba(15, 23, 42, .12);--view-issue-shadow-strong: rgba(15, 23, 42, .16);--view-issue-blue: #3b82f6;--view-issue-blue-hover: #2563eb;--view-issue-blue-light: #eff6ff;--view-issue-green: #10b981;--view-issue-green-hover: #059669;--view-issue-green-light: #ecfdf5;--view-issue-red: #ef4444;--view-issue-red-hover: #dc2626;--view-issue-red-light: #fef2f2;--view-issue-orange: #f59e0b;--view-issue-orange-hover: #d97706;--view-issue-orange-light: #fffbeb;--view-issue-yellow: #eab308;--view-issue-purple: #8b5cf6;--view-issue-purple-hover: #7c3aed;--view-issue-purple-light: #f5f3ff;--view-issue-cyan: #06b6d4;--view-issue-cyan-hover: #0891b2;--view-issue-cyan-light: #e0f7fa;--view-issue-input-bg: #ffffff;--view-issue-input-border: #d1d5db;--view-issue-input-focus: #3b82f6;--view-issue-modal-overlay: rgba(15, 23, 42, .6);--view-issue-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--view-issue-spacing-xs: .25rem;--view-issue-spacing-sm: .5rem;--view-issue-spacing-md: 1rem;--view-issue-spacing-lg: 1.5rem;--view-issue-spacing-xl: 2rem;--view-issue-radius-sm: 4px;--view-issue-radius-md: 8px;--view-issue-radius-lg: 12px;--view-issue-radius-full: 50%;--view-issue-transition-fast: .15s ease;--view-issue-transition-normal: .2s ease;--view-issue-transition-slow: .3s ease}@media (prefers-color-scheme: dark){.view-issue-page{--view-issue-bg-primary: #0f172a;--view-issue-bg-secondary: #1e293b;--view-issue-bg-tertiary: #334155;--view-issue-bg-quaternary: #475569;--view-issue-text-primary: #f8fafc;--view-issue-text-secondary: #cbd5e1;--view-issue-text-muted: #94a3b8;--view-issue-border: #334155;--view-issue-border-light: #475569;--view-issue-shadow: rgba(0, 0, 0, .3);--view-issue-shadow-hover: rgba(0, 0, 0, .4);--view-issue-shadow-strong: rgba(0, 0, 0, .5);--view-issue-blue-light: #1e3a8a;--view-issue-green-light: #064e3b;--view-issue-red-light: #7f1d1d;--view-issue-orange-light: #78350f;--view-issue-purple-light: #4c1d95;--view-issue-cyan-light: #164e63;--view-issue-input-bg: #1e293b;--view-issue-input-border: #475569;--view-issue-modal-overlay: rgba(0, 0, 0, .8)}}.view-issue-page{padding:var(--view-issue-spacing-xl);background-color:var(--view-issue-bg-primary);color:var(--view-issue-text-primary);min-height:100vh;font-family:var(--view-issue-font-family);line-height:1.6;transition:background-color var(--view-issue-transition-slow),color var(--view-issue-transition-slow);max-width:100vw;overflow-x:hidden;box-sizing:border-box}.view-issue-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--view-issue-spacing-xl);padding-bottom:var(--view-issue-spacing-lg);border-bottom:1px solid var(--view-issue-border)}.view-issue-header-left{display:flex;align-items:flex-start;gap:var(--view-issue-spacing-md)}.view-issue-back-button{display:flex;align-items:center;gap:var(--view-issue-spacing-sm);padding:.75rem var(--view-issue-spacing-md);background-color:var(--view-issue-bg-secondary);color:var(--view-issue-text-primary);text-decoration:none;border:1px solid var(--view-issue-border);border-radius:var(--view-issue-radius-md);font-size:.875rem;font-weight:500;transition:all var(--view-issue-transition-normal);cursor:pointer}.view-issue-back-button:hover{background-color:var(--view-issue-bg-tertiary);border-color:var(--view-issue-blue);transform:translateY(-1px)}.view-issue-title-section{display:flex;flex-direction:column;gap:.75rem}.view-issue-title{font-size:2rem;font-weight:700;margin:0;color:var(--view-issue-text-primary);letter-spacing:-.025em}.view-issue-meta{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.view-issue-header-actions{display:flex;gap:var(--view-issue-spacing-md)}.view-issue-job-link{display:flex;align-items:center;gap:var(--view-issue-spacing-sm);padding:.75rem 1.25rem;background-color:var(--view-issue-blue);color:#fff;text-decoration:none;border-radius:var(--view-issue-radius-md);font-size:.875rem;font-weight:500;transition:all var(--view-issue-transition-normal);box-shadow:0 1px 3px var(--view-issue-shadow)}.view-issue-job-link:hover{background-color:var(--view-issue-blue-hover);box-shadow:0 4px 12px var(--view-issue-shadow-hover);transform:translateY(-1px)}.view-issue-status-badge,.view-issue-category-badge,.view-issue-department-badge{display:inline-block;padding:.375rem .875rem;border-radius:var(--view-issue-radius-lg);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent;white-space:nowrap}.view-issue-status--open{background-color:var(--view-issue-blue-light);color:var(--view-issue-blue);border-color:var(--view-issue-blue)}.view-issue-status--inprogress{background-color:var(--view-issue-orange-light);color:var(--view-issue-orange);border-color:var(--view-issue-orange)}.view-issue-status--resolved{background-color:var(--view-issue-green-light);color:var(--view-issue-green);border-color:var(--view-issue-green)}.view-issue-status--closed{background-color:var(--view-issue-bg-quaternary);color:var(--view-issue-text-secondary);border-color:var(--view-issue-border)}.view-issue-status--unknown,.view-issue-status--default{background-color:var(--view-issue-purple-light);color:var(--view-issue-purple);border-color:var(--view-issue-purple)}.view-issue-category--quality{background-color:var(--view-issue-red-light);color:var(--view-issue-red);border-color:var(--view-issue-red)}.view-issue-category--delay{background-color:var(--view-issue-orange-light);color:var(--view-issue-orange);border-color:var(--view-issue-orange)}.view-issue-category--general{background-color:var(--view-issue-blue-light);color:var(--view-issue-blue);border-color:var(--view-issue-blue)}.view-issue-category--other,.view-issue-category--default{background-color:var(--view-issue-bg-quaternary);color:var(--view-issue-text-secondary);border-color:var(--view-issue-border)}.view-issue-department-badge{background-color:var(--view-issue-cyan-light);color:var(--view-issue-cyan);border-color:var(--view-issue-cyan)}.view-issue-content{display:grid;grid-template-columns:1fr 400px;gap:var(--view-issue-spacing-xl);align-items:start;max-width:100%;overflow:hidden}.view-issue-details-section{min-width:0;overflow:hidden}.view-issue-details-card{background-color:var(--view-issue-bg-secondary);border:1px solid var(--view-issue-border);border-radius:var(--view-issue-radius-lg);padding:var(--view-issue-spacing-xl);box-shadow:0 4px 6px var(--view-issue-shadow);width:100%;box-sizing:border-box}.view-issue-section-title{font-size:1.25rem;font-weight:600;margin:0 0 var(--view-issue-spacing-lg) 0;color:var(--view-issue-text-primary);letter-spacing:-.025em}.view-issue-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--view-issue-spacing-lg);margin-bottom:var(--view-issue-spacing-xl)}.view-issue-detail-item{display:flex;flex-direction:column;gap:var(--view-issue-spacing-sm)}.view-issue-detail-label{font-size:.875rem;font-weight:600;color:var(--view-issue-text-secondary);text-transform:uppercase;letter-spacing:.5px}.view-issue-detail-value{font-size:1rem;color:var(--view-issue-text-primary);font-weight:500}.view-issue-job-number-link{color:var(--view-issue-blue);text-decoration:none;font-weight:600;transition:color var(--view-issue-transition-normal)}.view-issue-job-number-link:hover{color:var(--view-issue-blue-hover);text-decoration:underline}.view-issue-department-info{display:flex;flex-direction:column;gap:var(--view-issue-spacing-xs)}.view-issue-department-name{font-weight:600;color:var(--view-issue-text-primary);font-size:.875rem}.view-issue-department-manager{font-size:.75rem;color:var(--view-issue-text-muted);font-weight:500}.view-issue-department-email{font-size:.75rem;color:var(--view-issue-cyan);text-decoration:none;transition:color var(--view-issue-transition-normal)}.view-issue-department-email:hover{color:var(--view-issue-cyan-hover);text-decoration:underline}.view-issue-description-section,.view-issue-report-section,.view-issue-attachments-section{margin-bottom:var(--view-issue-spacing-xl)}.view-issue-description-content{background-color:var(--view-issue-bg-primary);border:1px solid var(--view-issue-border);border-radius:var(--view-issue-radius-md);padding:1.25rem;font-size:1rem;line-height:1.6;color:var(--view-issue-text-primary);margin-top:.75rem;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;max-width:100%;box-sizing:border-box}.view-issue-report-content{background-color:var(--view-issue-blue-light);border:1px solid var(--view-issue-blue);border-radius:var(--view-issue-radius-md);padding:var(--view-issue-spacing-lg);margin-top:.75rem;max-width:100%;box-sizing:border-box;position:relative;font-family:var(--view-issue-font-family)}.view-issue-report-content:before{content:"🤖";position:absolute;top:var(--view-issue-spacing-md);right:var(--view-issue-spacing-md);font-size:1.25rem;opacity:.7}.view-issue-formatted-report{font-size:.95rem;line-height:1.6;color:var(--view-issue-text-primary)}.view-issue-report-header{color:var(--view-issue-blue);font-weight:700;font-size:1rem;margin:var(--view-issue-spacing-lg) 0 .75rem 0;padding-bottom:var(--view-issue-spacing-sm);border-bottom:2px solid var(--view-issue-blue);display:flex;align-items:center;gap:var(--view-issue-spacing-sm)}.view-issue-report-header:first-child{margin-top:0}.view-issue-report-header:before{content:"📋";font-size:.9rem}.view-issue-report-paragraph{margin:.75rem 0;color:var(--view-issue-text-primary);line-height:1.6}.view-issue-report-list-item{display:flex;align-items:flex-start;margin:var(--view-issue-spacing-sm) 0;padding-left:var(--view-issue-spacing-sm)}.view-issue-report-number{background-color:var(--view-issue-blue);color:#fff;border-radius:var(--view-issue-radius-full);width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;margin-right:.75rem;flex-shrink:0}.view-issue-report-bullet-item{display:flex;align-items:flex-start;margin:var(--view-issue-spacing-sm) 0;padding-left:var(--view-issue-spacing-sm)}.view-issue-report-bullet{color:var(--view-issue-blue);font-weight:700;font-size:1.2rem;margin-right:.75rem;flex-shrink:0;line-height:1.2}.view-issue-report-text{flex:1;line-height:1.5;color:var(--view-issue-text-primary)}.view-issue-image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--view-issue-spacing-md);margin-top:.75rem}.view-issue-image-thumbnail{position:relative;aspect-ratio:1;border-radius:var(--view-issue-radius-md);overflow:hidden;background-color:var(--view-issue-bg-tertiary);border:1px solid var(--view-issue-border);transition:all var(--view-issue-transition-slow)}.view-issue-image-thumbnail:hover{transform:scale(1.02);box-shadow:0 8px 25px var(--view-issue-shadow-hover)}.view-issue-preview-image{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:opacity var(--view-issue-transition-normal)}.view-issue-preview-image:hover{opacity:.9}.view-issue-preview-image:focus{outline:2px solid var(--view-issue-blue);outline-offset:2px}.view-issue-image-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--view-issue-spacing-sm);color:var(--view-issue-text-muted);font-size:.875rem;background-color:var(--view-issue-bg-tertiary)}.view-issue-loading-spinner{width:24px;height:24px;border:2px solid var(--view-issue-border);border-top-color:var(--view-issue-blue);border-radius:var(--view-issue-radius-full);animation:view-issue-spin 1s linear infinite}@keyframes view-issue-spin{to{transform:rotate(360deg)}}.view-issue-heic-error,.view-issue-image-error-generic{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--view-issue-spacing-md);text-align:center;background-color:var(--view-issue-red-light);color:var(--view-issue-red);font-size:.875rem}.view-issue-error-content{display:flex;flex-direction:column;gap:.75rem;align-items:center}.view-issue-error-icon{font-size:2rem}.view-issue-error-message strong{display:block;margin-bottom:var(--view-issue-spacing-xs)}.view-issue-error-actions{display:flex;gap:var(--view-issue-spacing-sm);flex-wrap:wrap}.view-issue-download-btn,.view-issue-retry-btn,.view-issue-retry-btn-small,.view-issue-download-link{padding:.375rem .75rem;font-size:.75rem;border:none;border-radius:var(--view-issue-radius-sm);cursor:pointer;text-decoration:none;transition:all var(--view-issue-transition-normal);font-weight:500}.view-issue-download-btn,.view-issue-download-link{background-color:var(--view-issue-blue);color:#fff}.view-issue-download-btn:hover,.view-issue-download-link:hover{background-color:var(--view-issue-blue-hover)}.view-issue-retry-btn,.view-issue-retry-btn-small{background-color:var(--view-issue-orange);color:#fff}.view-issue-retry-btn:hover,.view-issue-retry-btn-small:hover{background-color:var(--view-issue-orange-hover)}.view-issue-fullscreen-overlay{position:fixed;inset:0;background-color:var(--view-issue-modal-overlay);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:view-issue-fadeIn var(--view-issue-transition-slow);cursor:pointer}@keyframes view-issue-fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.view-issue-fullscreen-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;cursor:default}.view-issue-fullscreen-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--view-issue-radius-md);box-shadow:0 20px 40px var(--view-issue-shadow-strong);background-color:var(--view-issue-bg-primary);cursor:default;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.view-issue-fullscreen-close{position:absolute;top:1rem;right:1rem;width:3rem;height:3rem;background-color:var(--view-issue-bg-primary);color:var(--view-issue-text-primary);border:2px solid var(--view-issue-border);border-radius:var(--view-issue-radius-full);font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--view-issue-transition-normal);box-shadow:0 4px 12px var(--view-issue-shadow-strong);z-index:10001}.view-issue-fullscreen-close:hover{background-color:var(--view-issue-red);color:#fff;border-color:var(--view-issue-red);transform:scale(1.1)}.view-issue-fullscreen-close:focus{outline:2px solid var(--view-issue-blue);outline-offset:2px}.view-issue-edit-section{position:sticky;top:var(--view-issue-spacing-xl);height:fit-content;min-width:0;max-width:400px}.view-issue-edit-form-card{background-color:var(--view-issue-bg-secondary);border:1px solid var(--view-issue-border);border-radius:var(--view-issue-radius-lg);padding:var(--view-issue-spacing-lg);box-shadow:0 4px 6px var(--view-issue-shadow);width:100%;box-sizing:border-box}.view-issue-edit-form{display:flex;flex-direction:column;gap:var(--view-issue-spacing-lg)}.view-issue-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--view-issue-spacing-lg)}.view-issue-unsaved-indicator{font-size:.875rem;color:var(--view-issue-orange);font-weight:500}.view-issue-form-grid{display:grid;grid-template-columns:1fr;gap:var(--view-issue-spacing-lg);margin-bottom:var(--view-issue-spacing-lg)}.view-issue-form-group{display:flex;flex-direction:column;gap:var(--view-issue-spacing-sm)}.view-issue-form-label{font-size:.875rem;font-weight:600;color:var(--view-issue-text-primary);letter-spacing:.025em}.view-issue-form-select,.view-issue-form-textarea{padding:.75rem;border:2px solid var(--view-issue-input-border);border-radius:var(--view-issue-radius-md);background-color:var(--view-issue-input-bg);color:var(--view-issue-text-primary);font-size:.875rem;transition:all var(--view-issue-transition-normal);font-family:inherit}.view-issue-form-select:focus,.view-issue-form-textarea:focus{outline:none;border-color:var(--view-issue-input-focus);box-shadow:0 0 0 3px #3b82f61a}.view-issue-form-textarea{resize:vertical;min-height:100px;line-height:1.5}.view-issue-form-textarea::placeholder{color:var(--view-issue-text-muted)}.view-issue-form-actions{display:flex;gap:var(--view-issue-spacing-md);justify-content:flex-end}.view-issue-reset-button,.view-issue-save-button{padding:.75rem var(--view-issue-spacing-lg);border:none;border-radius:var(--view-issue-radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--view-issue-transition-normal);min-width:100px}.view-issue-reset-button{background-color:var(--view-issue-bg-tertiary);color:var(--view-issue-text-primary);border:1px solid var(--view-issue-border)}.view-issue-reset-button:hover:not(:disabled){background-color:var(--view-issue-bg-quaternary);border-color:var(--view-issue-orange)}.view-issue-save-button{background-color:var(--view-issue-green);color:#fff;box-shadow:0 1px 3px var(--view-issue-shadow)}.view-issue-save-button:hover:not(:disabled){background-color:var(--view-issue-green-hover);box-shadow:0 4px 12px var(--view-issue-shadow-hover);transform:translateY(-1px)}.view-issue-reset-button:disabled,.view-issue-save-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.view-issue-error-message{display:flex;align-items:center;gap:.75rem;padding:var(--view-issue-spacing-md);background-color:var(--view-issue-red-light);border:1px solid var(--view-issue-red);border-radius:var(--view-issue-radius-md);color:var(--view-issue-red);font-size:.875rem;font-weight:500;margin-bottom:var(--view-issue-spacing-lg)}.view-issue-error-message .view-issue-error-icon{font-size:1rem;flex-shrink:0}.view-issue-loading-state,.view-issue-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:var(--view-issue-spacing-md);text-align:center}.view-issue-error-state .view-issue-error-icon{font-size:3rem}.view-issue-error-state h3{font-size:1.5rem;font-weight:600;color:var(--view-issue-text-primary);margin:0}.view-issue-error-state p{color:var(--view-issue-text-secondary);margin:0;max-width:400px}.view-issue-retry-button{padding:.75rem var(--view-issue-spacing-lg);background-color:var(--view-issue-blue);color:#fff;border:none;border-radius:var(--view-issue-radius-md);cursor:pointer;font-size:.875rem;font-weight:500;transition:all var(--view-issue-transition-normal);box-shadow:0 1px 3px var(--view-issue-shadow)}.view-issue-retry-button:hover{background-color:var(--view-issue-blue-hover);box-shadow:0 4px 12px var(--view-issue-shadow-hover);transform:translateY(-1px)}.view-issue-notifications{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:var(--view-issue-spacing-sm);pointer-events:none}.view-issue-toast{pointer-events:auto;min-width:300px;max-width:500px;background-color:var(--view-issue-bg-primary);border:1px solid var(--view-issue-border);border-radius:var(--view-issue-radius-md);box-shadow:0 8px 25px var(--view-issue-shadow-strong);animation:view-issue-slideInRight var(--view-issue-transition-slow)}@keyframes view-issue-slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.view-issue-toast__content{display:flex;align-items:center;gap:.75rem;padding:var(--view-issue-spacing-md)}.view-issue-toast__icon{font-size:1.125rem;flex-shrink:0}.view-issue-toast__message{flex:1;color:var(--view-issue-text-primary);font-size:.875rem;line-height:1.4}.view-issue-toast__close{background:none;border:none;color:var(--view-issue-text-muted);cursor:pointer;font-size:1.25rem;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--view-issue-radius-full);transition:all var(--view-issue-transition-normal);flex-shrink:0}.view-issue-toast__close:hover{background-color:var(--view-issue-bg-tertiary);color:var(--view-issue-text-primary)}.view-issue-toast--success{border-left:4px solid var(--view-issue-green)}.view-issue-toast--error{border-left:4px solid var(--view-issue-red)}.view-issue-toast--info{border-left:4px solid var(--view-issue-blue)}body.view-issue-modal-open{overflow:hidden}@media (max-width: 1400px){.view-issue-content{grid-template-columns:1fr 350px}}@media (max-width: 1200px){.view-issue-content{grid-template-columns:1fr;gap:var(--view-issue-spacing-xl)}.view-issue-edit-section,.view-issue-edit-form-card{position:static;max-width:none}}@media (max-width: 768px){.view-issue-page{padding:var(--view-issue-spacing-md)}.view-issue-header{flex-direction:column;gap:var(--view-issue-spacing-md);align-items:stretch}.view-issue-header-left{flex-direction:column;gap:var(--view-issue-spacing-md)}.view-issue-title{font-size:1.5rem}.view-issue-meta{flex-wrap:wrap}.view-issue-details-card,.view-issue-edit-form-card{padding:var(--view-issue-spacing-lg)}.view-issue-detail-grid{grid-template-columns:1fr;gap:var(--view-issue-spacing-md)}.view-issue-image-gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.view-issue-form-actions{flex-direction:column}.view-issue-notifications{left:var(--view-issue-spacing-md);right:var(--view-issue-spacing-md)}.view-issue-toast{min-width:auto}.view-issue-department-info{gap:.125rem}.view-issue-department-name{font-size:.8125rem}.view-issue-department-manager,.view-issue-department-email{font-size:.6875rem}}@media (max-width: 480px){.view-issue-page{padding:.75rem}.view-issue-title{font-size:1.25rem}.view-issue-details-card,.view-issue-edit-form-card{padding:var(--view-issue-spacing-md)}.view-issue-image-gallery{grid-template-columns:repeat(2,1fr)}.view-issue-fullscreen-content{max-width:95vw;max-height:95vh;padding:var(--view-issue-spacing-sm)}.view-issue-fullscreen-close{top:-.5rem;right:-.5rem;width:2.5rem;height:2.5rem;font-size:1.25rem}}.view-issue-page button:focus,.view-issue-page a:focus,.view-issue-page input:focus,.view-issue-page select:focus,.view-issue-page textarea:focus{outline:2px solid var(--view-issue-blue);outline-offset:2px}@media (prefers-contrast: high){.view-issue-page{--view-issue-border: #000000;--view-issue-shadow: rgba(0, 0, 0, .5)}.view-issue-details-card,.view-issue-edit-form-card,.view-issue-toast{border-width:2px}}@media (prefers-reduced-motion: reduce){.view-issue-page *,.view-issue-page *:before,.view-issue-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.view-issue-back-button:hover,.view-issue-job-link:hover,.view-issue-save-button:hover,.view-issue-image-thumbnail:hover{transform:none}}@media print{.view-issue-page{background-color:#fff!important;color:#000!important;padding:0}.view-issue-back-button,.view-issue-header-actions,.view-issue-edit-section,.view-issue-notifications{display:none!important}.view-issue-content{grid-template-columns:1fr}.view-issue-details-card{box-shadow:none!important;border:2px solid black!important}.view-issue-status-badge,.view-issue-category-badge,.view-issue-department-badge{border:1px solid black!important;background:#fff!important;color:#000!important}}.view-issue-preview-image,.view-issue-fullscreen-image,.view-issue-loading-spinner{will-change:transform}.view-issue-fullscreen-overlay{isolation:isolate}.view-issue-section-title{position:relative}.view-issue-section-title:after{content:"";position:absolute;bottom:-.5rem;left:0;width:2rem;height:2px;background-color:var(--view-issue-blue);border-radius:1px}.view-issue-back-button:active,.view-issue-job-link:active,.view-issue-save-button:active,.view-issue-reset-button:active{transform:translateY(0)}.view-issue-form-select:invalid,.view-issue-form-textarea:invalid{border-color:var(--view-issue-red);box-shadow:0 0 0 3px #ef44441a}.view-issue-loading-state{animation:view-issue-pulse 2s infinite}@keyframes view-issue-pulse{0%,to{opacity:1}50%{opacity:.7}}:root{--bg: #fff;--fg: #333;--border: #ccc;--accent: #1e90ff;--error: #d9534f}@media (prefers-color-scheme: dark){:root{--bg: #0f172a;--fg: #eee;--border: #444;--accent: #409eff;--error: #ff6b6b}}.users-admin{background:var(--bg);color:var(--fg);padding:1rem;max-width:1000px;margin:0 auto}.users-admin h1{margin-bottom:1rem}.ua-loading,.ua-error{color:var(--error);text-align:center;padding:1rem}.user-form{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1rem;margin-bottom:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.user-form h2{grid-column:span 2;margin:0 0 .5rem}.user-form label{display:flex;flex-direction:column;font-weight:500}.user-form input,.user-form select{margin-top:.25rem;padding:.5rem;border:1px solid var(--border);border-radius:3px;background:var(--bg);color:var(--fg)}.form-buttons{grid-column:span 2;display:flex;gap:.5rem;justify-content:flex-end}.user-form button{padding:.5rem 1rem;border:none;background:var(--accent);color:#fff;cursor:pointer;border-radius:3px}.user-form .cancel-btn{background:var(--border);color:var(--fg)}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{border:1px solid var(--border);padding:.5rem;text-align:left}.users-table th{background:var(--border)}.users-table tr:nth-child(2n){background:#00000005}.users-table button{margin-right:.5rem;padding:.25rem .5rem;border:none;background:var(--accent);color:#fff;cursor:pointer;border-radius:3px;font-size:.9rem}.users-table .delete-btn{background:var(--error)}.actions-col{width:120px}.create-report-page{--bg-primary: #fafafa;--bg-secondary: #f5f5f5;--bg-card: #ffffff;--bg-input: #ffffff;--bg-hover: #f8f9fa;--bg-selected: #f0f4f8;--bg-selected-alt: #e2e8f0;--bg-warning: #fffbf0;--bg-error: #fef7f7;--bg-success: #f0fdf4;--text-primary: #1a202c;--text-secondary: #718096;--text-tertiary: #a0aec0;--text-accent: #2d3748;--text-muted: #cbd5e0;--text-brand: #4f46e5;--text-warning: #d69e2e;--text-error: #e53e3e;--text-success: #38a169;--border-light: #f7fafc;--border-base: #e2e8f0;--border-medium: #cbd5e0;--border-dark: #a0aec0;--border-focus: #4f46e5;--border-warning: #ed8936;--border-error: #fc8181;--border-success: #68d391;--accent-primary: #4f46e5;--accent-secondary: #7c3aed;--accent-neutral: #6b7280;--accent-warning: #f59e0b;--accent-error: #ef4444;--accent-success: #10b981;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-focus: 0 0 0 3px rgba(79, 70, 229, .1);min-height:100vh;background:var(--bg-primary);padding:0;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}@media (prefers-color-scheme: dark){.create-report-page{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: #1a1a1a;--bg-input: #262626;--bg-hover: #2a2a2a;--bg-selected: #1e293b;--bg-selected-alt: #334155;--bg-warning: #1f1611;--bg-error: #1f1315;--bg-success: #0f1a14;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-accent: #e4e4e7;--text-muted: #52525b;--text-brand: #6366f1;--text-warning: #fbbf24;--text-error: #f87171;--text-success: #34d399;--border-light: #262626;--border-base: #404040;--border-medium: #525252;--border-dark: #737373;--border-focus: #6366f1;--border-warning: #f59e0b;--border-error: #ef4444;--border-success: #10b981;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-neutral: #9ca3af;--accent-warning: #f59e0b;--accent-error: #ef4444;--accent-success: #10b981;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-focus: 0 0 0 3px rgba(99, 102, 241, .2)}}.create-report-page .page-container{margin:0 auto;padding:2rem 1rem}.create-report-page .page-header{margin-bottom:3rem}.create-report-page .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.create-report-page .title-section{flex:1}.create-report-page .page-title{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;line-height:1.2;letter-spacing:-.02em}.create-report-page .page-subtitle{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.5;font-weight:400}.create-report-page .back-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-base);border-radius:6px;color:var(--text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s ease;cursor:pointer;white-space:nowrap;width:fit-content}.create-report-page .back-button:hover{background:var(--bg-hover);color:var(--text-accent)}.create-report-page .report-form{display:flex;flex-direction:column;gap:2rem}.create-report-page .form-step{background:var(--bg-card);border-radius:8px;padding:2rem;border:1px solid var(--border-light);transition:border-color .15s ease}.create-report-page .form-step:hover{border-color:var(--border-base)}.create-report-page .step-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.create-report-page .issues-actions{display:flex;gap:.75rem;align-items:center}.create-report-page .step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent-primary);color:#fff;font-weight:600;font-size:.875rem;border-radius:50%;flex-shrink:0}.create-report-page .step-info{flex:1}.create-report-page .step-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;line-height:1.4}.create-report-page .step-description{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.create-report-page .select-all-button{padding:.5rem .75rem;background:var(--bg-hover);border:1px solid var(--border-base);border-radius:4px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.create-report-page .select-all-button:hover{background:var(--bg-selected);color:var(--text-brand)}.create-report-page .form-group{margin-bottom:1.5rem}.create-report-page .form-group:last-child{margin-bottom:0}.create-report-page .form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-accent);margin-bottom:.5rem}.create-report-page .form-input{width:100%;padding:.75rem;border:1px solid var(--border-base);border-radius:6px;font-size:.875rem;transition:border-color .15s ease;background:var(--bg-input);color:var(--text-primary);font-family:inherit}.create-report-page .form-input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.create-report-page .form-textarea{width:100%;padding:.75rem;border:1px solid var(--border-base);border-radius:6px;font-size:.875rem;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .15s ease;background:var(--bg-input);color:var(--text-primary);line-height:1.5}.create-report-page .form-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.create-report-page .ai-textarea{background:var(--bg-warning);border-color:var(--border-warning)}.create-report-page .field-hint{font-size:.75rem;color:var(--text-tertiary);margin-top:.5rem;margin-bottom:0;line-height:1.4}.create-report-page .loading-state{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-base);border-radius:6px;color:var(--text-secondary);font-size:.875rem}.create-report-page .loading-spinner{width:16px;height:16px;border:2px solid var(--border-base);border-top:2px solid var(--accent-primary);border-radius:50%;animation:create-report-spin 1s linear infinite}@keyframes create-report-spin{to{transform:rotate(360deg)}}.create-report-page .job-card{background:var(--bg-selected);border:1px solid var(--border-medium);border-radius:6px;padding:1.5rem;margin-top:1rem}.create-report-page .job-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}.create-report-page .job-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.create-report-page .job-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.create-report-page .job-detail{display:flex;flex-direction:column;gap:.25rem}.create-report-page .job-detail.full-width{grid-column:1 / -1}.create-report-page .detail-label{font-size:.75rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.create-report-page .detail-value{font-size:.875rem;color:var(--text-accent);font-weight:500}.create-report-page .status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.create-report-page .status-badge.status-active{background:var(--bg-success);color:var(--text-success)}.create-report-page .status-badge.status-pending{background:var(--bg-warning);color:var(--text-warning)}.create-report-page .status-badge.status-completed{background:var(--bg-selected);color:var(--text-brand)}.create-report-page .status-badge.status-cancelled{background:var(--bg-error);color:var(--text-error)}.create-report-page .categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.create-report-page .category-item{position:relative;display:flex;align-items:center;padding:1rem;background:var(--bg-card);border:1px solid var(--border-base);border-radius:6px;cursor:pointer;transition:all .15s ease}.create-report-page .category-item:hover{border-color:var(--border-medium);background:var(--bg-hover)}.create-report-page .category-checkbox{position:absolute;opacity:0;pointer-events:none}.create-report-page .category-checkbox:checked+.category-content{color:var(--text-brand)}.create-report-page .category-checkbox:checked+.category-content .category-indicator{background:var(--accent-primary);border-color:var(--accent-primary)}.create-report-page .category-checkbox:checked+.category-content .category-indicator:after{opacity:1;transform:scale(1)}.create-report-page .category-item:has(.category-checkbox:checked){border-color:var(--border-focus);background:var(--bg-selected)}.create-report-page .category-content{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--text-accent);transition:color .15s ease}.create-report-page .category-name{font-size:.875rem;font-weight:500}.create-report-page .category-indicator{width:18px;height:18px;border:1px solid var(--border-medium);border-radius:3px;position:relative;transition:all .15s ease}.create-report-page .category-indicator:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);color:#fff;font-size:10px;font-weight:700;opacity:0;transition:all .15s ease}.create-report-page .issues-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.create-report-page .issue-card{position:relative;background:var(--bg-card);border:1px solid var(--border-base);border-radius:6px;transition:all .15s ease;overflow:hidden;height:fit-content}.create-report-page .issue-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.create-report-page .issue-card-label{display:flex;cursor:pointer;padding:1.5rem;height:100%}.create-report-page .issue-checkbox{position:absolute;opacity:0;pointer-events:none}.create-report-page .issue-checkbox:checked+.issue-content{opacity:1}.create-report-page .issue-checkbox:checked~.issue-indicator{background:var(--accent-primary);transform:scaleY(1)}.create-report-page .issue-card:has(.issue-checkbox:checked){border-color:var(--border-focus);background:var(--bg-selected)}.create-report-page .issue-content{flex:1;opacity:.8;transition:opacity .15s ease}.create-report-page .issue-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.create-report-page .issue-meta{display:flex;align-items:center;gap:.5rem}.create-report-page .issue-id{font-size:.875rem;font-weight:600;color:var(--text-accent)}.create-report-page .issue-order{font-size:.75rem;color:var(--text-tertiary);background:var(--bg-secondary);padding:.125rem .375rem;border-radius:4px;font-weight:500}.create-report-page .issue-badges{display:flex;gap:.5rem;flex-wrap:wrap}.create-report-page .category-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;background:var(--bg-secondary);color:var(--text-secondary);border-radius:4px;font-size:.75rem;font-weight:500}.create-report-page .issue-description{font-size:.875rem;color:var(--text-accent);line-height:1.5;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.create-report-page .issue-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-tertiary)}.create-report-page .issue-author{display:flex;align-items:center;gap:.375rem;font-weight:500}.create-report-page .issue-date{font-weight:400}.create-report-page .issue-indicator{position:absolute;top:0;right:0;width:3px;height:100%;background:var(--border-base);transform:scaleY(0);transform-origin:top;transition:all .15s ease}.create-report-page .issues-pagination{display:flex;justify-content:center;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-light)}.create-report-page .load-more-button,.create-report-page .show-less-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-base);border-radius:6px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.create-report-page .load-more-button:hover,.create-report-page .show-less-button:hover{background:var(--bg-hover);border-color:var(--border-medium)}.create-report-page .load-more-button{background:var(--bg-selected);border-color:var(--border-focus);color:var(--text-brand)}.create-report-page .load-more-button:hover{background:var(--bg-selected-alt)}.create-report-page .no-issues-message{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:var(--bg-warning);border:1px solid var(--border-warning);border-radius:6px;text-align:left}.create-report-page .no-issues-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border-radius:6px;color:var(--accent-warning)}.create-report-page .no-issues-content{flex:1}.create-report-page .no-issues-title{font-size:1rem;font-weight:600;color:var(--text-warning);margin:0 0 .5rem}.create-report-page .no-issues-text{font-size:.875rem;color:var(--text-warning);line-height:1.5;margin:0 0 .75rem}.create-report-page .no-issues-note{font-size:.75rem;color:var(--text-warning);margin:0;line-height:1.4}.create-report-page .no-issues-note strong{font-weight:600}.create-report-page .error-message{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-error);border:1px solid var(--border-error);border-radius:6px;color:var(--text-error);font-size:.875rem;font-weight:500}.create-report-page .form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:2rem;border-top:1px solid var(--border-light);margin-top:2rem}.create-report-page .cancel-button{padding:.75rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-base);border-radius:6px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.create-report-page .cancel-button:hover{background:var(--bg-hover);color:var(--text-accent)}.create-report-page .submit-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-primary);border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.create-report-page .submit-button:hover:not(:disabled){background:var(--accent-secondary)}.create-report-page .submit-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.create-report-page .page-container{padding:1.5rem 1rem}.create-report-page .header-content{flex-direction:column;align-items:stretch;gap:1.5rem}.create-report-page .page-title{font-size:1.75rem}.create-report-page .form-step{padding:1.5rem}.create-report-page .step-header{flex-direction:column;gap:.75rem}.create-report-page .step-number,.create-report-page .issues-actions{align-self:flex-start}.create-report-page .categories-grid,.create-report-page .issues-grid,.create-report-page .job-details{grid-template-columns:1fr}.create-report-page .issue-header{flex-direction:column;align-items:flex-start;gap:.75rem}.create-report-page .issues-pagination{flex-direction:column;align-items:center}.create-report-page .no-issues-message{flex-direction:column;text-align:center;gap:1rem}.create-report-page .form-actions{flex-direction:column-reverse;gap:.75rem}.create-report-page .cancel-button,.create-report-page .submit-button{width:100%;justify-content:center}}@media (max-width: 480px){.create-report-page .page-container{padding:1rem .75rem}.create-report-page .page-title{font-size:1.5rem}.create-report-page .form-step,.create-report-page .issue-card-label{padding:1rem}}.create-report-page .form-input:focus-visible,.create-report-page .form-textarea:focus-visible,.create-report-page .category-item:focus-visible,.create-report-page .issue-card:focus-visible,.create-report-page .back-button:focus-visible,.create-report-page .cancel-button:focus-visible,.create-report-page .submit-button:focus-visible,.create-report-page .select-all-button:focus-visible,.create-report-page .load-more-button:focus-visible,.create-report-page .show-less-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.create-report-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.reports-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.reports-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.reports-header{margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.history-button{color:var(--text)}.page-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.025em}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;text-decoration:none;font-weight:600;font-size:.875rem;transition:all .2s ease;border:none;cursor:pointer;box-shadow:0 4px 6px -1px #3b82f64d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 15px -3px #3b82f666}.btn-search{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#059669,#047857);color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:.875rem;transition:all .2s ease;border:none;cursor:pointer;box-shadow:0 4px 6px -1px #0596694d}.btn-search:hover{transform:translateY(-1px);box-shadow:0 8px 15px -3px #05966966}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;background:#f8fafc;color:#475569;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:.875rem;transition:all .2s ease;border:1px solid #e2e8f0;cursor:pointer}.btn-secondary:hover{background:#f1f5f9;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.search-section{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #f1f5f9}.search-form{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.search-input-group{flex:1;min-width:300px}.search-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.search-input{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.875rem;transition:all .2s ease;background:#fafafa}.search-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.search-actions{display:flex;gap:.75rem}.reports-page .filter-section{background:#fff;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #f1f5f9}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:#f1f5f9;transform:translateY(-1px)}.filter-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f64d}.error-message{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;padding:1rem 1.5rem;border-radius:.75rem;border:1px solid #fecaca;margin-bottom:1.5rem;font-weight:500}.reports-loading{display:flex;align-items:center;justify-content:center;gap:1rem;height:50vh;font-size:1.125rem;color:#64748b}.loading-spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.reports-table-container{background:#fff;border-radius:1rem;border:1px solid #f1f5f9;overflow:hidden;box-shadow:0 1px 3px #0000001a}.reports-table{width:100%}.table-header{display:grid;grid-template-columns:120px 200px 140px 1fr 80px 100px 120px 140px;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;font-weight:600;font-size:.875rem;color:#374151}.header-cell{display:flex;align-items:center;white-space:nowrap}.table-body{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:120px 200px 140px 1fr 80px 100px 120px 140px;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;transition:all .2s ease;align-items:center}.table-row:hover{background:linear-gradient(135deg,#fafbff,#f8fafc);transform:translate(2px)}.table-row:last-child{border-bottom:none}.table-cell{display:flex;align-items:center;font-size:.875rem;min-height:2rem}.report-id-wrapper{display:flex;flex-direction:column;gap:.25rem}.report-number{font-weight:700;color:#1f2937;font-size:1rem}.job-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.125rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;width:fit-content}.job-info{display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.customer-name{font-weight:600;color:#3b82f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-description{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.categories-wrapper{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.category-tag-small{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;padding:.125rem .5rem;border-radius:.75rem;font-size:.7rem;font-weight:600;border:1px solid #93c5fd;white-space:nowrap}.category-more{background:#f3f4f6;color:#6b7280;padding:.125rem .5rem;border-radius:.75rem;font-size:.7rem;font-weight:500}.description-preview{color:#4b5563;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.issues-count{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-weight:500}.issues-icon{width:1rem;height:1rem}.status-wrapper{display:flex;align-items:center}.status-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-complete{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;border:1px solid #6ee7b7}.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;border:1px solid #fcd34d}.status-icon{width:.875rem;height:.875rem}.date-info{display:flex;flex-direction:column;gap:.125rem}.created-date{font-weight:500;color:#374151}.created-time{font-size:.75rem;color:#6b7280}.action-buttons{display:flex;gap:.5rem}.btn-action{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease}.btn-view{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.btn-view:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-action .btn-icon{width:1rem;height:1rem}@media (max-width: 1200px){.table-header,.table-row{grid-template-columns:100px 180px 120px 1fr 60px 90px 100px 120px}}@media (max-width: 768px){.reports-table-container{overflow-x:auto}.table-header,.table-row{grid-template-columns:100px 160px 100px 200px 50px 80px 90px 100px;min-width:880px}.table-header,.table-row{padding:.75rem 1rem}.action-buttons{gap:.25rem}.btn-action{width:1.75rem;height:1.75rem}}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1rem;border:1px solid #f1f5f9}.empty-icon{width:4rem;height:4rem;color:#9ca3af;margin:0 auto 1rem}.empty-title{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.empty-subtitle{color:#6b7280;font-size:.875rem;margin:0}.report-description-meta{font-size:.875rem;color:#6b7280;margin:0}.report-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-action{display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;font-size:.75rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.btn-ai{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.btn-ai:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-delete:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.report-categories{padding:0 2rem 1rem;display:flex;flex-wrap:wrap;gap:.5rem}.category-tag{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;border:1px solid #93c5fd}.report-content{padding:0 2rem 1rem;overflow:hidden}.content-section{margin-bottom:1.5rem;overflow:hidden}.content-section:last-child{margin-bottom:0}.content-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#374151;margin:0 0 .75rem}.title-icon{width:1rem;height:1rem;color:#8b5cf6}.content-text{color:#4b5563;line-height:1.6;margin:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.ai-summary{background:linear-gradient(135deg,#faf5ff,#f3e8ff);padding:1.5rem;border-radius:.75rem;border:1px solid #e9d5ff;margin-top:1rem}.ai-summary-content{background:#fff;padding:1rem;border-radius:.5rem;border:1px solid #e9d5ff}.ai-summary-content .content-text{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;line-height:1.6;max-width:100%}.issues-list{display:flex;flex-direction:column;gap:.75rem}.issue-item{background:#f8fafc;padding:1rem;border-radius:.75rem;border:1px solid #e2e8f0;transition:all .2s ease}.issue-item:hover{background:#f1f5f9;transform:translate(4px)}.issue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.issue-id{font-weight:600;color:#374151;font-size:.875rem}.status-badge{padding:.125rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-open{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:1px solid #fca5a5}.status-inprogress{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;border:1px solid #fcd34d}.status-resolved,.status-closed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;border:1px solid #6ee7b7}.category-badge{background:#e5e7eb;color:#374151;padding:.125rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:500}.issue-description{color:#4b5563;font-size:.875rem;line-height:1.5;margin:0}.report-metadata{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#f8fafc;border-top:1px solid #f1f5f9;font-size:.875rem;color:#6b7280;flex-wrap:wrap;gap:1rem}.metadata-item{display:flex;align-items:center;gap:.25rem}@media (max-width: 768px){.reports-container{padding:1rem}.page-title{font-size:2rem}.header-content{flex-direction:column;align-items:flex-start}.search-form{flex-direction:column;align-items:stretch}.search-input-group{min-width:auto}.search-actions{justify-content:stretch}.search-actions>*{flex:1}.category-filters{justify-content:center}.report-header{flex-direction:column;gap:1rem;align-items:stretch}.report-actions{justify-content:flex-end}.report-metadata{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.report-title{flex-direction:column;align-items:flex-start;gap:.5rem}.report-actions{width:100%;justify-content:space-between}.btn-action{flex:1;justify-content:center}}.report-card{animation:fadeIn .3s ease-out}.btn-primary:focus,.btn-search:focus,.btn-secondary:focus,.btn-action:focus,.filter-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.search-input:focus{outline:2px solid #3b82f6;outline-offset:-2px}.reports-page::-webkit-scrollbar{width:8px}.reports-page::-webkit-scrollbar-track{background:#f1f5f9}.reports-page::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.reports-page::-webkit-scrollbar-thumb:hover{background:#94a3b8}.view-report-page{min-height:100vh;background:#fafbfc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.view-report-container{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;text-align:center}.loading-spinner{width:2rem;height:2rem;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-spinner.small{width:1rem;height:1rem;border-width:2px}.error-icon{width:4rem;height:4rem;color:#ef4444;margin-bottom:1rem}.error-container h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.error-container p{color:#6b7280;margin:0 0 1.5rem}.report-header{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem}.breadcrumb-link{color:#3b82f6;text-decoration:none;background:none;border:none;cursor:pointer;font-size:inherit;padding:0}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{width:1rem;height:1rem;color:#9ca3af}.breadcrumb-current{color:#6b7280;font-weight:500}.report-title-section{display:flex;flex-direction:column;gap:.5rem}.report-title{font-size:2rem;font-weight:700;color:#111827;margin:0;display:flex;align-items:center;gap:1rem}.report-id{background:#f3f4f6;color:#6b7280;padding:.25rem .75rem;border-radius:.5rem;font-size:1rem;font-weight:600}.job-info{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#6b7280;flex-wrap:wrap;flex-direction:row}.job-number{color:#059669;font-weight:600}.customer-name{color:#3b82f6;font-weight:600}.separator{color:#d1d5db}.job-description{color:#6b7280}.header-actions{display:flex;gap:.75rem;align-items:flex-start;flex-shrink:0}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:#3b82f6;color:#fff;border:1px solid #3b82f6;padding:.75rem 1.25rem;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .15s ease}.btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#374151;border:1px solid #d1d5db;padding:.75rem 1.25rem;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .15s ease;text-decoration:none}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-tertiary{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#6b7280;border:1px solid #e5e7eb;padding:.75rem 1.25rem;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .15s ease}.btn-tertiary:hover{color:#374151;border-color:#d1d5db}.btn-icon{width:1rem;height:1rem}.dropdown{position:relative}.dropdown-trigger{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#374151;border:1px solid #d1d5db;padding:.75rem 1rem;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .15s ease}.dropdown-trigger:hover{background:#f9fafb}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu{display:none;position:absolute;right:0;top:calc(100% + .1rem);background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;min-width:200px;z-index:50}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;font-size:.875rem;color:#374151;cursor:pointer;transition:background-color .15s ease}.dropdown-item:hover{background:#f9fafb}.dropdown-item.danger{color:#fff;background-color:#000}.dropdown-item.danger:hover{background:red}.dropdown-icon{width:1rem;height:1rem}.report-body{align-items:start}.main-content{display:flex;flex-direction:column;gap:2rem}.overview-card,.summary-card,.issues-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000000d}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #f3f4f6;background:#fafbfc}.card-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0;display:flex;align-items:center;gap:.5rem}.title-icon{width:1.25rem;height:1.25rem;color:#3b82f6}.generation-timestamp{font-size:.75rem;color:#6b7280;font-weight:400}.card-content{padding:2rem}.status-indicators{display:flex;gap:2rem;align-items:center}.indicator{display:flex;flex-direction:column;align-items:center;gap:.25rem}.indicator-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.indicator-value{font-size:1.25rem;font-weight:700;color:#111827}.status-badge{padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.complete{background:#d1fae5;color:#065f46}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.open{background:#fee2e2;color:#991b1b}.status-badge.inprogress{background:#dbeafe;color:#1e40af}.status-badge.resolved,.status-badge.closed{background:#d1fae5;color:#065f46}.categories-section,.description-section{margin-bottom:2rem}.categories-section:last-child,.description-section:last-child{margin-bottom:0}.section-subtitle{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.categories-list{display:flex;flex-wrap:wrap;gap:.5rem}.category-chip{background:#eff6ff;color:#1d4ed8;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;border:1px solid #dbeafe}.description-text p{color:#374151;line-height:1.6;margin:0;font-size:.95rem}.summary-card{border-left:4px solid #8b5cf6}.summary-content{background:#fafbfc;border-radius:.5rem;padding:1.5rem;margin-bottom:1rem}.summary-section{margin-bottom:1rem}.summary-section:last-child{margin-bottom:0}.summary-section p{color:#374151;line-height:1.7;margin:0;font-size:.95rem}.custom-instructions-note{background:#fffbeb;border:1px solid #fde68a;border-radius:.5rem;padding:1rem;font-size:.875rem;color:#92400e}.issues-list{display:flex;flex-direction:column;gap:1rem}.issue-item{border:1px solid #f3f4f6;border-radius:.5rem;padding:1.5rem;background:#fafbfc;transition:all .15s ease}.issue-item:hover{border-color:#e5e7eb;background:#fff}.issue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.issue-meta{display:flex;align-items:center;gap:1rem}.issue-number{font-weight:700;color:#111827;font-size:.875rem}.issue-badges{display:flex;gap:.5rem}.category-badge{background:#f3f4f6;color:#6b7280;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.issue-date{font-size:.75rem;color:#9ca3af}.issue-content p{color:#374151;line-height:1.6;margin:0 0 1rem;font-size:.95rem}.issue-attachments{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.attachments-label{font-size:.75rem;color:#6b7280;font-weight:500}.attachment-previews{display:flex;gap:.5rem}.attachment-thumbnail{width:3rem;height:3rem;object-fit:cover;border-radius:.375rem;cursor:pointer;border:1px solid #e5e7eb;transition:all .15s ease}.attachment-thumbnail:hover{transform:scale(1.05);border-color:#3b82f6}.issue-footer{padding-top:1rem;border-top:1px solid #f3f4f6}.submitted-by{font-size:.75rem;color:#6b7280}.empty-state{text-align:center;padding:3rem 2rem;color:#9ca3af}.empty-icon{width:3rem;height:3rem;margin:0 auto 1rem}.sidebar{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.info-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.info-list{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;justify-content:flex-end;align-items:center;margin-top:10px}.info-label{font-size:.875rem;color:#6b7280;font-weight:500}.info-value{font-size:.875rem;color:#111827;font-weight:500}.info-value.job-status{background:#f59e0b;color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:2rem}.modal-content{background:#fff;border-radius:.75rem;width:100%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:#fafbfc}.modal-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.375rem;transition:all .15s ease}.modal-close:hover{color:#374151;background:#f3f4f6}.modal-close svg{width:1.25rem;height:1.25rem}.modal-body{padding:2rem;max-height:60vh;overflow-y:auto}.empty-history{text-align:center;padding:2rem;color:#6b7280}.history-timeline{display:flex;flex-direction:column;gap:1.5rem}.timeline-item{display:flex;gap:1rem}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-dot{width:.75rem;height:.75rem;background:#3b82f6;border-radius:50%;border:2px solid white;box-shadow:0 0 0 2px #e5e7eb}.timeline-line{width:2px;height:2rem;background:#e5e7eb;margin-top:.5rem}.timeline-content{flex:1;padding-bottom:.5rem}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.timeline-action{font-weight:600;color:#111827;text-transform:capitalize}.timeline-date{font-size:.75rem;color:#6b7280}.timeline-details{color:#6b7280;font-size:.875rem}.timeline-user{color:#3b82f6;font-weight:500}.timeline-changes{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.change-item{display:flex;gap:.5rem;padding:.75rem;border-radius:.375rem;font-size:.875rem}.change-item.old{background:#fef2f2;border:1px solid #fecaca}.change-item.new{background:#f0fdf4;border:1px solid #bbf7d0}.change-label{font-weight:500;color:#6b7280;flex-shrink:0}.change-value{color:#111827;word-break:break-word}@media (max-width: 1024px){.report-body{grid-template-columns:1fr;gap:1.5rem}.sidebar{order:-1}.status-indicators{gap:1rem}}@media (max-width: 768px){.view-report-container{padding:1rem}.report-header{flex-direction:column;align-items:stretch;gap:1.5rem}.header-actions{justify-content:stretch}.header-actions>*{flex:1;justify-content:center}.report-title{font-size:1.5rem;flex-direction:column;align-items:flex-start;gap:.5rem}.job-info{flex-direction:column;align-items:flex-start;gap:.25rem}.separator{display:none}.status-indicators{justify-content:space-around}.card-header{padding:1rem 1.5rem}.card-content{padding:1.5rem}.modal-overlay{padding:1rem}.modal-header{padding:1rem 1.5rem}.modal-body{padding:1.5rem}}@media (max-width: 480px){.issue-header{flex-direction:column;align-items:flex-start;gap:.75rem}.issue-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.timeline-header{flex-direction:column;align-items:flex-start;gap:.25rem}}.btn-primary:focus,.btn-secondary:focus,.btn-tertiary:focus,.dropdown-trigger:focus,.modal-close:focus{outline:2px solid #3b82f6;outline-offset:2px}.attachment-thumbnail:focus{outline:2px solid #3b82f6;outline-offset:2px}.form-page{min-height:100vh;background:var(--bg);transition:var(--transition)}.form-container{max-width:42rem;margin:0 auto;padding:2rem}.loading-state{display:flex;align-items:center;justify-content:center;height:16rem}.loading-spinner{width:2rem;height:2rem;border:2px solid var(--accent);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-left:.75rem;color:var(--text-muted);font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.form-header{margin-bottom:2rem}.header-content{display:flex;align-items:flex-start;gap:1rem}.form-page .back-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;cursor:pointer;transition:var(--transition);color:var(--text-muted);flex-shrink:0;margin-top:.125rem}.back-button:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.back-button:focus{outline:2px solid var(--accent);outline-offset:2px}.back-icon{width:1.25rem;height:1.25rem}.header-text{flex:1}.page-title{font-size:1.875rem;font-weight:700;color:var(--text);margin:0 0 .25rem;letter-spacing:-.025em}.page-description{font-size:.875rem;color:var(--text-muted);margin:0;line-height:1.5}.form-content{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:hidden}.error-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#fef2f2;border-bottom:1px solid #fecaca;color:#dc2626;font-weight:500;font-size:.875rem}[data-theme=dark] .error-alert{background:#dc26261a;border-bottom-color:#dc262633;color:#fca5a5}.error-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.department-form{padding:2rem}.form-section{margin-bottom:2rem}.form-section:last-of-type{margin-bottom:0}.section-title{font-size:1rem;font-weight:600;color:var(--text);margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.form-row{display:grid;grid-template-columns:1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-label{font-size:.875rem;font-weight:500;color:var(--text);margin-bottom:.5rem;display:flex;align-items:center;gap:.25rem}.required{color:#dc2626;font-weight:600}.form-input{width:100%;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;color:var(--text);font-size:.875rem;transition:var(--transition);line-height:1.5}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input::placeholder{color:var(--text-muted)}.input-error{border-color:#dc2626!important}.input-error:focus{box-shadow:0 0 0 3px #dc26261a!important}.error-message{display:flex;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.75rem;color:#dc2626;font-weight:500}.error-icon-small{width:1rem;height:1rem;flex-shrink:0}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.cancel-button{padding:.75rem 1.5rem;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:.5rem;font-weight:500;cursor:pointer;transition:var(--transition);font-size:.875rem}.cancel-button:hover:not(:disabled){background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.cancel-button:focus{outline:2px solid var(--accent);outline-offset:2px}.cancel-button:disabled{opacity:.6;cursor:not-allowed}.submit-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:var(--transition);font-size:.875rem}.submit-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.submit-button:focus{outline:2px solid var(--accent);outline-offset:2px}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-icon{width:1rem;height:1rem}.button-spinner{width:1rem;height:1rem;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (min-width: 640px){.form-row{grid-template-columns:1fr 1fr}.form-actions{justify-content:flex-end}}@media (max-width: 640px){.form-container{padding:1rem}.department-form{padding:1.5rem}.page-title{font-size:1.5rem}.header-content{align-items:center}.form-actions{flex-direction:column;gap:.5rem}.cancel-button,.submit-button{width:100%;justify-content:center}}@media (prefers-reduced-motion: reduce){.loading-spinner,.button-spinner{animation:none}.submit-button:hover:not(:disabled){transform:none}}@media (prefers-contrast: high){.form-input{border-width:2px}.input-error{border-width:3px}}.cc-comparison{--cc-primary: #2563eb;--cc-primary-hover: #1d4ed8;--cc-secondary: #64748b;--cc-success: #10b981;--cc-warning: #f59e0b;--cc-error: #ef4444;--cc-border-radius: 8px;--cc-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--cc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--cc-transition: all .2s ease-in-out}.cc-comparison.light{--cc-bg-primary: #ffffff;--cc-bg-secondary: #f8fafc;--cc-bg-tertiary: #f1f5f9;--cc-text-primary: #0f172a;--cc-text-secondary: #475569;--cc-text-muted: #64748b;--cc-border: #e2e8f0;--cc-border-light: #f1f5f9;--cc-hover: #f8fafc;--cc-input-bg: #ffffff;--cc-modal-overlay: rgba(0, 0, 0, .5)}.cc-comparison.dark{--cc-bg-primary: #0f172a;--cc-bg-secondary: #1e293b;--cc-bg-tertiary: #334155;--cc-text-primary: #f8fafc;--cc-text-secondary: #cbd5e1;--cc-text-muted: #94a3b8;--cc-border: #334155;--cc-border-light: #475569;--cc-hover: #1e293b;--cc-input-bg: #1e293b;--cc-modal-overlay: rgba(0, 0, 0, .7)}.cc-comparison{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--cc-bg-secondary);color:var(--cc-text-primary);min-height:100vh;transition:var(--cc-transition)}.cc-container{margin:0 auto;padding:24px}.cc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--cc-border)}.cc-header-content h1.cc-title{font-size:2rem;font-weight:700;color:var(--cc-text-primary);margin:0 0 8px;letter-spacing:-.025em}.cc-subtitle{font-size:1rem;color:var(--cc-text-secondary);margin:0;font-weight:400}.cc-theme-toggle{background:var(--cc-bg-primary);border:1px solid var(--cc-border);border-radius:var(--cc-border-radius);padding:12px;cursor:pointer;transition:var(--cc-transition);color:var(--cc-text-primary);display:flex;align-items:center;justify-content:center}.cc-theme-toggle:hover{background:var(--cc-hover);border-color:var(--cc-primary)}.cc-card{background:var(--cc-bg-primary);border:1px solid var(--cc-border);border-radius:var(--cc-border-radius);margin-bottom:24px;box-shadow:var(--cc-shadow);overflow:hidden}.cc-card-header{padding:24px;border-bottom:1px solid var(--cc-border);display:flex;justify-content:space-between;align-items:center;background:var(--cc-bg-secondary)}.cc-card-header h2{font-size:1.25rem;font-weight:600;color:var(--cc-text-primary);margin:0}.cc-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:24px}.cc-form-group{display:flex;flex-direction:column;gap:6px}.cc-form-group label{font-size:.875rem;font-weight:500;color:var(--cc-text-secondary)}.cc-input,.cc-select{padding:10px 12px;border:1px solid var(--cc-border);border-radius:var(--cc-border-radius);background:var(--cc-input-bg);color:var(--cc-text-primary);font-size:.875rem;transition:var(--cc-transition)}.cc-input:focus,.cc-select:focus{outline:none;border-color:var(--cc-primary);box-shadow:0 0 0 3px #2563eb1a}.cc-input::placeholder{color:var(--cc-text-muted)}.cc-cost-centers-section{padding:0 24px 24px;border-top:1px solid var(--cc-border);margin-top:0}.cc-section-label{display:block;font-size:.875rem;font-weight:500;color:var(--cc-text-secondary);margin:24px 0 16px}.cc-subtitle-text{font-size:.75rem;color:var(--cc-text-muted);font-weight:400;margin-left:8px}.cc-available-centers{margin-bottom:20px;padding:16px;background:var(--cc-bg-tertiary);border-radius:var(--cc-border-radius)}.cc-available-label{font-size:.875rem;color:var(--cc-text-secondary);margin:0 0 12px;font-weight:500}.cc-available-buttons{display:flex;flex-wrap:wrap;gap:8px}.cc-available-btn{padding:6px 12px;background:var(--cc-bg-primary);border:1px solid var(--cc-border);border-radius:20px;font-size:.75rem;color:var(--cc-text-primary);cursor:pointer;transition:var(--cc-transition)}.cc-available-btn:hover:not(:disabled){background:var(--cc-primary);color:#fff;border-color:var(--cc-primary)}.cc-available-btn.selected{background:var(--cc-success);color:#fff;border-color:var(--cc-success);cursor:default}.cc-cost-center-inputs{display:flex;flex-direction:column;gap:12px}.cc-cost-center-row{display:flex;gap:8px;align-items:center}.cc-cost-center-row .cc-input,.cc-cost-center-row .cc-select{flex:1}.cc-remove-btn,.cc-add-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid var(--cc-border);border-radius:var(--cc-border-radius);background:var(--cc-bg-primary);color:var(--cc-text-primary);cursor:pointer;transition:var(--cc-transition);font-size:.875rem}.cc-remove-btn{padding:10px;color:var(--cc-error);border-color:var(--cc-error)}.cc-remove-btn:hover{background:var(--cc-error);color:#fff}.cc-add-btn:hover{background:var(--cc-primary);color:#fff;border-color:var(--cc-primary)}.cc-actions{display:flex;justify-content:space-between;align-items:center;padding:24px;border-top:1px solid var(--cc-border);background:var(--cc-bg-secondary)}.cc-filter-options{display:flex;align-items:center;gap:16px}.cc-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.875rem;color:var(--cc-text-secondary)}.cc-checkbox{width:16px;height:16px;accent-color:var(--cc-primary)}.cc-checkbox-subtext{display:block;font-size:.75rem;color:var(--cc-text-muted);margin-top:2px}.cc-primary-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--cc-primary);color:#fff;border:none;border-radius:var(--cc-border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--cc-transition)}.cc-primary-btn:hover:not(:disabled){background:var(--cc-primary-hover)}.cc-primary-btn:disabled{opacity:.6;cursor:not-allowed}.cc-loading-text{color:var(--cc-text-muted);font-size:.75rem;margin-top:4px}.cc-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:16px;border-radius:var(--cc-border-radius);margin-bottom:24px}.cc-comparison.dark .cc-error{background:#451a1a;border-color:#7f1d1d;color:#fca5a5}.cc-spinning{animation:cc-spin 1s linear infinite}@keyframes cc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cc-summary-actions{display:flex;align-items:center;gap:16px}.cc-filter-indicator{font-size:.875rem;color:var(--cc-text-muted);background:var(--cc-bg-tertiary);padding:4px 8px;border-radius:4px}.cc-export-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--cc-bg-primary);border:1px solid var(--cc-border);border-radius:var(--cc-border-radius);color:var(--cc-text-primary);cursor:pointer;transition:var(--cc-transition);font-size:.875rem}.cc-export-btn:hover{background:var(--cc-hover);border-color:var(--cc-primary)}.cc-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;padding:24px}.cc-summary-item{text-align:center;padding:20px;background:var(--cc-bg-secondary);border-radius:var(--cc-border-radius);border:1px solid var(--cc-border)}.cc-summary-value{font-size:1.875rem;font-weight:700;color:var(--cc-text-primary);margin-bottom:8px}.cc-summary-label{font-size:.875rem;color:var(--cc-text-secondary);font-weight:500}.cc-table-controls{display:flex;align-items:center;gap:24px}.cc-pagination-info{font-size:.875rem;color:var(--cc-text-secondary)}.cc-items-per-page{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--cc-text-secondary)}.cc-per-page-select{padding:4px 8px;border:1px solid var(--cc-border);border-radius:4px;background:var(--cc-input-bg);color:var(--cc-text-primary);font-size:.875rem}.cc-table-container{overflow-x:auto;border-top:1px solid var(--cc-border)}.cc-table{width:100%;border-collapse:collapse;font-size:.875rem}.cc-table th{background:var(--cc-bg-secondary);color:var(--cc-text-secondary);font-weight:600;text-align:left;padding:16px 12px;border-bottom:1px solid var(--cc-border);white-space:nowrap;position:sticky;top:0;z-index:10}.cc-table td{padding:12px;border-bottom:1px solid var(--cc-border-light);color:var(--cc-text-primary)}.cc-table-row:hover{background:var(--cc-hover)}.cc-row-even{background:var(--cc-bg-primary)}.cc-row-odd{background:var(--cc-bg-secondary)}.cc-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--cc-transition)}.cc-sortable:hover{background:var(--cc-hover);color:var(--cc-text-primary)}.cc-sort-icon{margin-left:4px;opacity:.5;font-size:.75rem}.cc-sorted-asc .cc-sort-icon:before{content:"↑";opacity:1}.cc-sorted-desc .cc-sort-icon:before{content:"↓";opacity:1}.cc-cost-header{min-width:80px;text-align:center}.cc-cost-header-content{display:flex;flex-direction:column;gap:2px}.cc-cost-center-name{font-size:.75rem;font-weight:700;color:var(--cc-text-primary)}.cc-cost-type{font-size:.625rem;color:var(--cc-text-muted);font-weight:400}.cc-total-header{background:var(--cc-bg-tertiary)!important;font-weight:700;color:var(--cc-text-primary)!important}.cc-actions-header{width:80px;text-align:center}.cc-job-number{font-weight:600;color:var(--cc-primary)}.cc-customer{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-due-date{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.8125rem}.cc-currency,.cc-hours{text-align:right;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.8125rem}.cc-variance{text-align:center;font-weight:600;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.8125rem}.cc-total-variance{background:var(--cc-bg-tertiary);font-weight:700}.cc-no-data{color:var(--cc-text-muted);font-style:italic}.cc-status{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.cc-status-completed{background:#dcfce7;color:#166534}.cc-status-progress{background:#fef3c7;color:#92400e}.cc-status-open{background:#dbeafe;color:#1e40af}.cc-status-default{background:var(--cc-bg-tertiary);color:var(--cc-text-secondary)}.cc-comparison.dark .cc-status-completed{background:#14532d;color:#bbf7d0}.cc-comparison.dark .cc-status-progress{background:#451a03;color:#fcd34d}.cc-comparison.dark .cc-status-open{background:#1e3a8a;color:#93c5fd}.cc-variance-positive{color:var(--cc-success)}.cc-variance-negative{color:var(--cc-error)}.cc-variance-neutral{color:var(--cc-text-secondary)}.cc-dollar-variance{text-align:right;font-weight:600;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.8125rem}.cc-total-dollar-variance{background:var(--cc-bg-tertiary);font-weight:700;text-align:right}.cc-summary-value.cc-variance-positive{color:var(--cc-success)}.cc-summary-value.cc-variance-negative{color:var(--cc-error)}.cc-summary-value.cc-variance-neutral{color:var(--cc-text-primary)}.cc-actions{text-align:center}.cc-action-btn{padding:6px;background:transparent;border:1px solid var(--cc-border);border-radius:4px;color:var(--cc-text-secondary);cursor:pointer;transition:var(--cc-transition);display:inline-flex;align-items:center;justify-content:center}.cc-action-btn:hover{background:var(--cc-primary);color:#fff;border-color:var(--cc-primary)}.cc-no-data-row{text-align:center}.cc-no-data-content{padding:40px 20px;color:var(--cc-text-muted)}.cc-no-data-content p{margin:0 0 8px;font-size:1rem}.cc-no-data-content small{font-size:.875rem;color:var(--cc-text-muted)}.cc-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;border-top:1px solid var(--cc-border);background:var(--cc-bg-secondary)}.cc-pagination-btn{padding:8px 12px;background:var(--cc-bg-primary);border:1px solid var(--cc-border);border-radius:var(--cc-border-radius);color:var(--cc-text-primary);cursor:pointer;transition:var(--cc-transition);font-size:.875rem;min-width:40px;display:flex;align-items:center;justify-content:center}.cc-pagination-btn:hover:not(:disabled){background:var(--cc-primary);color:#fff;border-color:var(--cc-primary)}.cc-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.cc-current-page{background:var(--cc-primary);color:#fff;border-color:var(--cc-primary)}.cc-pagination-pages{display:flex;gap:4px}.cc-pagination-info{margin-left:16px;font-size:.875rem;color:var(--cc-text-secondary)}.cc-cost-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:24px}.cc-cost-summary-item{background:var(--cc-bg-secondary);border:1px solid var(--cc-border);border-radius:var(--cc-border-radius);padding:20px}.cc-cost-summary-item h3{font-size:1.125rem;font-weight:600;color:var(--cc-text-primary);margin:0 0 16px;text-align:center;padding-bottom:12px;border-bottom:1px solid var(--cc-border)}.cc-cost-summary-details{display:flex;flex-direction:column;gap:12px}.cc-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--cc-border-light)}.cc-detail-row:last-child{border-bottom:none}.cc-detail-row span:first-child{color:var(--cc-text-secondary);font-size:.875rem}.cc-detail-row span:last-child{font-weight:600;color:var(--cc-text-primary);font-size:.875rem}.cc-modal-overlay{position:fixed;inset:0;background:var(--cc-modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.cc-modal{background:var(--cc-bg-primary);border-radius:var(--cc-border-radius);box-shadow:var(--cc-shadow-lg);max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column;border:1px solid var(--cc-border)}.cc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--cc-border);background:var(--cc-bg-secondary)}.cc-modal-header h2{font-size:1.25rem;font-weight:600;color:var(--cc-text-primary);margin:0}.cc-modal-close{background:transparent;border:none;color:var(--cc-text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:var(--cc-transition)}.cc-modal-close:hover{background:var(--cc-hover);color:var(--cc-text-primary)}.cc-modal-content{flex:1;overflow-y:auto;padding:24px}.cc-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:var(--cc-text-secondary)}.cc-job-details{display:flex;flex-direction:column;gap:32px}.cc-job-header{background:var(--cc-bg-secondary);border-radius:var(--cc-border-radius);padding:20px;border:1px solid var(--cc-border)}.cc-job-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.cc-job-info div label{display:block;font-size:.875rem;font-weight:500;color:var(--cc-text-secondary);margin-bottom:4px}.cc-job-info div p{font-size:1rem;color:var(--cc-text-primary);margin:0;font-weight:600}.cc-detail-section{background:var(--cc-bg-secondary);border-radius:var(--cc-border-radius);padding:20px;border:1px solid var(--cc-border)}.cc-detail-section h3{font-size:1.125rem;font-weight:600;color:var(--cc-text-primary);margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--cc-border)}.cc-detail-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px;padding:16px;background:var(--cc-bg-primary);border-radius:var(--cc-border-radius);border:1px solid var(--cc-border)}.cc-detail-summary div{display:flex;flex-direction:column;gap:4px;text-align:center}.cc-detail-summary div span:first-child{font-size:.75rem;color:var(--cc-text-secondary);font-weight:500}.cc-detail-summary div span:last-child{font-size:1rem;color:var(--cc-text-primary);font-weight:600;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.cc-employee-table-container{overflow-x:auto;border:1px solid var(--cc-border);border-radius:var(--cc-border-radius);margin-top:16px}.cc-employee-section-title{font-size:1rem;font-weight:600;color:var(--cc-text-primary);margin:16px 0 8px;padding-bottom:8px;border-bottom:1px solid var(--cc-border)}.cc-employee-table{width:100%;border-collapse:collapse;font-size:.875rem;background:var(--cc-bg-primary)}.cc-employee-table th{background:var(--cc-bg-tertiary);color:var(--cc-text-secondary);font-weight:600;text-align:left;padding:12px;border-bottom:1px solid var(--cc-border);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.cc-employee-table td{padding:12px;border-bottom:1px solid var(--cc-border-light);color:var(--cc-text-primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.8125rem}.cc-employee-table td:first-child{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:500}.cc-employee-table tbody tr:hover{background:var(--cc-hover)}.cc-grouped-employee-row{background:var(--cc-bg-secondary)}.cc-grouped-employee-row:hover{background:var(--cc-bg-tertiary)!important}.cc-from-estimate-row{background:var(--cc-bg-tertiary)!important;border-left:3px solid var(--cc-primary)}.cc-from-estimate-row:hover{background:var(--cc-hover)!important}.cc-from-estimate-row .cc-employee-name{color:var(--cc-primary)!important;font-weight:700!important}.cc-employee-name{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important;font-weight:600!important;color:var(--cc-primary)!important}.cc-entry-count{text-align:center}.cc-entry-badge{background:var(--cc-bg-tertiary);color:var(--cc-text-secondary);padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid var(--cc-border)}.cc-detailed-entries{margin-top:24px;border:1px solid var(--cc-border);border-radius:var(--cc-border-radius);background:var(--cc-bg-secondary)}.cc-details-summary{padding:16px;cursor:pointer;font-weight:600;color:var(--cc-text-primary);background:var(--cc-bg-tertiary);border-radius:var(--cc-border-radius) var(--cc-border-radius) 0 0;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px}.cc-details-summary:hover{background:var(--cc-hover)}.cc-details-summary:before{content:"▶";transition:transform .2s ease;font-size:.75rem}.cc-detailed-entries[open] .cc-details-summary:before{transform:rotate(90deg)}.cc-detailed-entries-content{padding:20px;border-top:1px solid var(--cc-border)}.cc-employee-detailed-section{margin-bottom:24px}.cc-employee-detailed-section:last-child{margin-bottom:0}.cc-employee-detail-title{font-size:.875rem;font-weight:600;color:var(--cc-text-primary);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--cc-border-light)}.cc-employee-entries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.cc-entry-card{background:var(--cc-bg-primary);border:1px solid var(--cc-border);border-radius:var(--cc-border-radius);padding:12px}.cc-entry-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid var(--cc-border-light);font-size:.75rem}.cc-entry-row:last-child{border-bottom:none}.cc-entry-row span:first-child{color:var(--cc-text-secondary);font-weight:500}.cc-entry-row span:last-child{color:var(--cc-text-primary);font-weight:600;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.cc-spoilage{color:var(--cc-error)}.cc-paused{color:var(--cc-warning)}.cc-job-totals{background:var(--cc-bg-secondary);border-radius:var(--cc-border-radius);padding:20px;border:1px solid var(--cc-border)}.cc-job-totals h3{font-size:1.125rem;font-weight:600;color:var(--cc-text-primary);margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--cc-border)}.cc-totals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.cc-totals-grid div{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--cc-bg-primary);border-radius:var(--cc-border-radius);border:1px solid var(--cc-border)}.cc-totals-grid div span:first-child{font-size:.875rem;color:var(--cc-text-secondary);font-weight:500}.cc-totals-grid div span:last-child{font-size:1rem;color:var(--cc-text-primary);font-weight:600;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}@media (max-width: 768px){.cc-container{padding:16px}.cc-header{flex-direction:column;gap:16px;align-items:flex-start}.cc-filters-grid{grid-template-columns:1fr;gap:16px;padding:16px}.cc-actions{flex-direction:column;gap:16px;align-items:stretch}.cc-summary-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:16px}.cc-summary-value{font-size:1.5rem}.cc-table-controls{flex-direction:column;gap:12px;align-items:stretch}.cc-pagination{flex-wrap:wrap;gap:8px}.cc-pagination-info{margin-left:0;order:-1;width:100%;text-align:center}.cc-cost-summary-grid{grid-template-columns:1fr;gap:16px;padding:16px}.cc-job-info{grid-template-columns:1fr;gap:16px}.cc-detail-summary{grid-template-columns:repeat(2,1fr);gap:12px}.cc-totals-grid{grid-template-columns:1fr;gap:12px}.cc-modal{margin:10px;max-height:calc(100vh - 20px)}.cc-modal-header,.cc-modal-content{padding:16px}}@media (max-width: 480px){.cc-summary-grid,.cc-detail-summary{grid-template-columns:1fr}.cc-cost-center-row{flex-direction:column;align-items:stretch}.cc-available-buttons{justify-content:center}.cc-table-container{font-size:.75rem}.cc-table th,.cc-table td{padding:8px 6px}}@media print{.cc-comparison{background:#fff!important;color:#000!important}.cc-theme-toggle,.cc-actions,.cc-pagination,.cc-modal{display:none!important}.cc-card{box-shadow:none!important;border:1px solid #ccc!important;break-inside:avoid}.cc-table{font-size:10px!important}.cc-table th,.cc-table td{padding:4px!important;border:1px solid #ccc!important}}.cc-comparison :focus-visible{outline:2px solid var(--cc-primary);outline-offset:2px}@media (prefers-contrast: high){.cc-comparison{--cc-border: #000000;--cc-border-light: #666666}.cc-comparison.light{--cc-bg-primary: #ffffff;--cc-bg-secondary: #f0f0f0;--cc-text-primary: #000000;--cc-text-secondary: #333333}.cc-comparison.dark{--cc-bg-primary: #000000;--cc-bg-secondary: #1a1a1a;--cc-text-primary: #ffffff;--cc-text-secondary: #cccccc}}@media (prefers-reduced-motion: reduce){.cc-comparison *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cc-spinning{animation:none!important}}.cc-table-container::-webkit-scrollbar,.cc-modal-content::-webkit-scrollbar{height:8px;width:8px}.cc-table-container::-webkit-scrollbar-track,.cc-modal-content::-webkit-scrollbar-track{background:var(--cc-bg-secondary)}.cc-table-container::-webkit-scrollbar-thumb,.cc-modal-content::-webkit-scrollbar-thumb{background:var(--cc-border);border-radius:4px}.cc-table-container::-webkit-scrollbar-thumb:hover,.cc-modal-content::-webkit-scrollbar-thumb:hover{background:var(--cc-text-muted)}.cc-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}.cc-skeleton{background:linear-gradient(90deg,var(--cc-bg-secondary) 25%,var(--cc-bg-tertiary) 50%,var(--cc-bg-secondary) 75%);background-size:200% 100%;animation:cc-skeleton-loading 1.5s infinite;border-radius:var(--cc-border-radius)}@keyframes cc-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.cc-table tbody tr:nth-child(2n){background:var(--cc-bg-secondary)}.cc-table tbody tr:nth-child(odd){background:var(--cc-bg-primary)}.cc-primary-btn:focus,.cc-export-btn:focus,.cc-action-btn:focus,.cc-pagination-btn:focus{box-shadow:0 0 0 3px #2563eb4d}.cc-modal-overlay{animation:cc-fade-in .2s ease-out}.cc-modal{animation:cc-slide-up .3s ease-out}@keyframes cc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cc-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.netsuite-page :root{--accent: #5c6ac4;--accent-hover: #4a54a1;--background: #f9fafb;--surface: #ffffff;--border: #e5e7eb;--text: #374151;--text-light: #6b7280;--success-bg: #dcfce7;--success-text: #166534;--warning-bg: #fef3c7;--warning-text: #92400e;--info-bg: #e0f2fe;--info-text: #0369a1;--error-bg: #fee2e2;--error-text: #991b1b}body{margin:0;font-family:Inter,sans-serif;background:var(--background);color:var(--text)}.netsuite-page{padding:2rem 1rem}.page-container{margin:0 auto}.page-header{background:linear-gradient(135deg,#5c6ac4,#7b8ce3);color:#fff;padding:1.5rem 2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.page-header h1{margin:0;font-size:1.75rem;font-weight:600}.page-header p{margin:.25rem 0 0;font-size:1rem;opacity:.85}.header-actions{display:flex;gap:.75rem;margin-top:.75rem}.header-actions button{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.9rem;cursor:pointer;transition:background .2s}.header-actions button:hover{background:var(--accent-hover)}.filters-section{background:var(--surface);padding:1.25rem 2rem;border-radius:.5rem;box-shadow:0 1px 4px #0000000d;margin-top:-1.5rem;position:relative;z-index:1}.filters-section h2{margin:0;font-size:1.125rem;display:flex;align-items:center;gap:.5rem;color:var(--text)}.filters-grid{display:grid;grid-template-columns:1fr repeat(2,minmax(200px,1fr));gap:1rem;margin-top:1rem;align-items:end}.search-input-group{display:flex;width:100%}.search-input{flex:1;padding:.5rem 1rem;border:1px solid var(--border);border-right:none;border-radius:.375rem 0 0 .375rem;outline:none;font-size:.9rem}.search-btn{background:var(--accent);color:#fff;border:none;padding:0 1rem;border-radius:0 .375rem .375rem 0;cursor:pointer;transition:background .2s}.search-btn:hover{background:var(--accent-hover)}.filter-group{display:flex;flex-direction:column}.filter-label{font-size:.875rem;color:var(--text-light);margin-bottom:.25rem}.filter-select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:.375rem;background:#fff;font-size:.9rem;outline:none}.records-info{margin-top:1rem;font-size:.875rem;color:var(--text-light)}.error-section{display:flex;align-items:center;gap:.5rem;background:var(--error-bg);color:var(--error-text);padding:.75rem 1rem;border-radius:.375rem;margin:1rem 2rem}.table-section{margin-top:1.5rem}table{width:100%;border-collapse:separate;border-spacing:0 8px}thead th{text-align:left;padding:.75rem 1rem;font-weight:600;color:var(--text-light);border-bottom:1px solid var(--border);background:transparent}tbody tr{background:var(--surface);box-shadow:0 1px 2px #00000008}td{padding:.75rem 1rem;vertical-align:middle}.type-badge,.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;text-transform:capitalize}.type-estimate{background:#ede9fe;color:#5b21b6}.type-sales{background:#eef2ff;color:#3730a3}.type-invoice{background:#fffbeb;color:#78350f}.type-purchase{background:#ecfdf5;color:#065f46}.type-default{background:#f9fafb;color:#6b7280}.status-success{background:var(--success-bg);color:var(--success-text)}.status-warning{background:var(--warning-bg);color:var(--warning-text)}.status-info{background:var(--info-bg);color:var(--info-text)}.status-error{background:var(--error-bg);color:var(--error-text)}.status-default{background:#f3f4f6;color:#4b5563}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.pagination button{background:#fff;border:1px solid var(--border);padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.9rem;transition:border-color .2s,color .2s}.pagination button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pagination button:disabled{opacity:.5;cursor:default}.loading,.empty{text-align:center;padding:2rem;color:var(--text-light)}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10}.modal{background:var(--surface);border-radius:.5rem;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 12px #00000026}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:1.25rem}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-light);transition:color .2s}.modal-close:hover{color:var(--text)}.modal-body{padding:1rem}.details-form{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.details-form .form-group{display:flex;flex-direction:column}.details-form label{font-size:.875rem;color:var(--text-light);margin-bottom:.25rem;text-transform:capitalize}.details-form input{padding:.5rem;border:1px solid var(--border);border-radius:.375rem;background:var(--background);color:var(--text);font-size:.875rem;outline:none}.customer-landing-container{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#fff;overflow-x:hidden;position:relative}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.shape{position:absolute;border-radius:50%;background:#ffffff08;animation:float 20s infinite linear}.shape-1{width:80px;height:80px;top:20%;left:10%;animation-delay:-5s}.shape-2{width:120px;height:120px;top:60%;left:80%;animation-delay:-10s}.shape-3{width:60px;height:60px;top:80%;left:20%;animation-delay:-15s}.shape-4{width:100px;height:100px;top:40%;left:90%;animation-delay:-2s}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-20px) rotate(180deg);opacity:.3}}.customer-landing-hero{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem;position:relative;z-index:2}.hero-content-wrapper{text-align:center;max-width:700px;opacity:1;transform:translateY(0)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;font-size:1.875rem;font-weight:500;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pulse 2s infinite}.badge-icon{font-size:1rem}.hero-title{font-size:4rem;font-weight:800;margin:0 0 1.5rem;letter-spacing:-.03em;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#fff,#a0a0a0,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(20deg)}}.hero-subtitle{font-size:1.375rem;margin:0 0 3rem;opacity:.95;line-height:1.6;font-weight:400}.hero-subtitle strong{color:silver;font-weight:600}.hero-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}.cta-primary{position:relative;display:inline-flex;align-items:center;padding:1.25rem 2.5rem;background:linear-gradient(135deg,#fff,#f0f0f0);color:#1a1a2e;text-decoration:none;border-radius:50px;font-weight:700;font-size:1.125rem;box-shadow:0 10px 30px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.cta-content{display:flex;align-items:center;gap:.75rem;position:relative;z-index:2}.cta-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.cta-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 20px 40px #0006}.cta-secondary{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;background:#ffffff0d;color:#fff;text-decoration:none;border:2px solid rgba(255,255,255,.15);border-radius:50px;font-weight:600;font-size:1.125rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.cta-secondary:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.cta-icon{width:1.25rem;height:1.25rem}.trust-indicators{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;padding:2rem;background:#ffffff08;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.trust-item{text-align:center}.trust-number{display:block;font-size:2.5rem;font-weight:800;color:silver;line-height:1}.trust-label{display:block;font-size:.875rem;opacity:.8;margin-top:.5rem}.features-section{padding:6rem 2rem;background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.05)}.section-header{text-align:center;margin-bottom:4rem}.customer-landing-container .section-title{font-size:3rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#fff,silver);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.25rem;opacity:.9;margin:0;color:silver}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{padding:3rem 2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.feature-card:hover{transform:translateY(-10px);background:#ffffff14;box-shadow:0 30px 60px #0000004d}.feature-icon-wrapper{margin-bottom:2rem}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:linear-gradient(135deg,#e0e0e0,#fff);border-radius:20px;box-shadow:0 10px 30px #0003}.feature-icon svg{width:2rem;height:2rem;stroke:#1a1a2e;stroke-width:2}.feature-title{font-size:1.5rem;font-weight:600;margin:0 0 1rem}.feature-description{margin:0;opacity:.9;line-height:1.7;font-size:1rem}.process-section{padding:6rem 2rem;position:relative;z-index:2}.process-background{max-width:1000px;margin:0 auto;text-align:center}.process-title{font-size:3rem;font-weight:700;margin:0 0 4rem;background:linear-gradient(135deg,#fff,silver);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:4rem}.process-step{position:relative;text-align:left}.step-indicator{display:flex;align-items:center;margin-bottom:2rem}.step-number{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:linear-gradient(135deg,silver,#fff);color:#1a1a2e;border-radius:50%;font-size:1.5rem;font-weight:700;box-shadow:0 10px 30px #0003}.step-connector{flex:1;height:2px;background:linear-gradient(90deg,#c0c0c0,transparent);margin-left:1rem}.process-step:last-child .step-connector{display:none}.step-title{font-size:1.5rem;font-weight:600;margin:0 0 1rem}.step-description{margin:0;opacity:.9;line-height:1.7;font-size:1rem}.cta-footer{padding:4rem 2rem;background:linear-gradient(135deg,#ffffff08,#c0c0c00d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:2}.cta-footer-content{max-width:600px;margin:0 auto;text-align:center}.cta-footer-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem}.cta-footer-text{font-size:1.125rem;margin:0 0 2.5rem;opacity:.9}.cta-footer-button{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 3rem;background:linear-gradient(135deg,#fff,#f0f0f0);color:#1a1a2e;text-decoration:none;border-radius:50px;font-weight:700;font-size:1.125rem;box-shadow:0 10px 30px #0000004d;transition:all .3s ease}.cta-footer-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 20px 40px #0006}.cta-arrow{width:1.25rem;height:1.25rem}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-actions{flex-direction:column;align-items:center}.cta-primary,.cta-secondary{width:100%;max-width:300px;justify-content:center}.trust-indicators{grid-template-columns:1fr;gap:1rem}.features-grid,.process-steps{grid-template-columns:1fr}.step-connector{display:none}.section-title,.process-title,.cta-footer-title{font-size:2rem}.floating-shapes{display:none}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.125rem}.feature-card,.process-step{padding:2rem 1.5rem}}.hero-logo{margin-bottom:2rem;animation:logoFadeIn 1.5s ease-out}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.customer-landing-container .logo-image{height:160px;filter:invert(1) brightness(1);transition:all .3s ease}.logo-image:hover{transform:scale(1.05);filter:invert(1) brightness(1.1)}.quote-page{--primary-color: #2563eb;--primary-hover: #1d4ed8;--primary-light: #dbeafe;--secondary-color: #64748b;--accent-color: #0ea5e9;--background-primary: #ffffff;--background-secondary: #f8fafc;--background-tertiary: #f1f5f9;--background-overlay: rgba(0, 0, 0, .5);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-light: #f1f5f9;--border-focus: #2563eb;--success-color: #059669;--success-bg: #d1fae5;--error-color: #dc2626;--error-bg: #fee2e2;--warning-color: #d97706;--warning-bg: #fef3c7;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}.quote-page[data-theme=dark]{--primary-color: #60a5fa;--primary-hover: #3b82f6;--primary-light: #1e3a8a;--secondary-color: #cbd5e1;--accent-color: #22d3ee;--background-primary: #0b1220;--background-secondary: #121a2b;--background-tertiary: #1a2336;--background-overlay: rgba(0, 0, 0, .8);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #9aa8be;--text-muted: #6b7280;--border-color: #2a394f;--border-light: #3a4b66;--border-focus: #60a5fa;--success-color: #34d399;--success-bg: #0b3b2e;--error-color: #f87171;--error-bg: #3a0f14;--warning-color: #fbbf24;--warning-bg: #3b2a0a;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .35);--shadow-md: 0 6px 12px -2px rgba(0, 0, 0, .45), 0 2px 4px -1px rgba(0, 0, 0, .35);--shadow-lg: 0 14px 28px -6px rgba(0, 0, 0, .5), 0 10px 16px -6px rgba(0, 0, 0, .45);--shadow-xl: 0 24px 40px -12px rgba(0, 0, 0, .55), 0 12px 20px -10px rgba(0, 0, 0, .5)}.quote-page[data-theme=dark] .quote-header,.quote-page[data-theme=dark] .progress-section{background:var(--background-primary);border-bottom-color:var(--border-color)}.quote-page[data-theme=dark] .step-circle{background:var(--background-secondary);border-color:var(--border-light);color:var(--text-secondary)}.quote-page[data-theme=dark] .progress-step.active .step-circle,.quote-page[data-theme=dark] .progress-step.completed .step-circle{background:var(--primary-color);border-color:var(--primary-color);color:#0b1220}.quote-page[data-theme=dark] .form-input::placeholder,.quote-page[data-theme=dark] .form-textarea::placeholder{color:var(--text-muted)}.quote-page[data-theme=dark] .form-input:focus,.quote-page[data-theme=dark] .form-select:focus,.quote-page[data-theme=dark] .form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #60a5fa33}.quote-page[data-theme=dark] .form-checkbox{border-color:var(--border-light);background-color:var(--background-secondary)}.quote-page[data-theme=dark] .form-checkbox:focus{box-shadow:0 0 0 3px #60a5fa40}.quote-page[data-theme=dark] .part-card,.quote-page[data-theme=dark] .order-summary,.quote-page[data-theme=dark] .file-list{background:var(--background-secondary);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.quote-page[data-theme=dark] .part-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}.quote-page[data-theme=dark] .nav-btn-secondary{background:var(--background-tertiary);border-color:var(--border-color);color:var(--text-primary)}.quote-page[data-theme=dark] .nav-btn-secondary:hover:not(:disabled){background:#22304a}.quote-page[data-theme=dark] .file-drop-label{border-color:var(--border-color);background:var(--background-secondary)}.quote-page[data-theme=dark] .file-drop-label:hover{border-color:var(--border-focus);background:#60a5fa14}.quote-page[data-theme=dark] .image-container{background:var(--background-tertiary)}.quote-page[data-theme=dark] .nav-arrow,.quote-page[data-theme=dark] .autoplay-button,.quote-page[data-theme=dark] .modal-close{background:#0000008c}.quote-page[data-theme=dark] .summary-label{color:var(--text-tertiary)}.quote-page[data-theme=dark] .summary-value{color:var(--text-primary)}.quote-page[data-theme=dark] .file-item{background:var(--background-primary);border:1px solid var(--border-color)}.quote-page[data-theme=dark] .progress-bar{background:#213049}.quote-page[data-theme=dark] .progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--accent-color))}.quote-page{min-height:100vh;background:var(--background-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6;transition:var(--transition)}.quote-page *{box-sizing:border-box}.quote-page .quote-header{background:var(--background-primary);border-bottom:1px solid var(--border-color);top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quote-page .header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.quote-page .header-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.025em}.quote-page .auth-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);font-family:inherit}.quote-page .auth-button:hover{background:var(--background-secondary);color:var(--text-primary);border-color:var(--border-focus)}.quote-page .auth-icon{width:1rem;height:1rem}.quote-page .progress-section{background:var(--background-secondary);border-bottom:1px solid var(--border-color);padding:2rem 0}.quote-page .progress-content{max-width:1200px;margin:0 auto;padding:0 2rem}.quote-page .progress-steps{display:flex;justify-content:space-between;margin-bottom:1.5rem;position:relative}.quote-page .progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.quote-page .progress-step:after{content:"";position:absolute;top:1.25rem;left:50%;right:-50%;height:2px;background:var(--border-color);z-index:1}.quote-page .progress-step:last-child:after{display:none}.quote-page .progress-step.completed:after{background:var(--primary-color)}.quote-page .step-circle{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--background-primary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:var(--text-secondary);position:relative;z-index:2;transition:var(--transition)}.quote-page .progress-step.active .step-circle,.quote-page .progress-step.completed .step-circle{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.quote-page .check-icon{width:1rem;height:1rem;stroke-width:2.5}.quote-page .step-title{margin-top:.75rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);text-align:center}.quote-page .progress-step.active .step-title{color:var(--primary-color);font-weight:600}.quote-page .progress-bar{height:.5rem;background:var(--border-color);border-radius:var(--radius-sm);overflow:hidden;margin-top:1rem}.quote-page .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:var(--radius-sm);transition:width .5s ease;width:0%}.quote-page .progress-fill[data-progress="25"]{width:25%}.quote-page .progress-fill[data-progress="50"]{width:50%}.quote-page .progress-fill[data-progress="75"]{width:75%}.quote-page .progress-fill[data-progress="100"]{width:100%}.quote-page .quote-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 400px;gap:3rem;padding:3rem 2rem;min-height:calc(100vh - 200px)}.quote-page .form-section{background:var(--background-primary)}.quote-page .form-content{max-width:100%}.quote-page .form-step,.quote-page .step-header{margin-bottom:2rem}.quote-page .step-header .step-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.025em}.quote-page .step-description{font-size:1rem;color:var(--text-secondary);margin:0}.quote-page .quote-form{position:relative;padding:10px}.quote-page .honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.quote-page .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.quote-page .form-group{display:flex;flex-direction:column}.quote-page .form-group-full{grid-column:1 / -1}.quote-page .form-label{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.25rem;text-transform:uppercase;letter-spacing:.05em}.quote-page .required{color:var(--error-color);font-weight:700}.quote-page .form-input,.quote-page .form-select,.quote-page .form-textarea{padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--background-primary);color:var(--text-primary);font-size:1rem;transition:var(--transition);font-family:inherit}.quote-page .form-input:focus,.quote-page .form-select:focus,.quote-page .form-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb1a}.quote-page .form-input::placeholder,.quote-page .form-textarea::placeholder{color:var(--text-muted)}.quote-page .form-textarea{resize:vertical;min-height:120px;line-height:1.6}.quote-page .textarea-footer{display:flex;justify-content:flex-end;margin-top:.5rem}.quote-page .char-count{font-size:.75rem;color:var(--text-muted)}.quote-page .form-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.125rem;height:1.125rem;border:2px solid #ccc;border-radius:.25rem;background-color:#fff;cursor:pointer;position:relative;transition:background-color .2s,border-color .2s}.quote-page .form-checkbox:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.quote-page .form-checkbox:checked:after{content:"";position:absolute;top:2px;left:6px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.quote-page .form-checkbox:focus{outline:none;box-shadow:0 0 0 3px #667eea4d}.quote-page .checkbox-group{margin-top:1rem}.quote-page .checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.875rem;color:var(--text-primary)}.quote-page .form-checkbox{width:1.125rem;height:1.125rem;accent-color:var(--primary-color);cursor:pointer}.quote-page .parts-container{display:flex;flex-direction:column;gap:2rem}.quote-page .part-card{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;transition:var(--transition)}.quote-page .part-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.quote-page .part-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.quote-page .part-number .part-badge{background:var(--primary-color);color:#fff;padding:.375rem .875rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.quote-page .remove-part-btn{padding:.5rem;background:transparent;color:var(--error-color);border:1px solid var(--error-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.quote-page .remove-part-btn:hover{background:var(--error-color);color:#fff}.quote-page .part-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.quote-page .quantities-section{border-top:1px solid var(--border-color);padding-top:1.5rem}.quote-page .quantities-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.quote-page .add-qty-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-light);color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition)}.quote-page .add-qty-btn:hover{background:var(--primary-color);color:#fff}.quote-page .quantities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quote-page .quantity-item{display:flex;gap:.5rem;align-items:center}.quote-page .remove-qty-btn{padding:.5rem;background:transparent;color:var(--error-color);border:1px solid var(--error-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quote-page .remove-qty-btn:hover{background:var(--error-color);color:#fff}.quote-page .btn-icon{width:1rem;height:1rem;stroke-width:2}.quote-page .add-part-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1.5rem;background:var(--background-secondary);color:var(--primary-color);border:2px dashed var(--primary-color);border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.quote-page .add-part-btn:hover{background:var(--primary-light);border-style:solid}.quote-page .file-upload-section{margin-bottom:2rem}.quote-page .file-drop-zone{position:relative;margin-bottom:1rem}.quote-page .file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.quote-page .file-drop-label{display:block;border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;cursor:pointer;transition:var(--transition)}.quote-page .file-drop-label:hover{border-color:var(--primary-color);background:var(--primary-light)}.quote-page .file-drop-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.quote-page .file-icon{width:3rem;height:3rem;color:var(--text-muted)}.quote-page .file-drop-text{display:flex;flex-direction:column;gap:.25rem}.quote-page .primary-text{font-size:1rem;font-weight:600;color:var(--text-primary)}.quote-page .secondary-text{font-size:.875rem;color:var(--text-secondary)}.quote-page .file-help{font-size:.75rem;color:var(--text-muted);margin:0}.quote-page .file-list{margin-top:1rem;padding:1rem;background:var(--background-secondary);border-radius:var(--radius-md)}.quote-page .files-selected{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.quote-page .file-items{display:flex;flex-direction:column;gap:.5rem}.quote-page .file-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--background-primary);border-radius:var(--radius-sm)}.quote-page .file-item-icon{width:1.25rem;height:1.25rem;color:var(--text-muted);flex-shrink:0}.quote-page .file-name{flex:1;font-size:.875rem;color:var(--text-primary)}.quote-page .file-size{font-size:.75rem;color:var(--text-muted)}.quote-page .order-summary{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-top:2rem}.quote-page .summary-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.quote-page .summary-content{display:flex;flex-direction:column;gap:.75rem}.quote-page .summary-row{display:flex;justify-content:space-between;align-items:center}.quote-page .summary-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.quote-page .summary-value{font-size:.875rem;color:var(--text-primary);font-weight:600}.quote-page .form-navigation{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.quote-page .nav-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);border:none;font-family:inherit;min-width:140px;justify-content:center}.quote-page .nav-btn:disabled{opacity:.5;cursor:not-allowed}.quote-page .nav-btn-secondary{background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.quote-page .nav-btn-secondary:hover:not(:disabled){background:var(--background-tertiary)}.quote-page .nav-btn-primary{background:var(--primary-color);color:#fff}.quote-page .nav-btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.quote-page .submit-btn{min-width:200px}.quote-page .loading-icon{width:1rem;height:1rem;animation:spin 1s linear infinite}.quote-page .error-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--error-bg);color:var(--error-color);border:1px solid var(--error-color);border-radius:var(--radius-md);margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.quote-page .error-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.quote-page .gallery-section{background:var(--background-secondary);border-radius:var(--radius-xl);padding:2rem;height:fit-content;position:sticky;top:140px;border:1px solid var(--border-color)}.quote-page .gallery-container{height:100%}.quote-page .gallery-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.025em}.quote-page .gallery-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0 0 2rem}.quote-page .gallery-viewer{display:flex;flex-direction:column;gap:1.5rem}.quote-page .image-container{position:relative;aspect-ratio:4/3;border-radius:var(--radius-lg);overflow:hidden;background:var(--background-tertiary)}.quote-page .gallery-image{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:var(--transition)}.quote-page .gallery-image:hover{transform:scale(1.02)}.quote-page .nav-arrow{position:absolute;top:50%;transform:translateY(-50%);height:2.5rem;background:#00000080;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quote-page .nav-arrow:hover{background:#000000b3;transform:translateY(-50%) scale(1.1)}.quote-page .nav-arrow-left{left:1rem}.quote-page .nav-arrow-right{right:1rem}.quote-page .nav-arrow svg{width:1.25rem;height:1.25rem}.quote-page .gallery-indicators{display:flex;justify-content:center;gap:.5rem}.quote-page .indicator{width:.75rem;height:.75rem;border-radius:50%;background:var(--border-color);border:none;cursor:pointer;transition:var(--transition)}.quote-page .indicator.active{background:var(--primary-color);transform:scale(1.2)}.quote-page .autoplay-button{position:absolute;bottom:1rem;right:1rem;height:2.5rem;background:#00000080;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quote-page .autoplay-button:hover{background:#000000b3}.quote-page .autoplay-button svg{width:1rem;height:1rem}.quote-page .thumbnail-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.5rem}.quote-page .thumbnail{aspect-ratio:1;border:2px solid transparent;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:var(--transition);background:none;padding:0}.quote-page .thumbnail:hover{border-color:var(--primary-color);transform:scale(1.05)}.quote-page .thumbnail.active{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.quote-page .thumbnail img{width:100%;height:100%;object-fit:cover}.quote-page .image-modal{position:fixed;inset:0;background:var(--background-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.quote-page .modal-content{position:relative;max-width:90vw;max-height:90vh;background:var(--background-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl)}.quote-page .modal-close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;background:#00000080;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quote-page .modal-close:hover{background:#000000b3}.quote-page .modal-close svg{width:1.25rem;height:1.25rem}.quote-page .modal-image{width:100%;height:100%;object-fit:contain;max-height:80vh}.quote-page .modal-navigation{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;background:#000000b3;padding:.75rem 1.5rem;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quote-page .modal-nav-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);font-family:inherit}.quote-page .modal-nav-btn:hover{background:#ffffff1a;border-color:#ffffff80}.quote-page .modal-nav-btn svg{width:1rem;height:1rem}.quote-page .modal-counter{color:#fff;font-size:.875rem;font-weight:500;white-space:nowrap}@media (max-width: 1024px){.quote-page .quote-container{grid-template-columns:1fr;gap:2rem}.quote-page .gallery-section{position:static;order:-1}.quote-page .header-content{padding:1rem}.quote-page .progress-content{padding:0 1rem}.quote-page .quote-container{padding:2rem 1rem}}@media (max-width: 768px){.quote-page .form-grid,.quote-page .part-grid{grid-template-columns:1fr;gap:1rem}.quote-page .quantities-grid{grid-template-columns:1fr}.quote-page .progress-steps{flex-direction:column;gap:1rem}.quote-page .progress-step:after{display:none}.quote-page .step-header .step-title{font-size:1.5rem}.quote-page .header-title{font-size:1.25rem}.quote-page .auth-button{padding:.5rem 1rem;font-size:.8125rem}.quote-page .form-navigation{flex-direction:column}.quote-page .nav-btn{width:100%}.quote-page .thumbnail-strip{grid-template-columns:repeat(auto-fit,minmax(50px,1fr))}.quote-page .gallery-section{padding:1.5rem}.quote-page .modal-content{max-width:95vw;max-height:95vh;margin:1rem}.quote-page .modal-navigation{flex-direction:column;gap:.5rem;padding:1rem}.quote-page .modal-nav-btn{width:100%;justify-content:center}}@media (max-width: 480px){.quote-page .header-content{flex-direction:column;gap:1rem;text-align:center}.quote-page .progress-section{padding:1.5rem 0}.quote-page .quote-container{padding:1.5rem .75rem}.quote-page .part-card{padding:1.5rem}.quote-page .step-header .step-title{font-size:1.25rem}.quote-page .gallery-section{padding:1rem}.quote-page .file-drop-label{padding:2rem 1rem}.quote-page .file-icon,.quote-page .nav-arrow{width:2rem;height:2rem}.quote-page .nav-arrow-left{left:.5rem}.quote-page .nav-arrow-right{right:.5rem}.quote-page .autoplay-button{width:2rem;height:2rem;bottom:.5rem;right:.5rem}}.quote-page *:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast: high){.quote-page{--border-color: #000000;--text-muted: #666666}.quote-page[data-theme=dark]{--border-color: #ffffff;--text-muted: #cccccc}}@media (prefers-reduced-motion: reduce){.quote-page *,.quote-page *:before,.quote-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.quote-page[data-theme=dark] .form-section{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.quote-page[data-theme=dark] .form-input,.quote-page[data-theme=dark] .form-select,.quote-page[data-theme=dark] .form-textarea{background:var(--background-secondary);border-color:var(--border-color);color:var(--text-primary)}.quote-page[data-theme=dark] .form-checkbox{border-color:var(--border-light)!important;background-color:var(--background-secondary)!important}.quote-page[data-theme=dark] .form-checkbox:checked{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.quote-page[data-theme=dark] .char-count,.quote-page[data-theme=dark] .file-help,.quote-page[data-theme=dark] .secondary-text{color:var(--text-tertiary)}.quote-page[data-theme=dark] .nav-btn-secondary:hover:not(:disabled){background:var(--background-tertiary);border-color:var(--border-light)}.quote-page[data-theme=dark] .progress-step:after{background:var(--border-light)}@media print{.quote-page{background:#fff!important;color:#000!important}.quote-page .gallery-section,.quote-page .auth-button,.quote-page .form-navigation{display:none!important}.quote-page .quote-container{grid-template-columns:1fr!important}.quote-page .form-section{box-shadow:none!important;border:1px solid #ccc!important}}.notification{position:fixed;top:24px;right:24px;z-index:1000;min-width:320px;max-width:480px;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.notification-show{transform:translate(0);opacity:1;pointer-events:auto}.notification-content{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#fffffff2;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.notification-success{border-left:4px solid #10b981}.notification-success .notification-content{background:linear-gradient(135deg,#ecfdf5f2,#d1fae5f2);border-color:#10b98133}.notification-success .notification-icon{color:#10b981}.notification-error{border-left:4px solid #ef4444}.notification-error .notification-content{background:linear-gradient(135deg,#fef2f2f2,#fee2e2f2);border-color:#ef444433}.notification-error .notification-icon{color:#ef4444}.notification-info{border-left:4px solid #3b82f6}.notification-info .notification-content{background:linear-gradient(135deg,#eff6fff2,#dbeafef2);border-color:#3b82f633}.notification-info .notification-icon{color:#3b82f6}.notification-icon{width:20px;height:20px;flex-shrink:0;margin-top:2px;stroke-width:2}.notification-message{flex:1;font-size:15px;line-height:1.5;font-weight:500;color:#374151;margin:0}.notification-close{background:none;border:none;padding:4px;cursor:pointer;border-radius:6px;color:#9ca3af;transition:all .2s ease;flex-shrink:0;margin-top:-2px}.notification-close:hover{background-color:#9ca3af1a;color:#6b7280}.notification-close svg{width:16px;height:16px;stroke-width:2}@media (max-width: 640px){.notification{top:16px;right:16px;left:16px;min-width:auto;max-width:none}}.notification:nth-child(2){top:100px}.notification:nth-child(3){top:176px}.notification:nth-child(4){top:252px}.notification-show{animation:slideInRight .3s cubic-bezier(.4,0,.2,1) forwards}.request-code-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2)}.request-code-card{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:420px;width:100%;padding:2rem;position:relative;overflow:hidden}.request-code-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4)}.request-code-header{text-align:center;margin-bottom:2rem}.request-code-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.request-code-icon svg{width:3rem;height:3rem;color:#3b82f6;stroke-width:1.5}.request-code-title{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 .75rem;letter-spacing:-.025em}.request-code-subtitle{color:#6b7280;margin:0;line-height:1.6}.request-code-error{display:flex;align-items:flex-start;gap:.75rem;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem}.request-code-error-icon{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem}.request-code-form{display:grid;gap:1.5rem}.request-code-field{display:flex;flex-direction:column;gap:.5rem}.request-code-label{font-weight:600;color:#374151;font-size:.875rem}.request-code-required{color:#dc2626}.request-code-input-container{position:relative}.request-code-input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#9ca3af;pointer-events:none}.request-code-input{width:100%;padding:.75rem .75rem .75rem 2.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff;box-sizing:border-box}.request-code-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.request-code-input:disabled{background:#f9fafb;cursor:not-allowed}.request-code-input::placeholder{color:#9ca3af}.request-code-help{font-size:.875rem;color:#6b7280;margin:0;line-height:1.4}.request-code-submit-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#3b82f6;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:3rem}.request-code-submit-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.request-code-submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.request-code-btn-icon{width:1.25rem;height:1.25rem}.request-code-loading-icon{width:1.25rem;height:1.25rem;animation:spin 1s linear infinite}.request-code-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.request-code-security{display:flex;align-items:center;gap:.5rem;justify-content:center;color:#6b7280;font-size:.875rem}.request-code-security-icon{width:1rem;height:1rem;flex-shrink:0}@media (prefers-color-scheme: dark){.request-code-container{background:linear-gradient(135deg,#1e293b,#0f172a)}.request-code-card{background:#1f2937;color:#f9fafb}.request-code-card:before{background:linear-gradient(90deg,#60a5fa,#a78bfa,#22d3ee)}.request-code-icon svg{color:#60a5fa}.request-code-title{color:#f9fafb}.request-code-subtitle{color:#9ca3af}.request-code-error{background:#1f2937;border-color:#374151;color:#f87171}.request-code-label{color:#d1d5db}.request-code-input{background:#374151;border-color:#4b5563;color:#f9fafb}.request-code-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.request-code-input:disabled{background:#4b5563}.request-code-input::placeholder{color:#6b7280}.request-code-input-icon{color:#6b7280}.request-code-help{color:#9ca3af}.request-code-footer{border-top-color:#374151}.request-code-security{color:#9ca3af}}@media (max-width: 480px){.request-code-container{padding:1rem}.request-code-card{padding:1.5rem}.request-code-title{font-size:1.5rem}.request-code-icon svg{width:2.5rem;height:2.5rem}}.request-code-card{animation:slideUp .5s ease-out}.verify-code-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2)}.verify-code-card{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:420px;width:100%;padding:2rem;position:relative;overflow:hidden}.verify-code-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#3b82f6,#8b5cf6)}.verify-code-header{text-align:center;margin-bottom:2rem}.verify-code-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.verify-code-icon svg{width:3rem;height:3rem;color:#10b981;stroke-width:1.5}.verify-code-title{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 .75rem;letter-spacing:-.025em}.verify-code-subtitle{color:#6b7280;margin:0 0 .5rem;line-height:1.6}.verify-code-contact{background:#f3f4f6;color:#1f2937;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-family:SF Mono,Monaco,Cascadia Code,monospace;margin:.75rem 0;word-break:break-all}.verify-code-expiry{color:#ef4444;font-size:.875rem;margin:.5rem 0 0;font-weight:500}.verify-code-error{display:flex;align-items:flex-start;gap:.75rem;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem}.verify-code-error-icon{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem}.verify-code-form{display:grid;gap:1.5rem}.verify-code-field{display:flex;flex-direction:column;gap:.75rem}.verify-code-label{font-weight:600;color:#374151;font-size:.875rem;text-align:center}.verify-code-required{color:#dc2626}.verify-code-input-container{position:relative;display:flex;flex-direction:column;gap:1rem}.verify-code-input-visible{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1.125rem;text-align:center;letter-spacing:.5rem;font-weight:600;color:#374151;transition:all .2s ease}.verify-code-input-visible:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.verify-code-input-visible:disabled{background:#f9fafb;cursor:not-allowed}.verify-code-input-visible::placeholder{color:#9ca3af;letter-spacing:normal}.verify-code-input-dots{display:flex;gap:.75rem;justify-content:center;padding:.5rem 0}.verify-code-dot{width:3rem;height:3rem;border:2px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;color:#374151;background:#fff;transition:all .2s ease;cursor:pointer}.verify-code-dot.filled{border-color:#10b981;background:#f0fdf4;color:#10b981}.verify-code-dot.active{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;animation:pulse 1.5s infinite}.verify-code-submit-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#10b981;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:3rem}.verify-code-submit-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.verify-code-submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.verify-code-btn-icon{width:1.25rem;height:1.25rem}.verify-code-loading-icon{width:1.25rem;height:1.25rem;animation:spin 1s linear infinite}.verify-code-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;display:grid;gap:1rem}.verify-code-resend{text-align:center;font-size:.875rem}.verify-code-resend span{color:#6b7280;margin-right:.5rem}.verify-code-resend-btn{background:none;border:none;color:#3b82f6;font-weight:600;cursor:pointer;text-decoration:underline;font-size:.875rem;transition:color .2s ease}.verify-code-resend-btn:hover:not(:disabled){color:#2563eb}.verify-code-resend-btn:disabled{color:#9ca3af;cursor:not-allowed}.verify-code-change{text-align:center}.verify-code-change-btn{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:#6b7280;font-size:.875rem;cursor:pointer;transition:color .2s ease}.verify-code-change-btn:hover:not(:disabled){color:#374151}.verify-code-change-btn:disabled{color:#9ca3af;cursor:not-allowed}.verify-code-change-icon{width:1rem;height:1rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (prefers-color-scheme: dark){.verify-code-container{background:linear-gradient(135deg,#1e293b,#0f172a)}.verify-code-card{background:#1f2937;color:#f9fafb}.verify-code-card:before{background:linear-gradient(90deg,#10b981,#60a5fa,#a78bfa)}.verify-code-icon svg{color:#10b981}.verify-code-title{color:#f9fafb}.verify-code-subtitle{color:#9ca3af}.verify-code-contact{background:#374151;color:#f3f4f6}.verify-code-expiry{color:#f87171}.verify-code-error{background:#1f2937;border-color:#374151;color:#f87171}.verify-code-label{color:#d1d5db}.verify-code-input-visible{background:#374151;border-color:#4b5563;color:#f9fafb}.verify-code-input-visible:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.verify-code-input-visible:disabled{background:#4b5563}.verify-code-input-visible::placeholder{color:#6b7280}.verify-code-dot{border-color:#4b5563;background:#374151;color:#d1d5db}.verify-code-dot.filled{border-color:#10b981;background:#064e3b;color:#10b981}.verify-code-dot.active{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.verify-code-footer{border-top-color:#374151}.verify-code-resend span{color:#9ca3af}.verify-code-resend-btn{color:#60a5fa}.verify-code-resend-btn:hover:not(:disabled){color:#93c5fd}.verify-code-change-btn{color:#9ca3af}.verify-code-change-btn:hover:not(:disabled){color:#d1d5db}}@media (max-width: 480px){.verify-code-container{padding:1rem}.verify-code-card{padding:1.5rem}.verify-code-title{font-size:1.5rem}.verify-code-icon svg{width:2.5rem;height:2.5rem}.verify-code-input-dots{gap:.5rem}.verify-code-dot{width:2.5rem;height:2.5rem;font-size:1rem}}.verify-code-card{animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quotes-dashboard-page{--primary-color: #2563eb;--primary-hover: #1d4ed8;--primary-light: #dbeafe;--secondary-color: #64748b;--accent-color: #0ea5e9;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border-color: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}@media (prefers-color-scheme: dark){.quotes-dashboard-page{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--border-light: #475569;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2)}}.quotes-dashboard-page.dark-theme{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--border-light: #475569;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2)}.quotes-dashboard-page{min-height:100vh;background-color:var(--bg-secondary);font-family:var(--font-sans);color:var(--text-primary);transition:background-color .2s ease,color .2s ease;padding:var(--spacing-xl);margin:0 auto}.quotes-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-primary);text-align:center;padding:var(--spacing-xl)}.quotes-dashboard-spinner{position:relative;width:60px;height:60px;margin-bottom:var(--spacing-xl)}.quotes-dashboard-loading h2{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.quotes-dashboard-loading p{color:var(--text-secondary);font-size:.9rem}.quotes-dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-primary);text-align:center;padding:var(--spacing-xl)}.quotes-dashboard-error h2{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.quotes-dashboard-error p{color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:400px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background-color:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.header-left{flex:1}.dashboard-title{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;line-height:1.2}.dashboard-subtitle{color:var(--text-secondary);font-size:.875rem;font-weight:var(--font-weight-medium)}.header-right{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.user-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-lg)}.user-avatar{width:32px;height:32px;background-color:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.stat-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card.urgent{border-color:#f59e0b4d;background:linear-gradient(135deg,var(--bg-primary) 0%,rgba(245,158,11,.05) 100%)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background-color:var(--primary-light);color:var(--primary-color);flex-shrink:0}.stat-card.urgent .stat-icon{background-color:#f59e0b1a;color:var(--warning-color)}.stat-icon svg{width:24px;height:24px;stroke-width:2}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1;margin-bottom:var(--spacing-xs)}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:var(--font-weight-medium)}.empty-state{text-align:center;padding:var(--spacing-2xl);background-color:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.empty-icon{width:80px;height:80px;color:var(--text-muted);margin:0 auto var(--spacing-lg)}.empty-icon svg{width:100%;height:100%;stroke-width:1}.empty-state h3{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.empty-state p{color:var(--text-secondary);margin-bottom:var(--spacing-xl);font-size:1rem}.dashboard-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.controls-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.controls-right{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.search-box{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);stroke-width:2;pointer-events:none}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md) calc(var(--spacing-lg) + 24px);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.search-input::placeholder{color:var(--text-muted)}.search-clear{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all .2s ease}.search-clear:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.search-clear svg{width:14px;height:14px;stroke-width:2}.items-per-page{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--text-secondary)}.items-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;cursor:pointer}.items-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.export-buttons{display:flex;gap:var(--spacing-sm)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;font-size:.875rem;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary.active{background-color:var(--primary-light);color:var(--primary-color);border-color:var(--primary-color)}.filter-badge{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:var(--warning-color);border-radius:50%}.dashboard-filters{background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-group label{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--text-secondary)}.filter-input,.filter-select{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.filters-actions{display:flex;justify-content:flex-end}.dashboard-table-section{background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:var(--spacing-xl)}.table-container{overflow-x:auto;width:100%}.dashboard-table{width:100%;border-collapse:collapse;font-size:.875rem;display:table!important;table-layout:auto}.dashboard-table thead{display:table-header-group!important}.dashboard-table tbody{display:table-row-group!important}.dashboard-table tr{display:table-row!important;transition:background-color .2s ease}.dashboard-table tr:hover{background-color:var(--bg-secondary)}.dashboard-table tr.selected{background-color:var(--primary-light)}.dashboard-table th,.dashboard-table td{display:table-cell!important;padding:var(--spacing-md) var(--spacing-lg);vertical-align:middle;text-align:left;border-bottom:1px solid var(--border-light)}.dashboard-table th{background-color:var(--bg-secondary);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;-webkit-user-select:none;user-select:none;position:sticky;top:0;z-index:10}.dashboard-table th.sortable{cursor:pointer;transition:background-color .2s ease}.dashboard-table th.sortable:hover{background-color:var(--bg-tertiary)}.select-column{width:50px;text-align:center;padding-left:var(--spacing-md);padding-right:var(--spacing-sm)}.quote-id{width:100px;min-width:100px;font-weight:var(--font-weight-semibold)}.quote-date{width:140px;min-width:140px}.quote-company{width:150px;min-width:120px}.quote-contact{width:200px;min-width:180px}.quote-project{width:180px;min-width:150px}.quote-details{width:200px;min-width:150px}.quote-parts{width:120px;min-width:100px}.quote-status{width:100px;min-width:90px}.quote-files{width:80px;min-width:70px;text-align:center}.quote-actions{width:100px;min-width:90px;text-align:center}.dashboard-table,.dashboard-table *{box-sizing:border-box}.dashboard-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quote-contact,.quote-details,.quote-project{white-space:normal;word-wrap:break-word}.th-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);width:100%}.sort-indicators{display:flex;flex-direction:column;gap:1px;flex-shrink:0}.sort-icon{width:12px;height:12px;color:var(--text-muted);stroke-width:2;transition:color .2s ease}.sort-icon.active{color:var(--primary-color)}.table-checkbox{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.id-badge{background-color:var(--bg-tertiary);color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.75rem;font-weight:var(--font-weight-semibold);font-family:monospace}.date-container{display:flex;flex-direction:column;gap:var(--spacing-xs)}.date-main{font-weight:var(--font-weight-medium);color:var(--text-primary)}.date-time{font-size:.75rem;color:var(--text-muted)}.company-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.no-data{color:var(--text-muted);font-style:italic}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:180px}.contact-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.contact-email{font-size:.75rem;color:var(--text-secondary)}.contact-phone{font-size:.75rem;color:var(--text-muted)}.project-name{font-weight:var(--font-weight-medium);color:var(--text-primary);max-width:200px;word-break:break-word}.details-text{color:var(--text-secondary);line-height:1.4;cursor:help;max-width:200px}.parts-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.parts-count{font-weight:var(--font-weight-medium);color:var(--text-primary)}.parts-qty{font-size:.75rem;color:var(--text-secondary)}.status-badges{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.75rem;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.025em}.status-badge.pending{background-color:#f59e0b1a;color:var(--warning-color)}.status-badge.urgent{background-color:#ef44441a;color:var(--error-color);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.files-info{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.files-icon{width:16px;height:16px;color:var(--text-muted);stroke-width:2}.files-count{font-weight:var(--font-weight-medium);color:var(--text-primary)}.action-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-size:.75rem;font-weight:var(--font-weight-medium);transition:all .2s ease;white-space:nowrap}.action-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.action-btn svg{width:14px;height:14px;stroke-width:2}.pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background-color:var(--bg-secondary);border-top:1px solid var(--border-light)}.pagination-info{font-size:.875rem;color:var(--text-secondary)}.pagination-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:var(--font-weight-medium)}.pagination-btn:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--primary-color)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-btn svg{width:16px;height:16px;stroke-width:2}.pagination-pages{display:flex;gap:var(--spacing-xs)}.page-btn{min-width:36px}.selection-actions{position:fixed;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-color);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-lg);z-index:50;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.selection-info{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--text-primary)}.selection-buttons{display:flex;gap:var(--spacing-sm)}@media (max-width: 1200px){.quote-details{display:none}}@media (max-width: 1024px){.quotes-dashboard-page{padding:var(--spacing-lg)}.dashboard-header{flex-direction:column;align-items:stretch;gap:var(--spacing-lg)}.header-right{justify-content:flex-start;flex-wrap:wrap}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.dashboard-controls{flex-direction:column;align-items:stretch;gap:var(--spacing-lg)}.controls-left,.controls-right{flex:none}.controls-right{justify-content:flex-start;flex-wrap:wrap}.quote-company{display:none}.quote-contact{min-width:150px}}@media (max-width: 768px){.quotes-dashboard-page{padding:var(--spacing-md)}.dashboard-header{padding:var(--spacing-lg)}.dashboard-title{font-size:1.5rem}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stat-card{padding:var(--spacing-md)}.stat-icon{width:40px;height:40px}.stat-icon svg{width:20px;height:20px}.stat-value{font-size:1.5rem}.dashboard-controls{padding:var(--spacing-md)}.search-box{max-width:none}.filters-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.dashboard-table{font-size:.75rem}.dashboard-table th,.dashboard-table td{padding:var(--spacing-sm) var(--spacing-md)}.contact-info{min-width:auto}.project-name{max-width:150px}.pagination{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.pagination-controls{justify-content:center}.selection-actions{left:var(--spacing-md);right:var(--spacing-md);transform:none;flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.selection-buttons{justify-content:stretch}.selection-buttons .btn{flex:1;justify-content:center}.quote-files{display:none}.quote-parts{min-width:80px}}@media (max-width: 480px){.dashboard-stats{grid-template-columns:1fr}.header-right{flex-direction:column;align-items:stretch}.user-info{justify-content:center}.export-buttons{flex-direction:column}.pagination-pages,.dashboard-table .quote-company,.dashboard-table .quote-details,.dashboard-table .quote-files,.dashboard-table .quote-status{display:none}.quote-contact{min-width:120px}.quote-project{min-width:100px}}@media print{.quotes-dashboard-page{background-color:#fff!important;color:#000!important;padding:0}.dashboard-controls,.selection-actions,.user-info,.btn{display:none!important}.dashboard-header{background-color:#fff!important;box-shadow:none!important;border:none!important;padding:var(--spacing-lg) 0}.dashboard-stats{background-color:#fff!important;box-shadow:none!important}.stat-card{background-color:#fff!important;border:1px solid #ddd!important;box-shadow:none!important}.dashboard-table-section{background-color:#fff!important;box-shadow:none!important;border:1px solid #ddd!important}.dashboard-table tr:hover{background-color:transparent!important}.action-btn,.select-column,.pagination{display:none!important}.dashboard-table{font-size:10px}.dashboard-table th,.dashboard-table td{padding:4px 8px}}@media (prefers-contrast: high){.quotes-dashboard-page{--border-color: #000000;--border-light: #666666}.dashboard-table,.stat-card,.dashboard-header,.dashboard-controls,.dashboard-filters,.dashboard-table-section{border-width:2px}.btn{border-width:2px;border-style:solid}.btn-primary{border-color:var(--primary-color)}.btn-secondary{border-color:var(--text-primary)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner-ring,.status-badge.urgent{animation:none!important}.stat-card:hover,.btn:hover,.action-btn:hover{transform:none!important}}.btn:focus,.search-input:focus,.filter-input:focus,.filter-select:focus,.items-select:focus,.pagination-btn:focus,.action-btn:focus,.table-checkbox:focus{outline:2px solid var(--primary-color);outline-offset:2px}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-sm)}.table-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-sm)}.table-container::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.quotes-dashboard-page.loading *{pointer-events:none}.quote-details-page{--primary-color: #2563eb;--primary-hover: #1d4ed8;--primary-light: #dbeafe;--secondary-color: #64748b;--accent-color: #0ea5e9;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border-color: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}@media (prefers-color-scheme: dark){.quote-details-page{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--border-light: #475569;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2)}}.quote-details-page.dark-theme{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--border-light: #475569;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2)}.quote-details-page{min-height:100vh;background-color:var(--bg-secondary);font-family:var(--font-sans);color:var(--text-primary);transition:background-color .2s ease,color .2s ease}.quote-loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-primary);text-align:center;padding:var(--spacing-xl)}.loading-spinner{position:relative;width:60px;height:60px;margin-bottom:var(--spacing-xl)}.spinner-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.spinner-ring:nth-child(2){animation-delay:.1s;border-top-color:var(--accent-color)}.spinner-ring:nth-child(3){animation-delay:.2s;border-top-color:var(--secondary-color)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quote-loading-screen h2{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.quote-loading-screen p{color:var(--text-secondary);font-size:.9rem}.quote-error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-primary);text-align:center;padding:var(--spacing-xl)}.error-icon{width:64px;height:64px;color:var(--error-color);margin-bottom:var(--spacing-lg)}.error-icon svg{width:100%;height:100%;stroke-width:1.5}.quote-error-screen h2{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.quote-error-screen p{color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:400px}.error-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.quote-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-left,.header-right{flex:1}.header-center{flex:0 0 auto}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md)}.back-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all .2s ease;font-weight:var(--font-weight-medium)}.back-button:hover{color:var(--primary-color);background-color:var(--primary-light)}.back-button svg{width:18px;height:18px;stroke-width:2}.quote-status-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-lg);font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--text-secondary)}.status-indicator{width:8px;height:8px;border-radius:50%;background-color:var(--warning-color);animation:pulse 2s infinite}.status-indicator.pending{background-color:var(--warning-color)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.user-info{display:flex;align-items:center;gap:var(--spacing-sm)}.user-avatar{width:32px;height:32px;background-color:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.user-avatar svg{width:16px;height:16px;stroke-width:2}.user-email{font-size:.875rem;color:var(--text-secondary);font-weight:var(--font-weight-medium)}.sign-out-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all .2s ease}.sign-out-button:hover{color:var(--error-color);background-color:#ef44441a}.sign-out-button svg{width:18px;height:18px;stroke-width:2}.quote-hero{position:relative;background-color:var(--bg-primary);padding:var(--spacing-2xl) var(--spacing-xl);overflow:hidden}.hero-background{position:absolute;inset:0;opacity:.02}.hero-pattern{width:100%;height:100%;background-image:radial-gradient(circle at 1px 1px,var(--text-primary) 1px,transparent 0);background-size:20px 20px}.hero-content{position:relative;max-width:1200px;margin:0 auto;text-align:center}.quote-id-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--primary-light);color:var(--primary-color);border-radius:var(--radius-lg);font-size:.875rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg)}.project-title{font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.2}.quote-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--spacing-2xl)}.quick-stats{display:flex;justify-content:center;gap:var(--spacing-2xl);flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:var(--spacing-md)}.stat-icon{width:24px;height:24px;color:var(--primary-color);flex-shrink:0}.stat-icon svg{width:100%;height:100%;stroke-width:2}.stat-content{display:flex;flex-direction:column;text-align:left}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.stat-value{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.quote-main{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.tab-navigation{display:flex;background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xs);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;color:var(--text-secondary);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-button:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.tab-button.active{color:var(--primary-color);background-color:var(--primary-light);font-weight:var(--font-weight-semibold)}.tab-button svg{width:18px;height:18px;stroke-width:2}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.info-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .2s ease}.info-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);background-color:var(--bg-secondary)}.card-icon{width:20px;height:20px;color:var(--primary-color);flex-shrink:0}.card-icon svg{width:100%;height:100%;stroke-width:2}.card-header h3{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.card-content{padding:var(--spacing-lg)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-light)}.info-row:last-child{border-bottom:none}.info-label{font-weight:var(--font-weight-medium);color:var(--text-secondary);font-size:.875rem}.info-value{font-weight:var(--font-weight-medium);color:var(--text-primary);text-align:right}.project-description{color:var(--text-secondary);white-space:pre-line;word-wrap:break-word;line-height:1.6;margin:0}.timeline{display:flex;flex-direction:column;gap:var(--spacing-lg)}.timeline-item{display:flex;align-items:flex-start;gap:var(--spacing-md);position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:9px;top:32px;width:2px;height:calc(100% + var(--spacing-lg));background-color:var(--border-color)}.timeline-marker{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-color);background-color:var(--bg-primary);flex-shrink:0;position:relative;z-index:1}.timeline-item.completed .timeline-marker{background-color:var(--success-color);border-color:var(--success-color)}.timeline-item.current .timeline-marker{background-color:var(--warning-color);border-color:var(--warning-color);animation:pulse 2s infinite}.timeline-content h4{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.timeline-content p{font-size:.75rem;color:var(--text-secondary);margin:0}.parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl)}.part-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .2s ease}.part-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.part-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.part-number{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.urgent-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:#f59e0b1a;color:var(--warning-color);border-radius:var(--radius-md);font-size:.75rem;font-weight:var(--font-weight-medium);animation:pulse 2s infinite}.urgent-badge svg{width:12px;height:12px;stroke-width:2}.part-details{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.detail-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-group.quantities{gap:var(--spacing-sm)}.detail-label{font-size:.75rem;font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-weight:var(--font-weight-medium);color:var(--text-primary)}.quantity-pills{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.quantity-pill{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--primary-light);color:var(--primary-color);border-radius:var(--radius-md);font-size:.75rem;font-weight:var(--font-weight-medium)}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-xl)}.file-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .2s ease}.file-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.file-preview{padding:var(--spacing-xl);background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.file-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.file-icon.image-icon{background-color:#10b9811a;color:var(--success-color)}.file-icon.pdf-icon{background-color:#ef44441a;color:var(--error-color)}.file-icon.document-icon{background-color:#2563eb1a;color:var(--primary-color)}.file-icon svg{width:24px;height:24px;stroke-width:2}.file-info{padding:var(--spacing-lg)}.file-name{font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;word-break:break-word;line-height:1.4}.file-metadata{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.file-size,.file-type{font-size:.75rem;color:var(--text-muted);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-md);font-weight:var(--font-weight-medium)}.file-warning{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--warning-color);font-size:.75rem;font-weight:var(--font-weight-medium);margin-top:var(--spacing-sm)}.file-warning svg{width:14px;height:14px;stroke-width:2}.file-actions{padding:0 var(--spacing-lg) var(--spacing-lg)}.download-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.download-btn:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.download-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.download-btn.disabled{background-color:var(--secondary-color)}.download-btn svg{width:16px;height:16px;stroke-width:2}.download-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}.empty-state{text-align:center;padding:var(--spacing-2xl);background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.empty-icon{width:64px;height:64px;color:var(--text-muted);margin:0 auto var(--spacing-lg)}.empty-icon svg{width:100%;height:100%;stroke-width:1.5}.empty-state h3{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.empty-state p{color:var(--text-secondary);margin:0}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;font-size:.875rem}.btn svg{width:16px;height:16px;stroke-width:2}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-primary);transform:translateY(-1px)}@media (max-width: 768px){.quote-header{padding:var(--spacing-md);flex-direction:column;gap:var(--spacing-md);align-items:stretch}.header-left,.header-center,.header-right{flex:none}.header-center{order:-1}.header-right{justify-content:flex-start}.quote-hero{padding:var(--spacing-xl) var(--spacing-md)}.project-title{font-size:2rem}.quick-stats{gap:var(--spacing-lg);justify-content:flex-start}.stat-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.stat-content{align-items:flex-start}.quote-main{padding:var(--spacing-lg) var(--spacing-md)}.tab-navigation{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.overview-grid,.parts-grid,.files-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.error-actions{flex-direction:column;align-items:stretch}.info-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.info-value{text-align:left}}@media (max-width: 480px){.quote-hero{padding:var(--spacing-lg) var(--spacing-md)}.project-title{font-size:1.75rem}.quote-subtitle{font-size:1rem}.quick-stats{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.card-header,.card-content{padding:var(--spacing-md)}.part-header{padding:var(--spacing-md);flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.part-details,.file-info{padding:var(--spacing-md)}.file-actions{padding:0 var(--spacing-md) var(--spacing-md)}}@media print{.quote-details-page{background-color:#fff!important;color:#000!important}.quote-header,.tab-navigation,.file-actions,.sign-out-button{display:none!important}.quote-hero{background-color:#fff!important;padding:var(--spacing-lg) 0}.hero-background{display:none}.info-card,.part-card,.file-card{box-shadow:none!important;border:1px solid #ddd!important;background-color:#fff!important;break-inside:avoid;margin-bottom:var(--spacing-lg)}.tab-content,.parts-grid,.files-grid,.overview-grid{display:block!important}.part-card,.file-card,.info-card{display:block!important;width:100%!important;margin-bottom:var(--spacing-lg)!important}}@media (prefers-contrast: high){.quote-details-page{--border-color: #000000;--border-light: #666666;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3)}.info-card,.part-card,.file-card,.tab-navigation{border-width:2px}.btn{border-width:2px;border-style:solid}.btn-primary{border-color:var(--primary-color)}.btn-secondary{border-color:var(--text-primary)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loading-spinner,.status-indicator,.urgent-badge,.download-spinner{animation:none!important}.info-card:hover,.part-card:hover,.file-card:hover,.btn:hover{transform:none!important}}.back-button:focus,.tab-button:focus,.download-btn:focus,.sign-out-button:focus,.btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.tab-navigation::-webkit-scrollbar{height:4px}.tab-navigation::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-sm)}.tab-navigation::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-sm)}.tab-navigation::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.quote-details-page.loading *{pointer-events:none}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.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}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-card:nth-child(1){animation-delay:.1s}.part-card:nth-child(2){animation-delay:.2s}.part-card:nth-child(3){animation-delay:.3s}.part-card:nth-child(4){animation-delay:.4s}.part-card:nth-child(5){animation-delay:.5s}.file-card:nth-child(1){animation-delay:.1s}.file-card:nth-child(2){animation-delay:.2s}.file-card:nth-child(3){animation-delay:.3s}.file-card:nth-child(4){animation-delay:.4s}.file-card:nth-child(5){animation-delay:.5s}