@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Syne:wght@600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Syne:wght@600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Instrument+Sans:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}select,textarea{background-color:#fff!important;color:#111827!important;border:1px solid #d1d5db!important;border-radius:6px;padding:8px 12px;font-size:14px;appearance:none;outline:none;transition:all .2s ease}select:focus,input:focus,textarea:focus{border-color:#2563eb!important;background-color:#fff!important;color:#111827!important;box-shadow:0 0 0 2px #2563eb26}@media (prefers-color-scheme: dark){select,input,textarea{background-color:#fff!important;color:#111827!important}::placeholder{color:#9ca3af!important}}@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}::-webkit-calendar-picker-indicator{line-height:1}:-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{height:100%;width:100%;margin:0;padding:0;overflow-y:hidden}.dots-btn,.edit-button{outline:none!important;box-shadow:none!important}body{overflow-x:hidden}input{color:#000!important;background-color:#fff}input::placeholder{color:#555}.login-container{min-height:100vh;width:100vw;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden}.login-wrapper{display:flex;width:100%;height:100vh;overflow:hidden}.login-left{flex:2;background:linear-gradient(135deg,#4f46e5,#3b82f6,#2563eb);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;position:relative;color:#fff;overflow:hidden}.login-left:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.welcome-section{text-align:center;z-index:2;width:100%;max-width:500px}.welcome-title{font-size:48px;font-weight:700;color:#fff;margin-bottom:16px;line-height:1.2}.welcome-subtitle{font-size:18px;color:#ffffffe6;margin-bottom:60px;font-weight:400}.login-image-container{width:100%;height:400px;display:flex;align-items:center;justify-content:center;position:relative}.login-image{width:100%;height:100%;object-fit:contain;object-position:center;max-width:450px;max-height:380px;filter:drop-shadow(0 8px 32px rgba(0,0,0,.2));transition:transform .3s ease}.login-image:hover{transform:scale(1.02)}.login-right{flex:1;background-color:#f8f9fa;display:flex;flex-direction:column;padding:40px 60px;position:relative;overflow-y:auto}.login-header{display:flex;justify-content:flex-end;margin-bottom:60px}.brand-logo{display:flex;align-items:center;gap:8px;color:#4f46e5}.brand-text{font-size:20px;font-weight:700;color:#1f2937}.login-form-section{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:400px;margin:0 auto;width:100%}.login-title{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:8px;text-align:center}.login-subtitle{font-size:16px;color:#6b7280;margin-bottom:40px;text-align:center;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:24px}.hand{display:inline-block;animation:wave 4s ease-in-out infinite;animation-delay:0s;animation-iteration-count:infinite;animation-fill-mode:both}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(20deg)}20%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-group input{padding:14px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:16px;background-color:#fff;color:#1f2937;transition:all .2s ease}.form-group input::placeholder{color:#9ca3af}.form-group input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:40px;box-sizing:border-box}.password-toggle{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:#555;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#000}.login-button{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;border:none;padding:16px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #4f46e54d}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.remember-me{display:flex;align-items:center;font-size:14px;color:#6b7280;cursor:pointer;position:relative;padding-left:28px}.remember-me input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;left:0;top:50%;transform:translateY(-50%);height:18px;width:18px;background-color:#fff;border:2px solid #D1D5DB;border-radius:4px;transition:all .2s ease}.remember-me:hover input~.checkmark{border-color:#4f46e5}.remember-me input:checked~.checkmark{background-color:#4f46e5;border-color:#4f46e5}.remember-me input:checked~.checkmark:after{content:"";position:absolute;display:block;left:5px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.forgot-password{font-size:14px;color:#4f46e5;text-decoration:none;transition:color .2s ease}.forgot-password:hover{color:#3730a3;text-decoration:underline}.partner-info{margin-top:32px;text-align:center}.partner-text{font-size:14px;color:#6b7280;margin-bottom:12px}.partner-logo{display:flex;justify-content:center;align-items:center}.partner-logo span{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.error-message{color:#ef4444;font-size:14px;background-color:#fef2f2;border:1px solid #FECACA;padding:12px 16px;border-radius:8px;margin-top:-8px}@media (max-width: 1024px){.login-right{padding:40px}.welcome-title{font-size:42px}}@media (max-width: 768px){.login-wrapper{flex-direction:column}.login-left{order:1;min-height:40vh;padding:40px 20px}.login-right{order:2;min-height:60vh;padding:30px 20px}.welcome-title{font-size:36px}.welcome-subtitle{font-size:16px;margin-bottom:40px}.login-image-container{height:250px}.login-header{justify-content:center;margin-bottom:40px}.form-options{flex-direction:column;gap:16px;align-items:stretch}.forgot-password{text-align:center}}@media (max-width: 480px){.login-left{padding:30px 15px}.login-right{padding:20px 15px}.welcome-title,.login-title{font-size:28px}.form-group input,.login-button{padding:12px 16px}.login-image-container{height:200px}}@media (min-width: 1400px){.login-left{padding:80px 60px}.login-right{padding:60px 80px}.welcome-title{font-size:56px}.login-image-container{height:500px}}.ERP-main-focused-btn:focus{box-shadow:0 0 10px #6366f199;outline:none}.app-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8edf2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.ERP-main-dashboard-container{max-width:1600px;margin:0 auto;padding:10px;scrollbar-width:none;-ms-overflow-style:none}.ERP-main-dashboard-container::-webkit-scrollbar{display:none}.ERP-main-dashboard-header{background:linear-gradient(135deg,#626a8c,#7e6e8e);border-radius:16px;padding:32px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #667eea4d}.ERP-main-header-content{flex:1}.ERP-main-dashboard-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.5px}.ERP-main-dashboard-subtitle{font-size:16px;color:#ffffffe6;font-weight:400}.ERP-main-header-actions{display:flex;gap:12px}.ERP-main-btn-primary,.ERP-main-btn-secondary{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;white-space:nowrap}.ERP-main-btn-primary{background:#fff;color:#2b4cde}.ERP-main-btn-primary:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.ERP-main-btn-secondary{background:#fff3;color:#fff}.ERP-main-btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.ERP-main-dashboard-nav{background:linear-gradient(135deg,#e6e9ec,#99a0b1);border-radius:14px;padding:6px;margin-bottom:24px;display:flex;gap:6px;box-shadow:0 10px 30px #fbfafa59}.ERP-main-nav-tab{flex:1;padding:12px 0;border:none;background:transparent;color:#292a2b;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .25s ease;position:relative;outline:none;box-shadow:none}.ERP-main-nav-tab:hover{background:#ffffff0d;color:#e5e7eb;outline:none;box-shadow:none}.ERP-main-nav-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 6px 18px #6366f173;outline:none;box-shadow:none}.ERP-main-nav-tab.active:after{content:"";position:absolute;inset:0;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff26;outline:none;box-shadow:none}.ERP-main-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:10px;margin-bottom:24px}.ERP-main-stat-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.ERP-main-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.ERP-main-stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ERP-main-stat-icon.revenue{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ERP-main-stat-icon.orders{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.ERP-main-stat-icon.customers{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.ERP-main-stat-icon.inventory{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.ERP-main-stat-content{flex:1}.ERP-main-stat-label{font-size:14px;color:#6b7280;margin-bottom:6px;font-weight:500}.ERP-main-stat-value{font-size:28px;font-weight:700;color:#111827;margin-bottom:4px;line-height:1.2}.ERP-main-stat-change{font-size:13px;font-weight:600;padding:4px 8px;border-radius:6px;display:inline-block}.ERP-main-stat-change.positive{background:#d1fae5;color:#065f46}.ERP-main-stat-change.negative{background:#fee2e2;color:#991b1b}.ERP-main-charts-container{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.ERP-main-chart-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.ERP-main-chart-card:hover{box-shadow:0 8px 24px #0000001f}.ERP-main-chart-card.full-width{grid-column:span 12}.ERP-main-chart-card.large{grid-column:span 8}.ERP-main-chart-card.medium{grid-column:span 4}.ERP-main-chart-header{margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f3f4f6}.ERP-main-chart-title{font-size:18px;font-weight:700;color:#111827;margin-bottom:4px}.ERP-main-chart-subtitle{font-size:14px;color:#6b7280;font-weight:400}.ERP-main-chart-body{height:350px;width:100%}@media (max-width: 1400px){.ERP-main-chart-card.large{grid-column:span 12}.ERP-main-chart-card.medium{grid-column:span 6}}@media (max-width: 992px){.ERP-main-dashboard-header{flex-direction:column;gap:20px;text-align:center}.ERP-main-header-actions{width:100%;justify-content:center}.ERP-main-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.ERP-main-chart-card.medium{grid-column:span 12}.ERP-main-dashboard-nav{overflow-x:auto;flex-wrap:nowrap}.ERP-main-nav-tab{white-space:nowrap}}@media (max-width: 768px){.ERP-main-dashboard-container{padding:16px}.ERP-main-dashboard-header{padding:24px}.ERP-main-dashboard-title{font-size:24px}.ERP-main-dashboard-subtitle{font-size:14px}.ERP-main-stats-grid{grid-template-columns:1fr}.ERP-main-stat-card{padding:20px}.ERP-main-stat-value{font-size:24px}.ERP-main-chart-body{height:300px}.ERP-main-btn-primary,.ERP-main-btn-secondary{padding:10px 20px;font-size:13px}}@media (max-width: 480px){.ERP-main-dashboard-title{font-size:20px}.ERP-main-stat-icon{width:48px;height:48px}.ERP-main-stat-value{font-size:20px}.ERP-main-chart-title{font-size:16px}.ERP-main-chart-body{height:250px}.ERP-main-header-actions{flex-direction:column;width:100%}.ERP-main-btn-primary,.ERP-main-btn-secondary{width:100%}}@media print{.ERP-main-dashboard-nav,.ERP-main-header-actions{display:none}.ERP-main-chart-card{break-inside:avoid;page-break-inside:avoid}}.main-table-wrapper{background:#fff;border-radius:12px;border:1px solid #f3f4f6;overflow:hidden}.table-container{overflow-x:auto;border:transparent}.table{width:100%;border-collapse:collapse}.table-header{color:#1e293b;background:#f8fafc}.table-th{padding:16px;text-align:left;font-weight:600;color:#fefefe;font-size:12px;border-bottom:1px solid #f3f4f6}.table-th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table-th.sortable:hover{background:#f1f5f9}.th-content{display:flex;align-items:center;gap:8px}.sort-icon{font-size:16px;color:#9ca3af;transition:color .2s ease}.sort-active{color:#10b981}.sort-desc{transform:rotate(180deg)}.table-body{background:#fff}.table-row{transition:background-color .2s ease}.table-td{padding:12px 16px;font-size:14px;color:#6b7280;border-bottom:1px solid #f3f4f6}.table-row:last-child .table-td{border-bottom:none}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8fafc;border-top:1px solid #f3f4f6}.pagination-btn{background:#fff;border:1px solid #d1d5db;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#374151}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#10b981}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:#6b7280}@media (max-width: 768px){.table-th,.table-td{padding:12px 8px;font-size:13px}.table-pagination{padding:12px}.pagination-btn{padding:6px 12px;font-size:13px}}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s ease}.btn-primary{background-color:#244f95;color:#fff;font-size:14}.btn-danger{background-color:#ef4444;color:#fff;border:1px solid #ef4444;padding:.6em 1em;border-radius:.5em;font-size:clamp(12px,2.5vw,14px);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.4em;width:100%;max-width:200px;box-sizing:border-box;white-space:nowrap}.btn-danger:hover{background-color:#dc2626;border-color:#dc2626}.btn-ghost{background-color:transparent;border:1px solid #d1d5db;color:#374151;padding:.6em 1em;border-radius:.5em;font-size:clamp(12px,2.5vw,14px);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.4em;width:100%;max-width:200px;box-sizing:border-box;white-space:nowrap}.btn-ghost:hover{background-color:#f3f4f6;border-color:#10b981;color:#111827}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-small{padding:4px 10px;font-size:10px}.btn-medium{padding:8px 16px;font-size:14px}.btn-large{padding:12px 20px;font-size:16px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{border:2px solid #f3f3f3;border-top:2px solid #3b82f6;border-radius:50%;width:16px;height:16px;animation:spin .6s linear infinite}.btn-text{display:inline-flex;align-items:center;color:inherit;font-weight:500}.btn-primary .btn-text,.btn-danger .btn-text{color:#fff}.btn-ghost .btn-text{color:#374151}.btn-text-hidden{visibility:hidden}.btn-icon{display:flex;align-items:center;color:inherit}.product-container{max-width:100%;margin:0 auto;padding:6px}.product-container thead{background:#2a4a78}.product-container thead th{background:#33435e;color:#fff;font-weight:400;padding:10px 12px}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;width:100%;padding:10px 0}.product-header-h6{font-size:1.35rem;font-weight:700;color:#141415;text-align:left;background:linear-gradient(135deg,#27292c,#44444b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 1px 2px rgba(0,0,0,.1);font-size:1.6rem;font-weight:600;margin:0;color:#1f2937;border-bottom:3px solid #2563eb;padding-bottom:.25rem}@media (max-width: 600px){.form-grid{grid-template-columns:1fr}}.modal-actions{margin-top:20px;display:flex;gap:12px;justify-content:flex-end}.actions-butttons{display:flex;gap:8px;align-items:center;justify-content:flex-start;flex-wrap:nowrap;padding:0}@media (max-width: 480px){.actions-butttons{justify-content:flex-start;gap:6px}.actions-butttons button{flex:none;width:38px;height:38px}}.actions-butttons button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:none;cursor:pointer;font-size:18px;transition:all .3s ease-in-out}.actions-butttons .btn-ghost{background:transparent;color:#093248}.actions-butttons .btn-danger{background:transparent;color:#b91c1c}.actions-butttons .btn:focus,.actions-butttons .btn:active{outline:none;box-shadow:none;background:transparent;color:inherit}.table-wrapper table{width:100%;min-width:700px;border-collapse:collapse}.my-table th,.my-table td{max-width:6rem;padding:10px 12px;border:1px solid #e0e0e0;white-space:nowrap}@media (max-width: 600px){.table-wrapper{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch}.my-table{display:flex;flex-direction:column;min-width:700px}.my-table tr{display:flex;flex-direction:row;width:max-content}.my-table th,.my-table td{flex:0 0 auto;max-width:1rem}}.delete-modal-overlay{position:fixed;inset:0;background:#00000073;z-index:999}.delete-modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:620px;background:#fff;border-radius:4px;box-shadow:0 10px 30px #00000040;z-index:1000;display:flex;flex-direction:column;animation:fadeInScale .2s ease-out}.delete-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5e7eb}.delete-modal-title{font-size:16px;font-weight:600;color:#111827}.delete-modal-close{font-size:18px;color:#ea1741;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1}.delete-modal-close:hover,.delete-modal-close:active,.delete-modal-close:focus,.delete-modal-close:focus-visible{color:#6b7280;outline:none}.delete-modal-body{padding:20px;text-align:center}.delete-modal-icon{margin-bottom:12px}.delete-modal-message{font-size:14px;color:#374151;margin-bottom:10px}.delete-modal-item-name{margin-bottom:12px;font-size:14px;color:#111827}.delete-confirm-input-wrapper{margin-top:16px;display:flex;flex-direction:column;gap:6px;text-align:left}.delete-confirm-input-wrapper label{font-size:13px;color:#374151}.delete-confirm-input{padding:10px;border:1px solid #d1d5db;border-radius:4px;font-size:14px}.delete-confirm-input:focus{outline:none;border-color:#dc2626}.delete-confirm-input.error{border-color:#dc2626;background-color:#fef2f2}.delete-error-text{font-size:12px;color:#dc2626}.delete-modal-footer{padding:14px 16px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e5e7eb}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-45%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.projectsite-container{padding:6px;-webkit-overflow-scrolling:touch;width:100%;overflow-x:hidden}.projectsite-title{text-align:center;font-size:20px;font-size:1.6rem;font-weight:600;margin:0;color:#1f2937;border-bottom:3px solid #2563eb;padding-bottom:.25rem}.projectsite-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.headerpart .projectsite-title{font-size:1.8rem;font-weight:600;color:#5b6071;border-bottom:2px solid #c7d2fe;padding-bottom:.5rem}.projectsite-header h4{font-size:16px;text-align:left}.projectt-action-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-left:-6px}.projectsite-container thead{background:#355dd5}.projectsite-container thead th{background:#33435e;color:#fff;font-weight:600;padding:12px 16px}@media (max-width: 480px){.project-action-buttons{flex-direction:flex;gap:6px;width:100%}.projectt-action-buttons button{width:100%;font-size:14px;padding:8px;min-width:80px}}.projectt-action-buttons{display:flex;gap:2px;align-items:start;justify-content:flex-start}.projectt-action-buttons .btn{display:flex;align-items:start;justify-content:flex-start;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:18px;line-height:1}.projectt-action-buttons .btn svg{width:18px;height:18px;margin:auto}.projectt-action-buttons .btn-ghost{background:transparent;color:#203154}.projectt-action-buttons .btn-danger{background:transparent;color:#dc2626}@media (max-width: 480px){.projectt-btn-site{font-size:10px;padding:3px 8px}}.project-table-wrapper{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;display:block;border-radius:12px;border:1px solid #18191b;background:#fff}.project-table-wrapper table{width:100%;min-width:782px}.project-table-wrapper th,.project-table-wrapper td{padding:8px;text-align:left}@media (max-width: 600px){.project-table-wrapper table,.project-table-wrapper thead,.project-table-wrapper tbody,.project-table-wrapper th,.project-table-wrapper td,.project-table-wrapper tr{display:block;width:100%}.project-table-wrapper thead{display:none}.project-table-wrapper tr{margin-bottom:12px;border:1px solid #e5e7eb;border-radius:8px;padding:10px;background:#f9fafb}.project-table-wrapper td{display:flex;justify-content:space-between;align-items:center;padding:8px 6px;text-align:left;font-size:14px;border:none}.project-table-wrapper td:before{content:attr(data-label);font-weight:600;color:#374151;margin-right:10px}}@media (max-width: 768px){.projectsite-form{grid-template-columns:1fr}.projectsite-header{flex-direction:column;align-items:flex-start}.projectsite-footer{justify-content:center}}.projectt-action-buttons .btn:focus,.projectt-action-buttons .btn:active{outline:none;box-shadow:none;background:transparent;color:inherit}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8fafc;color:#374151;line-height:1.6}.app{display:flex;min-height:100vh;flex-direction:row}.main-content{flex:1;margin-left:280px}.child-content{padding:var(--content-padding, 10px)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;border:none;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background-color:#10b981;color:#fff}.btn-primary:hover{background-color:#059669}.btn-secondary{background-color:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.btn-secondary:hover{background-color:#e5e7eb}.btn-outline{background:transparent;color:#10b981;border:1px solid #10b981;padding:6px 12px;font-size:12px}.btn-start{background-color:#10b981;color:#fff;padding:8px 16px;font-size:12px}.btn-text{background:none;color:#10b981;padding:4px 8px;font-size:14px}@media (min-width: 1200px){.main-content{margin-left:280px}}@media (max-width: 1024px){.app{flex-direction:column}.main-content{margin-left:0;padding:12px}.btn{padding:8px 14px;font-size:13px}}@media (max-width: 768px){.main-content{padding:10px}.btn{padding:6px 12px;font-size:12px}.topbar-right{display:none!important}}@media (max-width: 480px){body{font-size:14px}.main-content{padding:8px}.btn{gap:6px;padding:6px 10px;font-size:11px}}@media (max-width: 320px){body{font-size:13px}.main-content{padding:6px}.btn{padding:4px 8px;font-size:10px;border-radius:6px}}.topbar{background:#fff;border-bottom:1px solid #f3f4f6;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;height:64px}.topbar-left{display:flex;align-items:center;gap:16px;flex:1}.menu-btn{display:none;background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:6px;transition:all .2s ease}.menu-btn:hover{background:#f9fafb;color:#374151}.search-container{max-width:400px;width:100%}.search-box{position:relative;display:flex;align-items:center}.search-box input{width:100%;padding:12px 16px 12px 44px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;font-size:14px;color:#374151;outline:none;transition:all .2s ease}.search-box input:focus{border-color:#10b981;background:#fff;box-shadow:0 0 0 3px #10b9811a}.search-icon{position:absolute;left:16px;color:#9ca3af;pointer-events:none;font-size:18px}.search-kbd{position:absolute;right:12px;background:#e5e7eb;color:#6b7280;padding:2px 6px;border-radius:4px;font-size:11px;font-family:monospace;font-weight:500}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-right .user-details,.topbar-right .user-dropdown-arrow{display:none!important}.user-avatar{display:block!important}.icon-button{width:40px;height:40px;border:none;background:#f9fafb;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease;position:relative}.icon-button:hover{background:#e5e7eb;color:#374151}.user-profile-container{position:relative}.user-profile{display:flex;align-items:center;gap:12px;padding:6px 12px 6px 6px;border-radius:8px;cursor:pointer;transition:all .2s ease}.user-profile:hover,.user-profile-active{background:#f9fafb}.user-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #f3f4f6}.user-details{display:flex;flex-direction:column;text-align:left}.user-name{font-size:14px;font-weight:500;color:#111827;line-height:1.2;white-space:nowrap}.user-email{font-size:12px;color:#6b7280;line-height:1.2;white-space:nowrap}.user-dropdown-arrow{font-size:18px;color:#9ca3af;transition:transform .2s ease,color .2s ease;margin-left:4px}.user-profile:hover .user-dropdown-arrow{color:#374151}.arrow-up{transform:rotate(180deg)}.user-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:200px;z-index:1000;margin-top:8px;animation:dropdownSlideIn .2s ease}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#374151}.user-menu-item:hover{background:#f9fafb}.user-menu-item:first-child{border-radius:8px 8px 0 0}.user-menu-item:last-child{border-radius:0 0 8px 8px}.logout-item{color:#ef4444}.logout-item:hover{background:#fef2f2;color:#dc2626}.menu-item-icon{font-size:18px;min-width:18px}.user-menu-divider{height:1px;background:#f3f4f6;margin:4px 0}@media (max-width: 1025px){.topbar{padding:16px}.menu-btn{display:block}.search-container{display:none}.user-profile{padding:6px}.user-dropdown{right:-8px;min-width:180px}}@media (max-width: 480px){.topbar{padding:12px}.topbar-right{gap:12px}.icon-button,.user-avatar img{width:36px;height:36px}}@media (max-width: 320px){.topbar{padding:10px;gap:8px}.menu-btn{padding:6px}.search-box input{font-size:12px;padding:10px 14px 10px 36px}.user-avatar img{width:32px;height:32px}}.sidebar-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:998;display:none;animation:fadeIn .2s ease}.sidebar{width:280px;background:#374151;position:fixed;top:0;left:0;height:100vh;z-index:999;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.1);transform:translate(-100%);transition:transform .3s ease;box-shadow:2px 0 16px #0000001a}.sidebar.sidebar-open{transform:translate(0)}.sidebar-header{padding:6.3px 20px;background:#fff;border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0;position:relative}.logo{display:flex;align-items:center;justify-content:center}.logo-image{height:50px;width:auto;max-width:240px;object-fit:contain}.close-btn{display:none;background:transparent;border:none;padding:8px;cursor:pointer;color:#374151;border-radius:6px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:background .2s ease}.close-btn:hover{background:#0000000d}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.nav-section{margin-bottom:20px}.nav-title{font-size:10px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.8px;padding:8px 16px;margin-bottom:4px}.nav-section hr{border:none;height:1px;background:#ffffff1a;margin:16px 12px}.nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.nav-item-container{margin:0}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;margin:0 8px;border-radius:8px;cursor:pointer;color:#ffffffe6;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s ease;position:relative}.nav-item-content{display:flex;align-items:center;gap:12px;flex:1}.nav-icon{font-size:18px;color:#ffffffb3;transition:color .2s ease}.nav-item:hover{background:#ffffff14}.nav-item:hover .nav-icon{color:#fff}.nav-item.active{background:#3b82f6;color:#fff}.nav-item.active .nav-icon{color:#fff}.expand-icon{font-size:18px;color:#fff9;transition:transform .3s ease,color .2s ease}.nav-item:hover .expand-icon{color:#ffffffe6}.nav-item.submenu-open .expand-icon{transform:rotate(180deg)}.submenu{list-style:none;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;background:#00000026;border-radius:8px;margin:4px 8px 0;opacity:0}.submenu-expanded{max-height:1000px!important;padding:6px 0!important;opacity:1}.submenu-item{display:flex;align-items:center;gap:10px;padding:9px 16px 9px 44px;margin:2px 8px;cursor:pointer;color:#fffc;font-size:13px;font-weight:400;border-radius:6px;text-decoration:none;transition:all .2s ease;position:relative}.submenu-item:before{content:"";position:absolute;left:24px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:#fff6;border-radius:50%;transition:all .2s ease}.submenu-item:hover{background:#ffffff1a;color:#fff}.submenu-item:hover:before{background:#3b82f6;transform:translateY(-50%) scale(1.5)}.submenu-item.active{background:#3b82f633;color:#fff;font-weight:500}.submenu-item.active:before{background:#3b82f6;width:3px;height:16px;border-radius:2px;left:22px}.submenu-icon{font-size:15px;min-width:15px;color:#fff9;transition:color .2s ease}.submenu-item:hover .submenu-icon,.submenu-item.active .submenu-icon{color:#fff}@media (min-width: 769px){.sidebar{transform:translate(0)}}@media (max-width: 1024px){.sidebar-overlay{display:block}.close-btn{display:flex}.sidebar{transform:translate(-100%)}}@media (max-width: 480px){.sidebar{width:260px}.nav-item{padding:10px 14px;font-size:13px}.submenu-item{padding:8px 14px 8px 40px;font-size:12px}}.nav-item:focus-visible,.submenu-item:focus-visible{outline:2px solid #3B82F6;outline-offset:-2px}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-small{width:400px}.modal-medium{width:500px}.modal-large{width:700px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;margin-bottom:20px}.modal-title{font-size:18px;font-weight:600;color:#111827;margin:0}.modal-close{background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:#f9fafb;color:#374151}.modal-content{padding:0 24px 24px;overflow-y:auto;flex:1}@media (max-width: 268px){.modal{width:95%!important;margin:10px}.modal-header{padding:20px 20px 0}.modal-content{padding:0 20px 20px}}.input-wrapper{margin-bottom:16px;width:100%}.input-label{display:block;font-size:14px;font-weight:600;color:#020a17;margin-bottom:6px}.required{color:#c00000;margin-left:2px}.input-container{position:relative;display:flex;align-items:center}.input-field{width:100%;padding:10px 14px;border:1px solid #c8c8c8;border-radius:6px;font-size:14px;background:#fff;outline:none;transition:border-color .2s ease}.input-field:focus{border-color:#e3e3ea;outline:none;box-shadow:none!important}.input-with-icon{padding-left:40px}.input-icon{position:absolute;left:12px;color:#666;font-size:16px;pointer-events:none}.input-error .input-field{border-color:#c00000}.input-error .input-field:focus{border-color:#c00000;outline:none;box-shadow:none!important}.input-disabled{opacity:.7}.input-disabled .input-field{background:#f3f3f3;cursor:not-allowed;border-color:#e0e0e0}.error-message{font-size:12px;color:#c00000;margin-top:4px;display:block}.unit-container{padding:6px}.unit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap}.unit-header h4{font-size:clamp(16px,2.5vw,18px);text-align:left;font-size:1.6rem;font-weight:600;margin:0;color:#1f2937;border-bottom:3px solid #2563eb;padding-bottom:.25rem}.unit-header button{flex-shrink:0;font-size:clamp(12px,1.5vw,14px);padding:clamp(6px,1vw,12px) clamp(12px,2vw,16px)}@media (max-width: 500px){.unit-header{flex-direction:column;align-items:flex-start;gap:8px}.unit-header button{width:100%}}.units-actions{display:flex;justify-content:flex-start;align-items:center;gap:6px}.units-actions button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent!important;border:none!important;cursor:pointer;transition:color .2s,transform .15s}.units-actions button:hover{transform:scale(1.1)}.units-actions button svg{width:18px;height:18px;pointer-events:none}.units-actions button:nth-child(1){color:#2f3d5b}.units-actions button:nth-child(2){color:#dc2626}.units-actions button:nth-child(2):hover{color:#b91c1c}.units-actions .btn:focus,.units-actions .btn:active{outline:none;box-shadow:none;background:transparent;color:inherit}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrapper table{width:100%;min-width:320px;border-collapse:collapse}.table-wrapper th,.table-wrapper td{white-space:nowrap;padding:clamp(8px,1vw,12px);text-align:left;font-size:clamp(12px,2vw,14px)}.table-wrapper tr:hover{background-color:#f9fafb}.unit-container thead{background:#33435e}.unit-container thead th{background:#33435e;color:#fff;font-weight:600;padding:12px 16px}.unit-modal-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 400px){.unit-modal-form{grid-template-columns:1fr}}.unit-modal-footer{margin-top:20px;display:flex;gap:12px;justify-content:flex-end}.btn-primary{background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:clamp(12px,2vw,16px);padding:clamp(6px,1vw,12px) clamp(12px,2vw,16px)}.btn-primary:hover{background-color:#2563eb}.table-container{background-color:#f9fafc;color:#fff}.table-container table{width:100%;border-collapse:collapse}.table-container th{background-color:#2d3c53;color:#fff;border-bottom:1px solid #ffffff;padding:12px;text-align:left}.product-type-container{padding:6px;background:transparent;border-radius:12px}.product-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.product-type-title{font-size:18px;font-weight:600;color:#33435e}.product-type-action-buttons{display:flex;justify-content:flex-start;align-items:center;gap:6px;padding-left:8px}.product-type-btn-ghost{background:#fff!important;color:#17233f!important;border:1px solid #ffffff!important;border-radius:6px!important;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px!important}.product-type-btn-danger{background:#fff!important;color:#dc2626!important;border-radius:6px!important;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px!important}.product-type-modal-form{margin-bottom:20px}.product-type-modal-footer{display:flex;justify-content:flex-end;gap:12px}@media (max-width: 768px){.product-type-header{flex-direction:column;gap:12px;align-items:flex-start}.product-type-action-buttons{gap:4px}.product-type-modal-footer{flex-direction:column;align-items:stretch}}.ven-container{padding:6px;background:transparent;border-radius:10px}.ven-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ven-header h6{font-size:18px;color:#333;font-size:1.6rem;font-weight:600;margin:0;color:#1f2937;border-bottom:3px solid #1645ac;padding-bottom:.25rem}.ven-actions{display:flex;gap:2px;align-items:start;justify-content:flex-start}.ven-actions button{display:flex;align-items:start;justify-content:flex-start;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:18px;line-height:1}.ven-actions .btn:focus,.ven-actions .btn:active{outline:none;box-shadow:none;background:transparent;color:inherit}.ven-actions .btn-ghost,.ven-footer .btn-ghost{background:transparent;color:#214276}.ven-actions .btn-danger,.ven-contact-item .btn-danger{background:transparent;color:#b00e0e;border:none}.ven-header .btn-primary,.ven-footer .btn-primary{background:#4f46e5;color:transparent;border:none}.ven-header .btn-primary:hover,.ven-footer .btn-primary:hover{background:#4338ca}.ven-contact-section .btn-secondary{background:transparent;color:#0c2762}.ven-contact-section .btn-secondary:hover{background:transparent}.ven-form{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.ven-contact-section{margin-top:20px}.ven-contact-section h4{font-size:16px;font-weight:600;margin-bottom:10px;color:#444}.ven-contact-item{display:flex;align-items:center;gap:10px;margin-bottom:10px}.ven-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.ven-actions button,.ven-actions .btn{transition:none!important;pointer-events:auto}.ven-actions button:hover,.ven-actions .btn:hover,.ven-actions button:focus,.ven-actions .btn:focus{transform:none!important;box-shadow:none!important;background-color:inherit!important;opacity:1!important;border-color:inherit!important;outline:none!important}.select-wrapper{position:relative;margin-bottom:16px}.select-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.select-container{position:relative}.select-trigger{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease}.select-trigger:hover{border-color:#10b981}.select-open{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.select-value{font-size:14px;color:#374151}.select-arrow{font-size:18px;color:#6b7280;transition:transform .2s ease}.select-arrow-up{transform:rotate(180deg)}.select-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;z-index:1000;max-height:200px;overflow-y:auto;margin-top:4px}.select-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;font-size:14px;color:#374151}.select-option:hover{background-color:#f9fafb}.select-option-selected{background-color:#10b981;color:#fff}.select-check{font-size:16px}.select-error .select-trigger{border-color:#ef4444}.select-disabled{opacity:.6;cursor:not-allowed}.select-disabled .select-trigger{background:#f3f4f6;cursor:not-allowed}.app-container{padding:10px;background:transparent;border-radius:10px}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.app-header h6{font-size:18px;font-weight:600;color:#333}.app-table-container{margin-top:10px}.app-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:-6px}.app-actions button{display:flex;align-items:start;justify-content:flex-start;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:18px;line-height:1}.app-actions .btn-ghost,.app-footer .btn-ghost{background:#fff;color:#28569e}.app-actions .btn-danger{background:#fefefe;color:#b00e0e}.app-header .btn-primary,.app-footer .btn-primary{background:#4f46e5;color:#fff;border:none}.app-footer .btn-secondary{background:#f3f4f6;color:#0c2762}.app-footer .btn-secondary:hover{background:#e5e7eb}.app-form{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.form-field{display:flex;flex-direction:column;gap:5px}.form-field label{font-size:14px;font-weight:500;color:#444}.form-field select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;color:#333;transition:border .2s ease}.form-field select:focus{border-color:#4f46e5;outline:none}.app-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-application-container{padding:20px;background-color:#fff;border-radius:10px;width:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch}.btn-application-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.btn-application-header h4{margin:0;font-size:16px}@media (max-width: 500px){.btn-application-header{flex-direction:column;align-items:flex-start;gap:10px}.btn-application-header button{width:100%}}.btn-actions-container{display:flex;gap:8px;align-items:center;justify-content:flex-start;flex-wrap:wrap;margin-left:-6px}.btn-actions-container .btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:18px;line-height:1;outline:none!important;box-shadow:none!important;background-image:none!important}.btn-actions-container .btn svg{width:18px;height:18px;margin:auto}.btn-actions-container .btn:focus,.btn-actions-container .btn:active{outline:none!important;box-shadow:none!important;background:inherit!important}.btn-actions-container .btn-ghost{background:transparent;color:#284073}.btn-actions-container .btn-danger{background:transparent;color:#dc2626}.btn-permission-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-weight:500;font-size:.9rem}.btn-permission-badge.allow{background-color:#d1fae5;color:#16a34a}.btn-permission-badge.deny{background-color:#fee2e2;color:#dc2626}.btn-permission-icon{font-size:16px}.btn-application-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 500px){.btn-application-form{grid-template-columns:1fr}}.btn-form-field label{display:block;margin-bottom:6px;font-weight:500}.btn-form-field input{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #d1d5db}.btn-application-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;flex-wrap:wrap}@media (max-width: 480px){.btn-actions-container{flex-direction:column;gap:6px;width:100%}.btn-actions-container button{width:100%;font-size:14px;padding:8px;min-width:80px}}.assign-container{padding:10px;-webkit-overflow-scrolling:touch;width:100%;overflow-x:hidden}.assign-title{margin-bottom:14px;text-align:center;font-size:20px}.assign-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.assign-header h6{font-size:16px;text-align:left;font-size:1.6rem;font-weight:600;margin:0;color:#1f2937;border-bottom:3px solid #1b3e8a;padding-bottom:.25rem}.assign-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:-6px}@media (max-width: 480px){.assign-actions{flex-direction:column;gap:6px;width:100%}.assign-actions button{width:100%;font-size:14px;padding:8px;min-width:80px}}.assign-actions{display:flex;gap:2px;align-items:start;justify-content:flex-start}.assign-actions .btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:18px;line-height:1}.assign-actions .btn svg{width:18px;height:18px;margin:auto}.assign-actions .btn,.assign-actions button{transition:none!important}.assign-actions .btn:hover,.assign-actions button:hover,.assign-actions .btn:focus,.assign-actions button:focus{transform:none!important;box-shadow:none!important;background-color:inherit!important;opacity:1!important;border-color:inherit!important;outline:none!important}.assign-actions .btn-ghost{background:transparent;color:#203154}.assign-actions .btn-danger{background:transparent;color:#dc2626}@media (max-width: 768px){.assign-form{grid-template-columns:1fr}.assign-header{flex-direction:column;align-items:flex-start}.assign-footer{justify-content:center}}@media (max-width: 480px){.assign-container{padding:10px}.assign-title{font-size:18px;text-align:left}.assign-header h5{font-size:16px}}@media (min-width: 601px){.assign-title{text-align:left}}.side-drawer__body{padding:22px;flex:1;overflow-y:auto;background:#fff}.side-drawer__field{margin-bottom:20px}.side-drawer__field label{font-size:.95rem;font-weight:500;color:#374151;margin-bottom:6px;display:block}.team-container{padding:10px;background:transparent;border-radius:10px}.team-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.team-header h4{font-size:1.6rem;font-weight:600;margin:0;color:#1f2937;border-bottom:3px solid #1d3d81;padding-bottom:.25rem}.team-actions{display:flex;gap:2px;align-items:start;justify-content:flex-start}.team-actions button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:18px;line-height:1}.team-actions .btn-ghost,.team-footer .btn-ghost{background:transparent;color:#214276}.team-actions .btn-danger{background:transparent;color:#b00e0e}.team-header .btn-primary,.team-footer .btn-primary{background:#453ed1;color:#fff;border:none}.team-header .btn-primary:hover,.team-footer .btn-primary:hover{background:#4338ca}.team-modal-form{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.team-modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.assign-actions .btn:focus,.assign-actions .btn:active{outline:none;box-shadow:none;background:transparent;color:inherit}.team-actions{position:relative;display:flex;align-items:center;justify-content:center}.action-dropdown-icons{position:absolute;top:50%;transform:translateY(-50%);right:100%;margin-right:8px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:1000;display:flex;flex-direction:row;gap:4px;padding:6px}.action-dropdown-icons button{display:flex;align-items:center;justify-content:center;padding:8px;border:none;background:none;cursor:pointer;color:#333;border-radius:4px;transition:all .2s}.action-dropdown-icons button svg{font-size:18px}.action-dropdown-icons button:hover{background-color:#f5f5f5;transform:scale(1.1)}.action-dropdown-icons button.delete-btn{color:#dc3545}.action-dropdown-icons button.delete-btn:hover{background-color:#ffebee}.rawstock-container-main{padding:10px;width:100%;max-width:100%;margin:0 auto;background-color:#f8fafc;min-height:60vh;overflow-x:auto}.rawstock-header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;background:#fff;border-radius:8px;flex-wrap:wrap;gap:12px}.rawstock-header-main h4{margin:0;font-size:1.3rem;font-weight:600;color:#1e293b}.table-wrapper,.table-wrapper-main{width:100%;overflow:hidden;margin-top:20px}.table-wrapper-main table{width:100%;min-width:900px;border-collapse:collapse}.table-wrapper-main th,.table-wrapper-main td{padding:12px;border-top:1px solid #f3f4f6;font-size:.9rem;color:#4b5563;white-space:nowrap}.table-wrapper table td:last-child,.table-wrapper table th:last-child{min-width:150px;text-align:right}@media (max-width: 600px){.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.my-table{min-width:700px;display:block}}.action-buttons{display:flex;justify-content:flex-start;align-items:center;gap:4px;flex-wrap:nowrap}.action-buttons .btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px;border:none;cursor:pointer;transition:.2s;font-size:18px;flex-shrink:0;color:inherit}.action-buttons .btn svg{width:18px;height:18px;fill:currentColor}.action-buttons .btn-ghost{color:#2563eb}.action-buttons .btn-danger{color:#cb2525}.rawstock-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;padding:1rem 0;max-height:60vh;overflow-y:auto}.rawstock-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 0;border-top:1px solid #e2e8f0;margin-top:1rem}@media (max-width: 1024px){.rawstock-header{flex-direction:column;text-align:center}.rawstock-form{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}}@media (max-width: 768px){.rawstock-container,.rawstock-header{padding:.75rem}.rawstock-header h4{font-size:1.2rem}.rawstock-form{grid-template-columns:1fr}.rawstock-footer{flex-direction:column-reverse;gap:.5rem}.rawstock-footer button{width:100%}.table-wrapper{margin-bottom:1rem}.action-buttons{gap:4px}}@media (max-width: 500px){.table-wrapper table td:last-child,.table-wrapper table th:last-child{min-width:120px!important}.action-buttons .btn{width:30px;height:30px}.action-buttons .btn svg{width:17px;height:17px}}@media (max-width: 360px){.table-wrapper table td:last-child,.table-wrapper table th:last-child{min-width:130px!important}.action-buttons{gap:2px}.action-buttons .btn{width:26px;height:26px}.action-buttons .btn svg{width:16px;height:16px}}.my-table{width:100%;border-collapse:collapse;background:#fff}.my-table th,.my-table td{padding:10px 12px;border:1px solid #e0e0e0;white-space:nowrap}@media (max-width: 600px){.table-wrapper{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch}.my-table{display:flex;flex-direction:column;min-width:700px}.my-table tr{display:flex;flex-direction:row;width:max-content}.my-table th,.my-table td{flex:0 0 auto;min-width:120px}}.equipment-container{padding:6px;width:100%;margin-top:-12px}.equipment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 12px;background:#fff;border-radius:8px;flex-wrap:wrap;gap:8px;box-shadow:0 1px 3px #0000000f}.equipment-header h4{font-size:.95rem;font-weight:600;color:#1e293b;margin:0;letter-spacing:.01em}.equipment-filters{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.filter-select-wrap{width:220px}table{width:100%;border-collapse:collapse;min-width:620px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0000000d}th{background-color:#2b456e;color:#fff;padding:7px 9px;font-size:.72rem;font-weight:600;text-align:left;white-space:nowrap;letter-spacing:.03em;text-transform:uppercase}td{padding:6px 9px;border-top:1px solid #f1f5f9;font-size:.78rem;color:#2c2f36;text-align:left;white-space:nowrap}tr:hover td{background-color:#f8fafc}td:last-child,th:last-child{text-align:right;white-space:nowrap;min-width:110px}.action-buttonss{display:flex;justify-content:flex-end;align-items:center;gap:5px;flex-wrap:nowrap}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:3px;height:24px;border:none;border-radius:5px;cursor:pointer;font-size:.7rem;font-weight:500;transition:opacity .15s ease,transform .1s ease;white-space:nowrap;padding:0 7px;line-height:1}.action-btn:hover{opacity:.82;transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.action-btn--view{background:#e8f0fe;color:#2b456e;padding:0 8px;min-width:54px}.action-btn--edit{background:#f0fdf4;color:#16a34a;width:24px;padding:0}.action-btn--delete{background:#fff1f2;color:#dc2626;width:24px;padding:0}.equipment-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem;padding:.85rem 0;max-height:58vh;overflow-y:auto}.equipment-footer{display:flex;justify-content:flex-end;gap:.6rem;padding-top:.75rem;border-top:1px solid #e5e7eb}@media (max-width: 1024px){.equipment-header{flex-direction:column;text-align:center}}@media (max-width: 768px){.equipment-container{padding:8px}table{min-width:520px}.filter-select-wrap{width:180px}.equipment-form{grid-template-columns:1fr}.equipment-footer{flex-direction:column-reverse}.equipment-footer button{width:100%}}@media (max-width: 500px){table{min-width:440px}.action-btn{height:22px;font-size:.65rem}.action-btn--edit,.action-btn--delete{width:22px}}@media (max-width: 360px){table{min-width:390px}.action-buttonss{gap:3px}}.damaged-product-container{max-width:1800px;margin:0 auto;padding:20px;background:#f8f9fa;min-height:100vh}.form-title{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:25px;padding-bottom:15px;position:relative}.form-title:after{content:"";position:absolute;left:0;bottom:0;width:250px;height:3px;background-color:#3b82f6;border-radius:2px}.damaged-product-form{background:#fff;padding:30px;border-radius:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:500;color:#374151;display:flex;align-items:center;gap:4px}.required{color:#ef4444;font-weight:600}.optional-text{color:#6b7280;font-weight:400;font-size:12px}.form-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;transition:all .2s;font-family:inherit}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-error,.select-error .css-1pahdxg-control{border-color:#ef4444!important}.error-text{color:#ef4444;font-size:12px;margin-top:4px}.file-upload-wrapper{position:relative}.file-input{display:none}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .3s;background:#f9fafb}.file-upload-label:hover{border-color:#3b82f6;background:#eff6ff}.upload-icon{width:48px;height:48px;color:#6b7280;margin-bottom:12px}.upload-text{font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}.upload-subtext{font-size:12px;color:#6b7280}.image-preview-container{margin-top:20px}.preview-title{font-size:14px;font-weight:500;color:#374151;margin-bottom:12px}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.image-card{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.preview-image{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:4px;right:4px;background:#ef4444e6;color:#fff;border:none;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.remove-image-btn:hover{background:#dc2626}.form-actions{display:flex;justify-content:flex-end;margin-top:10px}.submit-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.submit-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-icon{width:20px;height:20px}.product-details-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #3b82f6;border-radius:12px;padding:14px;margin:20px 0;animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.details-header{display:flex;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #3b82f6;width:168px}.details-header h3{font-size:18px;font-weight:700;color:#1e40af;margin:0;letter-spacing:.5px}.details-table-wrapper{overflow-x:auto;margin-bottom:20px;border-radius:8px;box-shadow:0 2px 8px #0000000f;max-height:400px}.details-table{width:100%;min-width:800px;border-collapse:collapse;background:#fff;font-size:13px}.details-table thead{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;position:sticky;top:0;z-index:10}.details-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.details-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.details-table tbody tr:hover{background:#f0f9ff}.details-table td{padding:14px 16px;color:#374151;font-weight:500;white-space:nowrap}.details-table td.total-amount{font-weight:700;color:#059669;font-size:14px;background:#ecfdf5}.purchase-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:16px}.info-card{background:#fff;padding:12px 16px;border-radius:8px;border-left:4px solid #b5cff7;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 3px #0000000f;transition:all .2s}.info-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.info-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:14px;font-weight:600;color:#1e293b}.css-1pahdxg-control{border-color:#d1d5db!important}.css-1pahdxg-control--is-focused{border-color:#191c22!important;box-shadow:0 0 0 3px #3b82f61a!important}.css-1pahdxg-control--is-disabled{background-color:#f3f4f6!important;cursor:not-allowed}small{display:block;margin-top:4px;color:#666;font-size:11px}@media (max-width: 768px){.damaged-product-container{padding:12px}.damaged-product-form{grid-template-columns:1fr;padding:20px;gap:16px}.product-details-section{padding:16px;margin:16px 0}.details-table{font-size:11px;min-width:700px}.details-table th,.details-table td{padding:10px 8px}.purchase-info-grid{grid-template-columns:1fr;gap:8px}.details-header h3{font-size:16px}}@media (max-width: 480px){.details-table{min-width:600px}.details-table th,.details-table td{padding:8px 6px;font-size:10px}}.psmp-main-containero{max-width:1400px;margin:30px auto;padding:24px;background:#f9fafb;border-radius:12px;box-shadow:0 6px 14px #00000014;font-family:Inter,sans-serif}input[type=date]::-webkit-calendar-picker-indicator{filter:none;cursor:pointer;opacity:1}@media (prefers-color-scheme: dark){input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}}.psmp-header-panel{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.psmp-title{font-size:1.6rem;font-weight:600;color:#111827;margin:0;padding-bottom:6px;border-bottom:3px solid #2563eb;display:inline-block}.psmp-inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;background:#fff;padding:24px;border-radius:10px;border:1px solid #e5e7eb}.psmp-inputs-grid label{display:block;margin-bottom:6px;font-size:.9rem;font-weight:500;color:#374151}.psmp-textarea,.psmp-inputs-grid input,.psmp-inputs-grid select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;background:#f9fafb;font-size:.95rem;transition:all .2s ease}.psmp-textarea:focus,.psmp-inputs-grid input:focus,.psmp-inputs-grid select:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb26}.psmp-textarea{background-color:#fff!important;color:#000!important;border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;width:100%;resize:vertical;font-size:14px;line-height:1.5}.psmp-textarea::placeholder{color:#6b7280}.card{background:#fff;border-radius:12px;transition:all .2s ease;position:relative;overflow:hidden}.card-bordered{border:1px solid #f3f4f6;box-shadow:0 1px 3px #0000001a}.card-hoverable{cursor:pointer}.card-hoverable:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.card-loading{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}.loading-spinner{width:24px;height:24px;border:2px solid #f3f4f6;border-top:2px solid #10b981;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-header{padding:20px 20px 0}.card-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}.card-subtitle{font-size:14px;color:#6b7280;margin:0}.card-content{padding:20px}.card-header+.card-content{padding-top:16px}.card-footer{padding:16px 20px 20px;border-top:1px solid #f3f4f6;margin-top:16px}@media (max-width: 768px){.card-header,.card-content,.card-footer{padding-left:16px;padding-right:16px}.card-header{padding-bottom:0}.card-footer{padding-bottom:16px;padding-top:12px;margin-top:12px}}.vmp-main-container{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;max-width:1200px;margin:0 auto;font-family:Inter,sans-serif;color:#111827}.vmp-header-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.vmp-title{font-size:1.6rem;font-weight:600;margin:0;color:#1f2937;border-bottom:3px solid #2563eb;padding-bottom:.25rem}.vmp-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;width:100%}.vmp-contact-section{grid-column:1 / -1;background:#f9fafb;padding:1rem;border:1px solid #e5e7eb;border-radius:.75rem}.vmp-contact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.vmp-contact-header h4{margin:0;font-size:1.1rem;font-weight:600;color:#374151}.vmp-contact-item{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;align-items:center;margin-bottom:.75rem;position:relative}.vmp-contact-remove{position:absolute;top:8px;right:-14px;cursor:pointer;font-size:1.2rem;color:#dc2626;font-weight:700;transition:color .2s ease}.vmp-contact-remove:hover{color:#b91c1c}.vmp-submit-panel{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.vmp-submit-btn{min-width:120px}.vmp-error{grid-column:1 / -1;color:#dc2626;font-size:.9rem;margin-top:.5rem}@media (max-width: 768px){.vmp-header-panel{flex-direction:column;align-items:flex-start}.vmp-title{font-size:1.4rem}.vmp-contact-item{grid-template-columns:1fr}.vmp-submit-panel{flex-direction:column-reverse;align-items:stretch}.vmp-submit-btn{width:100%}}@media (max-width: 480px){.vmp-main-container{padding:1rem}.vmp-title{font-size:1.2rem}.vmp-form-grid{grid-template-columns:1fr}}.addproject-main-container{padding:24px;background-color:#f8f9fa;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.addproject-header-panel{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.addproject-title{font-size:26px;font-weight:600;color:#2c3e50}.addproject-inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:20px}.addproject-inputs-grid label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:#2c3e50}.addproject-inputs-grid input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border .2s ease}.addproject-inputs-grid input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff26}.react-select__control{border:1px solid #d1d5db!important;border-radius:6px!important;min-height:42px!important;box-shadow:none!important}.react-select__control--is-focused{border-color:#007bff!important;box-shadow:0 0 0 2px #007bff26!important}.react-select__menu{border-radius:6px!important;z-index:100!important}.react-select__option{padding:10px 12px;cursor:pointer}.react-select__option--is-focused{background-color:#f1f5ff!important;color:#2c3e50!important}.react-select__option--is-selected{background-color:#007bff!important;color:#fff!important}.addproject-submit-panel{grid-column:span 2;display:flex;justify-content:flex-end;margin-top:20px}.addproject-submit-btn{padding:10px 20px;background-color:#007bff;color:#fff;font-size:15px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.addproject-submit-btn:hover{background-color:#0056b3;transform:scale(1.03)}.addproject-submit-btn:disabled{background-color:#a1c4ff;cursor:not-allowed}@media (max-width: 768px){.addproject-title{font-size:22px}.addproject-inputs-grid{grid-template-columns:1fr}.addproject-submit-panel{grid-column:span 1;justify-content:center}}.employee-container{padding:4px 10px;width:100%;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.employee-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}.employee-header h6{margin:0;font-size:18px;font-weight:600;color:#1f2937}.table-container{width:100%;border-radius:8px;border:1px solid #e5e7eb;background:#fff;overflow-x:auto}.table-container table{width:100%;border-collapse:collapse;table-layout:auto}.table-container th{padding:10px 12px;font-size:13px;border-bottom:1px solid #f3f4f6;text-align:left;white-space:normal;word-break:break-word;color:#f9fafb}.table-container td{padding:8px 10px;font-size:12px;border-bottom:1px solid #f3f4f6;text-align:left;white-space:normal;word-break:break-word;color:#212223}.table-container th{font-weight:600;color:#fefefe}.action-buttons-wrapper .btn,.action-buttons-wrapper button{transition:none!important}.action-buttons-wrapper .btn:hover,.action-buttons-wrapper button:hover{transform:none!important;box-shadow:none!important;background-color:inherit!important}.action-buttons-wrapper{display:flex;gap:-9px}.btn-icon-edit,.btn-icon-delete,.btn-icon-view{background:none!important;border:none!important;padding:0;margin:0}.btn-icon-edit svg,.btn-icon-delete svg,.btn-icon-view svg{width:20px;height:20px}.btn-icon-edit svg{color:#264876}.btn-icon-delete svg{color:#dc2626}.btn-icon-view svg{color:#16a34a}.btn-icon-edit:hover svg,.btn-icon-delete:hover svg,.btn-icon-view:hover svg{opacity:.8}.employee-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.employee-footer{margin-top:20px;display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}@media (max-width: 768px){.employee-form{grid-template-columns:1fr}.employee-header{flex-direction:column;align-items:flex-start;gap:8px}.employee-footer{justify-content:center}}@media (max-width: 480px){.employee-container{padding:6px}.employee-header h6{font-size:16px}.btn-edit-delete{width:28px;height:28px}}.salary-structure-container{width:100%;min-height:100vh;background-color:#f3f6fb;padding:3rem;display:flex;flex-direction:column;gap:2.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#44474c}.header-panel .title{font-size:1.8rem;font-weight:600;color:#5b6071;border-bottom:2px solid #283052;padding-bottom:.5rem}.header-panel button{font-size:.9rem;padding:8px 16px;border-radius:6px}.inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.salary-structure-container input,.salary-structure-container select,.salary-structure-container textarea{width:100%;border-radius:6px;padding:12px 14px;font-size:14px;border:1px solid #d1d5db;background-color:#fff;transition:all .2s ease-in-out}.salary-structure-container input:focus,.salary-structure-container select:focus,.salary-structure-container textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563f633}.table-panel{background-color:#fff;border:1px solid #e0e7ff;border-radius:10px;padding:1rem;box-shadow:0 2px 8px #0000000d}.table-panel table thead tr th{background-color:#2b4369;color:#fff;padding:10px;border-radius:6px 6px 0 0;font-weight:500}.table-panel table thead tr th.span{background-color:#0e0f10}.table-panel table tbody tr td{padding:10px;border-bottom:1px solid #e5e7eb}.submit-panel button{background-color:#8e95a1;color:#fff;padding:12px 28px;border-radius:8px;border:none;font-weight:500;transition:background .3s ease}.submit-panel button:hover{background-color:#c6d3ee}@media (max-width: 640px){.header-panel{flex-direction:column;align-items:flex-start}}.attendance-container{width:100%;min-height:100vh;background-color:#f9fafb;padding:2rem;display:flex;flex-direction:column;gap:2rem;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#111827}.header-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.attendance-title{font-size:1.75rem;font-weight:700;color:#1d4ed8;border-bottom:3px solid #93c5fd;padding-bottom:.3rem;letter-spacing:.3px}.form-gridd2{display:flex;gap:20px;flex-wrap:wrap;background-color:#fff;padding:1rem;border-radius:10px;box-shadow:0 1px 4px #0000000f}.form-groupp6{flex:1;min-width:240px}.form-groupp6 label{display:block;font-weight:600;margin-bottom:8px;color:#374151;font-size:.95rem}.global-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.5rem;background:#fff;border:1px solid #e4e4e7;border-radius:10px;box-shadow:0 4px 10px #0000000d;margin-bottom:1.5rem;transition:all .3s ease}.global-controls:hover{box-shadow:0 6px 14px #00000014}.global-controls label{font-size:.95rem;color:#333;font-weight:500;margin-right:8px;display:flex;align-items:center;gap:.5rem}.global-controls input[type=checkbox]{width:18px;height:18px;accent-color:#2563eb;cursor:pointer}.attendance-table{display:flex;flex-direction:column;gap:.6rem;background-color:#fff;padding:1.25rem;border-radius:10px;box-shadow:0 2px 8px #0000000d;border:1px solid #e0e7ff;overflow-x:auto}.attendance-header,.attendance-row{display:grid;grid-template-columns:.8fr 1fr 1.2fr 1.6fr 1fr;gap:.5rem;align-items:center;text-align:left}.attendance-header{font-weight:700;color:#0f14b6;padding-bottom:.6rem;border-bottom:2px solid #272e46;background-color:#f1f5ff;border-radius:6px;padding:.8rem}.attendance-header span{display:flex;align-items:center;gap:.4rem}.attendance-header input[type=checkbox]{width:18px;height:18px;accent-color:#4f71bc;cursor:pointer}.attendance-row{background-color:#f9fafb;border-radius:8px;padding:.6rem;transition:background .2s ease,transform .1s ease;cursor:pointer}.attendance-row input,.attendance-row select{padding:6px 8px;border-radius:6px;border:1px solid #d1d5db;font-size:.9rem;width:100%;transition:border-color .2s ease}.attendance-row input[type=checkbox]{width:18px;height:18px;accent-color:#28884e;cursor:pointer}.attendance-row input:focus,.attendance-row select:focus{outline:none;border-color:#3b7ee2;box-shadow:0 0 0 3px #2563f626}.submit-panel{display:flex;justify-content:flex-end}.submit-panel button{background-color:#eb6725;color:#fff;padding:12px 28px;border-radius:10px;border:none;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #2563f633}.submit-panel button:hover{background-color:#1e40af;box-shadow:0 3px 8px #2563f64d;transform:translateY(-1px)}@media (max-width: 900px){.attendance-header,.attendance-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.attendance-header span{justify-content:flex-start}.global-controls{flex-direction:column;align-items:flex-start}}@media (max-width: 600px){.attendance-container{padding:1rem}.form-gridd2{flex-direction:column}.attendance-title{font-size:1.5rem}}:root{--crce-bg: #f0f4ff;--crce-surface: #ffffff;--crce-surface-2: #f8f9fc;--crce-border: #e2e8f4;--crce-border-focus: #4361ee;--crce-text-primary: #111827;--crce-text-secondary: #4b5563;--crce-text-muted: #9ca3af;--crce-accent: #4361ee;--crce-accent-light: #eef1fd;--crce-accent-hover: #3451d1;--crce-success: #10b981;--crce-success-bg: #ecfdf5;--crce-warning: #f59e0b;--crce-warning-bg: #fffbeb;--crce-error: #ef4444;--crce-error-bg: #fef2f2;--crce-pending-bg: #fff8e6;--crce-pending-text: #b45309;--crce-pending-dot: #f59e0b;--crce-review-bg: #eff6ff;--crce-review-text: #1d4ed8;--crce-review-dot: #3b82f6;--crce-approved-bg: #ecfdf5;--crce-approved-text: #065f46;--crce-approved-dot: #10b981;--crce-rejected-bg: #fef2f2;--crce-rejected-text: #991b1b;--crce-rejected-dot: #ef4444;--crce-paid-bg: #f5f3ff;--crce-paid-text: #5b21b6;--crce-paid-dot: #7c3aed;--crce-radius-sm: 6px;--crce-radius: 10px;--crce-radius-lg: 14px;--crce-shadow-sm: 0 1px 3px rgba(0,0,0,.06);--crce-shadow: 0 4px 20px rgba(67,97,238,.1), 0 1px 4px rgba(0,0,0,.05);--crce-transition: all .18s ease}.crce-container{font-family:Plus Jakarta Sans,sans-serif;background:var(--crce-bg);min-height:100vh;padding:28px 32px;color:var(--crce-text-primary)}.crce-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:12px;flex-wrap:wrap}.crce-title{font-size:22px;font-weight:700;color:var(--crce-text-primary);margin:0 0 3px;letter-spacing:-.3px}.crce-subtitle{font-size:13px;color:var(--crce-text-secondary);margin:0}.crce-header-right{display:flex;align-items:center;gap:10px}.crce-toast{position:fixed;top:20px;right:24px;z-index:9999;display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:var(--crce-radius);font-size:13.5px;font-weight:500;font-family:Plus Jakarta Sans,sans-serif;box-shadow:0 8px 30px #00000024;animation:crce-slide-in .25s ease;max-width:360px}@keyframes crce-slide-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.crce-toast-success{background:#1a7f5a;color:#fff}.crce-toast-error{background:#dc2626;color:#fff}.crce-toast-icon{font-size:16px;flex-shrink:0}.crce-form-card{background:var(--crce-surface);border:1px solid var(--crce-border);border-radius:var(--crce-radius-lg);box-shadow:var(--crce-shadow-sm);margin-bottom:24px;overflow:hidden}.crce-form-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--crce-border);background:var(--crce-surface-2)}.crce-form-card-title{font-size:14px;font-weight:600;color:var(--crce-text-primary);display:flex;align-items:center;gap:8px}.crce-form-card-icon{width:28px;height:28px;background:var(--crce-accent-light);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px}.crce-form-body{padding:22px}.crce-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin-bottom:20px}.crce-field{display:flex;flex-direction:column;gap:6px}.crce-label{font-size:12.5px;font-weight:600;color:var(--crce-text-secondary);text-transform:uppercase;letter-spacing:.5px}.crce-label-required:after{content:" *";color:var(--crce-error)}.crce-input,.crce-select{padding:9px 12px;border:1px solid var(--crce-border);border-radius:var(--crce-radius-sm);font-size:13.5px;font-family:Plus Jakarta Sans,sans-serif;color:var(--crce-text-primary);background:var(--crce-surface);outline:none;transition:var(--crce-transition);width:100%;box-sizing:border-box}.crce-input:focus,.crce-select:focus{border-color:var(--crce-border-focus);box-shadow:0 0 0 3px #4361ee1f}.crce-input::placeholder{color:var(--crce-text-muted)}.crce-input[type=file]{padding:7px 10px;cursor:pointer;font-size:13px;color:var(--crce-text-secondary)}.crce-input[type=file]::-webkit-file-upload-button{background:var(--crce-accent-light);color:var(--crce-accent);border:none;border-radius:5px;padding:4px 12px;font-size:12.5px;font-weight:600;cursor:pointer;margin-right:8px;font-family:Plus Jakarta Sans,sans-serif}.crce-input-error{border-color:var(--crce-error)!important;box-shadow:0 0 0 3px #ef44441a!important}.crce-field-error{font-size:11.5px;color:var(--crce-error);margin-top:2px}.crce-select option{font-size:13.5px}.crce-file-preview{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--crce-text-secondary);margin-top:4px}.crce-file-preview-icon{color:var(--crce-accent)}.crce-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:4px}.crce-btn-primary{display:flex;align-items:center;gap:7px;background:var(--crce-accent);color:#fff;border:none;border-radius:var(--crce-radius-sm);padding:10px 22px;font-size:13.5px;font-weight:600;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;transition:var(--crce-transition);box-shadow:0 2px 8px #4361ee47}.crce-btn-primary:hover:not(:disabled){background:var(--crce-accent-hover);box-shadow:0 4px 14px #4361ee61;transform:translateY(-1px)}.crce-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.crce-btn-secondary{display:flex;align-items:center;gap:6px;background:var(--crce-surface);color:var(--crce-text-secondary);border:1px solid var(--crce-border);border-radius:var(--crce-radius-sm);padding:9px 18px;font-size:13.5px;font-weight:500;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;transition:var(--crce-transition)}.crce-btn-secondary:hover{background:var(--crce-surface-2);border-color:var(--crce-border-focus);color:var(--crce-text-primary)}.crce-btn-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:crce-spin .65s linear infinite}@keyframes crce-spin{to{transform:rotate(360deg)}}.crce-table-card{background:var(--crce-surface);border:1px solid var(--crce-border);border-radius:var(--crce-radius-lg);box-shadow:var(--crce-shadow-sm);overflow:hidden}.crce-table-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--crce-border);background:var(--crce-surface-2);flex-wrap:wrap;gap:10px}.crce-table-title{font-size:14px;font-weight:600;color:var(--crce-text-primary);display:flex;align-items:center;gap:8px}.crce-record-count{font-size:12px;font-weight:500;color:var(--crce-text-muted);background:var(--crce-surface);border:1px solid var(--crce-border);border-radius:20px;padding:2px 10px}.crce-table-wrapper{overflow-x:auto}.crce-table{width:100%;border-collapse:collapse;font-size:13.5px}.crce-thead{background:var(--crce-surface-2);border-bottom:1px solid var(--crce-border)}.crce-th{padding:11px 16px;text-align:left;font-size:11.5px;font-weight:600;color:var(--crce-text-muted);text-transform:uppercase;letter-spacing:.55px;white-space:nowrap}.crce-th:first-child{padding-left:22px}.crce-th:last-child{padding-right:22px}.crce-tr{border-bottom:1px solid var(--crce-border);transition:background .12s ease}.crce-tr:last-child{border-bottom:none}.crce-tr:hover{background:#f8f9fd}.crce-td{padding:13px 16px;vertical-align:middle;white-space:nowrap}.crce-td:first-child{padding-left:22px}.crce-td:last-child{padding-right:22px}.crce-claim-id{font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:500;color:var(--crce-accent);background:var(--crce-accent-light);padding:3px 8px;border-radius:5px;display:inline-block}.crce-cell-main{font-weight:500;color:var(--crce-text-primary)}.crce-cell-sub{font-size:12px;color:var(--crce-text-muted);margin-top:2px}.crce-amount{font-family:JetBrains Mono,monospace;font-size:13.5px;font-weight:600;color:var(--crce-text-primary)}.crce-date{font-size:13px;color:var(--crce-text-secondary)}.crce-dash{color:var(--crce-text-muted)}.crce-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.crce-badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.crce-badge-pending{background:var(--crce-pending-bg);color:var(--crce-pending-text)}.crce-badge-dot-pending{background:var(--crce-pending-dot)}.crce-badge-under-review{background:var(--crce-review-bg);color:var(--crce-review-text)}.crce-badge-dot-under-review{background:var(--crce-review-dot)}.crce-badge-approved{background:var(--crce-approved-bg);color:var(--crce-approved-text)}.crce-badge-dot-approved{background:var(--crce-approved-dot)}.crce-badge-rejected{background:var(--crce-rejected-bg);color:var(--crce-rejected-text)}.crce-badge-dot-rejected{background:var(--crce-rejected-dot)}.crce-badge-paid{background:var(--crce-paid-bg);color:var(--crce-paid-text)}.crce-badge-dot-paid{background:var(--crce-paid-dot)}.crce-attachment-link{font-size:12.5px;color:var(--crce-accent);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.crce-attachment-link:hover{text-decoration:underline}.crce-empty-state{text-align:center;padding:52px 24px}.crce-empty-icon{font-size:38px;margin-bottom:10px}.crce-empty-text{font-size:15px;font-weight:600;color:var(--crce-text-secondary);margin-bottom:4px}.crce-empty-sub{font-size:13px;color:var(--crce-text-muted)}.crce-loading-wrap{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 24px;color:var(--crce-text-muted);font-size:14px}.crce-spinner{width:20px;height:20px;border:2px solid var(--crce-border);border-top-color:var(--crce-accent);border-radius:50%;animation:crce-spin .7s linear infinite}.crce-table-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-top:1px solid var(--crce-border);background:var(--crce-surface-2);font-size:12.5px;color:var(--crce-text-muted);flex-wrap:wrap;gap:8px}@media (max-width: 768px){.crce-container{padding:16px}.crce-form-grid{grid-template-columns:1fr}.crce-title{font-size:18px}}.leave-management{background:#f9fafb;padding:10px;border-radius:12px;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header-panel{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.leave-title{font-size:1.6rem;font-weight:700;color:#111827;margin:0}.header-buttons{display:flex;gap:12px}.leave-records{margin-top:16px}.table-wrapper{width:100%;overflow-x:auto;background:#fff;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 2px 6px #0000000d}table{width:100%;border-collapse:collapse;font-size:.95rem}thead{background:#112e55}thead th{background:#1c437a;color:#fff;font-weight:600;padding:12px 16px;text-align:left;border-bottom:2px solid #e2e8f0}tbody tr:nth-child(2n){background:#f9fbff}tbody tr:hover{background:#eef6ff;transition:background .2s ease-in-out}tbody td{padding:12px 16px;border-bottom:1px solid #e5e7eb;color:#374151}.empty-state{text-align:center;padding:40px 0;color:#6b7280}.empty-state-icon{font-size:48px;margin-bottom:12px}.empty-state-message{font-size:1.2rem;font-weight:600;margin-bottom:6px}.empty-state-description{font-size:.95rem}.sx-modal-form{padding:0}.sx-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.sx-form-group{display:flex;flex-direction:column;gap:8px}.sx-form-group label{font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}.sx-form-group select,.sx-form-group input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;transition:all .2s ease;outline:none}.sx-form-group select:focus,.sx-form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sx-form-group select:hover,.sx-form-group input:hover{border-color:#9ca3af}.sx-form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.react-select__control{min-height:42px;border:1px solid #d1d5db!important;border-radius:6px!important;box-shadow:none!important;transition:all .2s ease!important}.react-select__control:hover{border-color:#9ca3af!important}.react-select__control--is-focused{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.react-select__placeholder{color:#9ca3af;font-size:14px}.react-select__input-container,.react-select__single-value{font-size:14px;color:#374151}.react-select__menu{border-radius:6px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;border:1px solid #e5e7eb!important;z-index:1000!important}.react-select__option{font-size:14px;cursor:pointer!important;padding:10px 12px!important}.react-select__option--is-focused{background-color:#f3f4f6!important}.react-select__option--is-selected{background-color:#3b82f6!important;color:#fff!important}.react-select__indicator-separator{display:none}.react-select__clear-indicator,.react-select__dropdown-indicator{color:#6b7280!important;cursor:pointer!important}.react-select__clear-indicator:hover,.react-select__dropdown-indicator:hover{color:#374151!important}.sx-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.sx-form-group:has(input[name=reason]){grid-column:1 / -1}.status-toggle-container{display:flex;justify-content:flex-start;align-items:center}.status-toggle{display:inline-flex;background-color:#f3f4f6;border-radius:8px;padding:4px;gap:4px}.toggle-option{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;background-color:transparent;color:#6b7280;white-space:nowrap}.toggle-option:hover:not(:disabled){background-color:#e5e7eb;color:#374151}.toggle-option.active{color:#fff;box-shadow:0 1px 3px #0000001a}.toggle-option.active.approved{background-color:#10b981}.toggle-option.active.rejected{background-color:#ef4444}.toggle-option:disabled{cursor:not-allowed;opacity:1}.toggle-icon{font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 768px){.status-toggle{flex-direction:column;width:100%}.toggle-option{width:100%;justify-content:center;padding:10px 14px}}@media (max-width: 768px){.header-panel{flex-direction:column;align-items:flex-start}thead th,tbody td{padding:10px;font-size:.85rem}.form-grid{grid-template-columns:1fr;gap:16px}.form-group:has(input[name=reason]){grid-column:1}.form-actions{justify-content:stretch}.form-actions button{width:100%}}@media (max-width: 480px){.form-grid{gap:14px;margin-bottom:20px}.form-group label{font-size:13px}.form-group select,.form-group input{font-size:13px;padding:9px 11px}.form-actions{margin-top:20px;padding-top:16px}}.payslip-container{padding:10px;background-color:#f5f5f5;min-height:100vh}.payslip-filters-section{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.payslip-title{font-size:24px;font-weight:600;position:relative;margin-bottom:35px}.payslip-title:after{content:"";position:absolute;left:0;bottom:-6px;width:305px;height:4px;background:#5b2e8c;border-radius:2px}.payslip-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:25px}.payslip-col{display:flex;flex-direction:column;gap:8px}.payslip-label{font-size:14px;font-weight:500;color:#444}.payslip-input{padding:10px 12px;border:1px solid #ccc;border-radius:5px;font-size:14px;transition:border-color .2s}.payslip-input:focus{outline:none;border-color:#5b2e8c}.payslip-buttons{display:flex;gap:15px;justify-content:center}.payslip-btn{padding:10px 30px;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.payslip-btn-primary{background-color:#5b2e8c;color:#fff}.payslip-btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.payslip-btn-secondary{background-color:#f0f0f0;color:#333}.payslip-btn-secondary:hover{background-color:#e0e0e0}.payslip-report{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.payslip-report-header{text-align:center;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.payslip-company-name{font-size:24px;font-weight:700;color:#333;margin-bottom:8px;text-transform:uppercase}.payslip-office-address{font-size:12px;color:#666;margin-bottom:8px}.payslip-period-title{font-size:14px;font-weight:600;color:#5b2e8c;margin-top:10px}.payslip-report-info{display:flex;justify-content:space-around;padding:15px;background-color:#f8f9fa;border-radius:5px;margin-bottom:20px}.payslip-report-info p{margin:0;font-size:14px;color:#444}.payslip-action-buttons{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.payslip-export-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#5b2e8c;color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.payslip-print-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.payslip-back-btn{padding:10px 20px;background-color:#f0f0f0;color:#333;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.payslip-back-btn:hover{background-color:#e0e0e0}.payslip-table-section{margin-top:20px}.payslip-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid #e0e0e0}.payslip-report-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.payslip-report-table thead{background-color:#5b2e8c;color:#fff;position:sticky;top:0;z-index:10}.payslip-report-table th{padding:12px;text-align:left;font-weight:600;font-size:13px;white-space:nowrap;border-right:1px solid rgba(255,255,255,.2)}.payslip-report-table th:last-child{border-right:none}.payslip-report-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s}.payslip-report-table tbody tr:hover{background-color:#f8f9fa}.payslip-report-table tbody tr:last-child{border-bottom:none}.payslip-report-table td{padding:4px;color:#333}.payslip-center{text-align:center}.payslip-text-wrap{max-width:1px;word-wrap:break-word}.payslip-number{text-align:right;font-family:Courier New,Courier,monospace}.payslip-highlight{font-weight:600;color:#5b2e8c}.payslip-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.payslip-export-modal{background:#fff;border-radius:12px;padding:0;width:90%;max-width:500px;box-shadow:0 10px 40px #0003}.payslip-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e0e0e0}.payslip-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#333}.payslip-modal-close{background:none;border:none;cursor:pointer;color:#666;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.payslip-modal-close:hover{background-color:#f0f0f0;color:#333}.payslip-modal-body{padding:25px}.payslip-modal-body>p{margin:0 0 20px;color:#666;font-size:14px}.payslip-export-option{width:100%;display:flex;align-items:center;gap:20px;padding:20px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s;margin-bottom:15px}.payslip-export-option:last-child{margin-bottom:0}.payslip-export-option:hover{border-color:#5b2e8c;background-color:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #5b2e8c33}.payslip-export-option svg{color:#5b2e8c;flex-shrink:0}.payslip-export-option div{text-align:left}.payslip-export-option h4{margin:0 0 5px;font-size:16px;font-weight:600;color:#333}.payslip-export-option p{margin:0;font-size:13px;color:#666}.payslip-pdf:hover svg{color:#e74c3c}.payslip-excel:hover svg{color:#27ae60}@media (max-width: 768px){.payslip-container{padding:10px}.payslip-filters-section{padding:20px}.payslip-form{grid-template-columns:1fr}.payslip-report{padding:15px}.payslip-report-info{flex-direction:column;gap:10px}.payslip-action-buttons{flex-direction:column}.payslip-table-wrapper{overflow-x:scroll}.payslip-report-table{font-size:11px}.payslip-report-table th,.payslip-report-table td{padding:8px}}.tmp-main-container{max-width:1400px;margin:0 auto;padding:24px;background:linear-gradient(135deg,#f5f7fa,#e9ecef);min-height:100vh}.tmp-header-panel{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 8px}.tmp-title{font-size:28px;font-weight:550;color:#365592;margin:0;letter-spacing:-.5px}.tmp-form-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:24px;transition:box-shadow .3s ease}.tmp-form-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.tmp-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.tmp-form-grid>:first-child,.tmp-form-grid>:last-child{grid-column:1 / -1}.tmp-form-grid label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px;letter-spacing:.3px}.tmp-error-message{padding:16px;margin-bottom:20px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-radius:12px;font-size:14px;font-weight:500;border-left:4px solid #dc2626;box-shadow:0 2px 4px #dc26261a;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tmp-submit-panel{background:transparent;border-radius:16px;padding:20px 32px;display:flex;justify-content:flex-end;gap:12px;position:sticky;bottom:24px}.tmp-form-section{grid-column:1 / -1;margin-top:8px;margin-bottom:8px}.tmp-form-section-title{font-size:16px;font-weight:600;color:#6366f1;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb;display:flex;align-items:center;gap:8px}.tmp-form-section-title:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:2px}.tmp-form-grid .css-b62m3t-container{position:relative}.tmp-form-grid input:disabled,.tmp-form-grid select:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}.tmp-form-grid.loading{opacity:.6;pointer-events:none}@media (max-width: 768px){.tmp-main-container{padding:16px}.tmp-form-grid{grid-template-columns:1fr}.tmp-form-grid>:first-child,.tmp-form-grid>:last-child{grid-column:1}.tmp-header-panel{flex-direction:column;align-items:flex-start;gap:16px}.tmp-title{font-size:24px}.tmp-form-card{padding:20px}.tmp-submit-panel{padding:16px 20px;position:static;flex-direction:column-reverse}.tmp-submit-panel button{width:100%}}.tmp-form-grid input:focus,.tmp-form-grid select:focus{outline:none;ring:2px;ring-color:#6366f1;border-color:#6366f1}.tmp-form-grid label:has(+input[required]):after,.tmp-form-grid label:has(+select[required]):after{content:" *";color:#ef4444;font-weight:600}.tmp-form-card,.tmp-submit-panel,.tmp-error-message{transition:all .3s ease}.tmp-submit-panel .tmp-submit-btn{min-width:120px}.rmp-main-container{width:100%;min-height:100vh;background-color:#f3f6fb;padding:10px;display:flex;flex-direction:column;gap:2.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#44474c}.rmp-header-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.rmp-title{font-size:1.8rem;font-weight:600;color:#393c46;border-bottom:2px solid #a1afe5;padding-bottom:.5rem}.rmp-header-panel button{font-size:.9rem;padding:8px 16px;border-radius:6px}.rmp-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.rmp-form-grid input,.rmp-form-grid select{width:100%;border-radius:6px;padding:12px 14px;font-size:14px;border:1px solid #d1d5db;background-color:#fff;transition:all .2s ease-in-out}.rmp-form-grid input:focus,.rmp-form-grid select:focus{outline:none;border-color:#ebeef3;box-shadow:none}.rmp-submit-panel{display:flex;justify-content:flex-end;gap:12px}.rmp-submit-btn{padding:12px 28px;background-color:#2352b6;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .25s ease;width:200px}.rmp-submit-btn:hover{background-color:#1e40af}@media (max-width: 640px){.rmp-header-panel{flex-direction:column;align-items:flex-start}.rmp-submit-panel{justify-content:center}}.emp-main-container{width:100%;min-height:100vh;background-color:#f3f6fb;padding:10px;display:flex;flex-direction:column;gap:2.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#44474c}.emp-header-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.emp-title{font-size:1.8rem;font-weight:600;color:#393c46;border-bottom:2px solid #a1afe5;padding-bottom:.5rem}.emp-header-panel button{font-size:.9rem;padding:8px 16px;border-radius:6px}.emp-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.emp-form-grid input,.emp-form-grid select{width:100%;border-radius:6px;padding:12px 14px;font-size:14px;border:1px solid #d1d5db;background-color:#fff;transition:all .2s ease-in-out}.emp-form-grid input:focus,.emp-form-grid select:focus{outline:none;border-color:#ebeef3;box-shadow:none}.emp-submit-panel{display:flex;justify-content:flex-end;gap:12px}.emp-submit-btn{padding:12px 28px;background-color:#2352b6;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .25s ease;width:200px}.emp-submit-btn:hover{background-color:#1e40af}@media (max-width: 640px){.emp-header-panel{flex-direction:column;align-items:flex-start}.emp-submit-panel{justify-content:center}}.empmp-main-container .card{overflow:visible!important}.empmp-main-container{width:100%;min-height:100vh;background-color:#f3f6fb;padding:10px;display:flex;flex-direction:column;gap:2.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#44474c;overflow:visible}.empmp-form-grid{overflow:visible}.empmp-header-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.empmp-title{font-size:1.8rem;font-weight:600;color:#393c46;border-bottom:2px solid #a1afe5;padding-bottom:.5rem}.empmp-header-panel button{font-size:.7rem;padding:8px 16px;border-radius:6px}.empmp-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.empmp-form-grid input,.empmp-form-grid select{width:100%;border-radius:6px;padding:12px 14px;font-size:14px;border:1px solid #d1d5db;background-color:#fff;transition:all .2s ease-in-out}.empmp-form-grid input:focus,.empmp-form-grid select:focus{outline:none;border-color:#2352b6;box-shadow:0 0 0 1px #2352b6}.empmp-submit-panel{display:flex;justify-content:flex-end;gap:12px}.empmp-submit-btn{padding:12px 28px;background-color:#2352b6;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .25s ease;width:200px}.empmp-submit-btn:hover{background-color:#1e40af}@media (max-width: 640px){.empmp-header-panel{flex-direction:column;align-items:flex-start}.empmp-submit-panel{justify-content:center}}input{padding:10px;border-radius:6px;border:1px solid #ccc;outline:none;font-size:14px;background-color:#fff;color:#111}@media (prefers-color-scheme: light){input{background-color:#fff;color:#111;border-color:#ccc}}@media (prefers-color-scheme: dark){input{background-color:#1e1e1e;color:#f5f5f5;border-color:#444}input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f680}}.salary-field-table{border-collapse:collapse;border-spacing:0}.salary-field-table,.salary-field-table tbody,.salary-field-table tr,.salary-field-table td{border:none;text-decoration:none}.employee-salary-section,.employee-salary-details-section{margin-top:2.5rem;max-width:1400px;margin-left:auto;margin-right:auto}.salary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;padding:0 4px}.salary-section-title{margin:0;color:#1e293b;font-size:1.5rem;font-weight:700}.selected-count{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.salary-field-table-container{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000014}.salary-field-table-wrapper{min-width:100%}.salary-field-table{width:100%;display:block}.salary-field-table thead{display:none}.salary-field-table tbody{display:flex;flex-wrap:wrap;gap:6px;padding:8px;max-height:500px;overflow-y:auto}.salary-field-table tr{display:flex;align-items:center;gap:8px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;transition:all .2s ease;cursor:pointer;flex:0 0 auto}.salary-field-table tr:hover{background-color:#f8fafc;border-color:#cbd5e1}.salary-field-table tr.selected-row{background-color:#dbeafe;border-color:#3b82f6;border-width:2px;padding:5px 9px}.salary-field-table td{padding:0;margin:0;display:flex;align-items:center}.salary-field-table td:first-child{flex:0 0 auto}.salary-field-table td:last-child{flex:0 0 auto;font-size:.875rem;color:#1e293b;font-weight:500;white-space:nowrap}.salary-field-table input[type=checkbox]{width:13px;height:13px;margin:0;cursor:pointer;accent-color:#3b82f6;border-radius:4px}.salary-field-table input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.salary-field-table tbody::-webkit-scrollbar{width:6px}.salary-field-table tbody::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.salary-field-table tbody::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.salary-field-table tbody::-webkit-scrollbar-thumb:hover{background:#94a3b8}.salary-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:1rem 0}.salary-field-item{display:flex;flex-direction:column}.salary-submit-btn{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;padding:12px 24px!important;font-weight:600!important;border-radius:8px!important;color:#fff!important;cursor:pointer;transition:all .3s ease}.salary-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)!important;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.salary-submit-btn:disabled{opacity:.6;cursor:not-allowed}.category-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.category-badge.allowance{background-color:#dbeafe;color:#1e40af}.category-badge.deduction{background-color:#fee2e2;color:#991b1b}.category-badge.bonus{background-color:#d1fae5;color:#065f46}.category-badge.reimbursement{background-color:#fef3c7;color:#92400e}@media (max-width: 768px){.salary-header{flex-direction:column;align-items:stretch}.salary-submit-btn{width:100%}.salary-details-grid{grid-template-columns:1fr}}@media (max-width: 480px){.salary-section-title{font-size:1.2rem}.selected-count{padding:4px 12px;font-size:.8rem}}.employee-leave-section{margin-top:24px}.leave-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.leave-section-title{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.leave-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.leave-field-item{display:flex;flex-direction:column}.leave-field-item input{text-align:right}.leave-submit-panel{grid-column:1 / -1;display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e2e8f0}.leave-submit-panel .empmp-button{min-width:140px}@media (max-width: 768px){.leave-form-grid{grid-template-columns:1fr}}.aum-main-container{width:100%;min-height:100vh;background-color:#f3f6fb;padding:10px;display:flex;flex-direction:column;gap:2.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#44474c}.aum-header-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.aum-title{font-size:1.8rem;font-weight:600;color:#393c46;border-bottom:2px solid #a1afe5;padding-bottom:.5rem}.aum-header-panel button{font-size:.9rem;padding:8px 16px;border-radius:6px}.aum-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.aum-form-grid input,.aum-form-grid select{width:100%;border-radius:6px;padding:12px 14px;font-size:14px;border:1px solid #d1d5db;background-color:#fff;transition:all .2s ease-in-out}.aum-form-grid input:focus,.aum-form-grid select:focus{outline:none;border-color:#ebeef3;box-shadow:none}.aum-submit-panel{display:flex;justify-content:flex-end;gap:12px}.aum-submit-btn{padding:12px 28px;background-color:#2352b6;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .25s ease;width:200px}.aum-submit-btn:hover{background-color:#1e40af}@media (max-width: 640px){.aum-header-panel{flex-direction:column;align-items:flex-start}.aum-submit-panel{justify-content:center}}.project-container{padding:6px;-webkit-overflow-scrolling:touch;width:100%;overflow-x:hidden}.project-title{text-align:center;font-size:20px;font-size:1.6rem;font-weight:600;margin:0;color:#1f2937;border-bottom:3px solid #2563eb;padding-bottom:.25rem}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.headerpart .project-title{font-size:1.8rem;font-weight:600;color:#5b6071;border-bottom:2px solid #c7d2fe;padding-bottom:.5rem}.project-header h4{font-size:16px;text-align:left}.project-action-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-left:-6px}.project-container thead{background:#355dd5}.project-container thead th{background:#33435e;color:#fff;font-weight:600;padding:12px 16px}@media (max-width: 480px){.project-action-buttons{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;margin-left:-6px}.project-action-buttons button{font-size:14px;padding:6px 10px;min-width:auto;width:auto}}.project-action-buttons{display:flex;justify-content:flex-start;gap:2px;align-items:start}.project-action-buttons .btn{display:flex;align-items:start;justify-content:flex-start;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;transition:none!important;font-size:18px;line-height:1}.project-action-buttons .btn svg{width:18px;height:18px;margin:auto}.project-action-buttons .btn-ghost{background:transparent;color:#203154}.project-action-buttons .btn-danger{background:transparent;color:#dc2626}.project-action-buttons .btn:hover,.project-action-buttons .btn:focus,.project-action-buttons .btn:active,.project-action-buttons button:hover,.project-action-buttons button:focus,.project-action-buttons button:active{transform:none!important;box-shadow:none!important;background:transparent!important;opacity:1!important;outline:none!important;color:inherit!important}.project-action-buttons .btn:hover svg,.project-action-buttons button:hover svg{transform:none!important;color:inherit!important}.project-action-buttons .no-hover,.project-action-buttons button.no-hover{transition:none!important}.project-action-buttons .no-hover:hover,.project-action-buttons button.no-hover:hover,.project-action-buttons .no-hover:focus,.project-action-buttons button.no-hover:focus,.project-action-buttons .no-hover:active,.project-action-buttons button.no-hover:active{transform:none!important;box-shadow:none!important;background:transparent!important;opacity:1!important;outline:none!important}.project-action-buttons .no-hover:hover svg,.project-action-buttons button.no-hover:hover svg{transform:none!important;color:inherit!important}@media (max-width: 480px){.project-btn-site{font-size:10px;padding:3px 8px}}.project-table-wrapper{width:100%;overflow-x:hidden;overflow-y:hidden;-webkit-overflow-scrolling:touch;display:block;border-radius:12px;border:1px solid #18191b;background:#fff}.project-table-wrapper table{width:100%;min-width:782px;border-collapse:collapse;table-layout:fixed}.project-table-wrapper th,.project-table-wrapper td{padding:8px;text-align:left;word-wrap:break-word;word-break:break-word;white-space:normal;vertical-align:top}@media (max-width: 768px){.project-table-wrapper{overflow-x:auto}}@media (max-width: 360px){.project-table-wrapper table{min-width:500px}.project-table-wrapper th,.project-table-wrapper td{font-size:12px;padding:6px}}.projectsite-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.projectsite-footer{margin-top:20px;display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}@media (max-width: 768px){.project-form{grid-template-columns:1fr}.projectsite-header{flex-direction:column;align-items:flex-start}.projectsite-footer{justify-content:center}}@media (max-width: 480px){.projectsite-container{padding:10px}.projectsite-title{font-size:18px;text-align:left}.projectsite-header h4{font-size:16px}}@media (min-width: 601px){.projectsite-title{text-align:left}}.project-table-wrapper::-webkit-scrollbar{height:6px}.project-table-wrapper::-webkit-scrollbar-track{background:#f3f4f6}.project-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.project-table-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}.pg-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000059;display:none;justify-content:flex-end;align-items:stretch;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background .3s ease-in-out}.pg-drawer-overlay.pg-open{display:flex}.pg-drawer{position:fixed;top:0;right:0;width:350px;max-width:90%;height:100%;background:#f5f4f4;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s cubic-bezier(.25,.8,.25,1);border-radius:12px 0 0 12px;overflow:hidden;z-index:1000}.pg-drawer.pg-open{transform:translate(0)}.pg-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:#f9fafb}.pg-drawer-close-icon{font-size:24px;cursor:pointer;color:#47494c;transition:color .3s,transform .2s}.pg-drawer-close-icon:hover{color:#ef4444;transform:scale(1.1)}.pg-drawer-body{padding:20px 24px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.pg-drawer-body::-webkit-scrollbar{width:6px}.pg-drawer-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.pg-form-group{margin-bottom:16px;display:flex;flex-direction:column}.pg-form-group label{font-size:14px;font-weight:500;margin-bottom:6px;color:#374151}.pg-form-group input{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border .2s,box-shadow .2s}.pg-form-group input:focus{border-color:#306ed0;box-shadow:0 0 0 2px #3b82f633;outline:none}.text-area{background-color:#fff!important;color:#000;border:1px solid #ccc;padding:8px;border-radius:6px;outline:none}.text-area::placeholder{color:#555}.pg-drawer-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #171616}.pg-drawer-footer button{padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:500;transition:all .2s ease}.pg-drawer-footer button.primary{background-color:#3b82f6;color:#fff}.pg-drawer-footer button.primary:hover{background-color:#0947cb}.pg-drawer-footer button.ghost{background-color:#767779;color:#374151}.pg-drawer-footer button.ghost:hover{background-color:#374053}.delete-modal-overlay{position:fixed;inset:0;background-color:#00000080;z-index:999;animation:fadeIn .2s ease}.delete-modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:1000;width:90%;max-width:440px;animation:slideUp .3s ease}.delete-modal-header{padding:24px 24px 16px;border-bottom:1px solid #f3f4f6}.delete-modal-title{font-size:20px;font-weight:600;color:#1f2937;margin:0}.delete-modal-body{padding:24px;text-align:center}.delete-modal-icon{display:flex;justify-content:center;margin-bottom:16px}.delete-modal-message{font-size:15px;color:#6b7280;line-height:1.6;margin:0 0 12px}.delete-modal-item-name{background:#fef3f2;border:1px solid #fee2e2;border-radius:8px;padding:12px;margin-top:16px;font-size:14px;color:#991b1b;word-break:break-word}.delete-modal-footer{padding:16px 24px 24px;display:flex;justify-content:flex-end;gap:12px}.delete-modal-footer button{min-width:100px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width: 480px){.delete-modal-container{width:95%;margin:0 auto}.delete-modal-header{padding:20px 20px 12px}.delete-modal-title{font-size:18px}.delete-modal-body{padding:20px}.delete-modal-footer{flex-direction:column-reverse;padding:12px 20px 20px}.delete-modal-footer button{width:100%;min-width:unset}}.ppm-main-containero{max-width:1400px;margin:30px auto;padding:24px;background:#f9fafb;border-radius:12px;box-shadow:0 6px 14px #00000014;font-family:Inter,sans-serif}.ppm-header-panel{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.ppm-title{font-size:1.6rem;font-weight:600;color:#111827;margin:0;padding-bottom:6px;border-bottom:3px solid #2563eb;display:inline-block}.ppm-inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;background:#fff;padding:24px;border-radius:10px;border:1px solid #e5e7eb}.ppm-inputs-grid label{display:block;margin-bottom:6px;font-size:.9rem;font-weight:500;color:#374151}.ppm-textarea,.ppm-inputs-grid input,.ppm-inputs-grid select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;background:#f9fafb;font-size:.95rem;transition:all .2s ease}.ppm-textarea:focus,.ppm-inputs-grid input:focus,.ppm-inputs-grid select:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb26}.react-select__control{border-radius:8px!important;border:1px solid #d1d5db!important;background:#f9fafb!important;min-height:42px!important}.react-select__control--is-focused{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb26!important;background:#fff!important}.react-select__menu{border-radius:8px!important;font-size:.9rem}.psmp-submit-panel{grid-column:1 / -1;display:flex;justify-content:flex-end;margin-top:12px}.psmp-submit-panel button{padding:10px 22px;font-size:1rem;border-radius:8px;font-weight:600}.product-containerr{max-width:1200px;margin:20px auto;padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014}.product-header-h6{font-size:20px;font-weight:600;margin-bottom:20px;text-align:center;color:#333}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.form-grid input,.form-grid .react-select__control{width:100%;padding:10px 14px;font-size:14px;border-radius:10px;border:1px solid #dcdcdc;transition:all .2s ease-in-out;background:#fafafa}.form-grid input:focus,.form-grid .react-select__control--is-focused{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533;background:#fff}.react-select__single-value{color:#333;font-weight:500}.react-select__placeholder{color:#888;font-size:14px}.modal-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}.modal-actions button{min-width:100px;padding:10px 16px;font-size:14px;border-radius:10px;cursor:pointer;transition:all .2s ease-in-out}.modal-actions button[variant=primary]{background:#4f46e5;color:#fff;border:none}.modal-actions button[variant=primary]:hover{background:#4338ca}.modal-actions button[variant=ghost]{background:transparent;color:#555;border:1px solid #dcdcdc}.modal-actions button[variant=ghost]:hover{background:#f3f3f3}.vendor-view-container{max-width:1200px;margin:0 auto;padding:20px}.vendor-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.vendor-view-loading,.vendor-view-error{text-align:center;font-size:1.1rem;color:#374151}.vendor-card{background:#fff;border-radius:16px;padding:28px;margin-bottom:40px;box-shadow:0 4px 16px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.vendor-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.vendor-info-item{display:flex;align-items:center;background:#f9fafb;border-radius:12px;padding:14px 16px;transition:background .2s ease,transform .2s ease}.vendor-info-item:hover{background:#eef2ff;transform:translateY(-2px)}.vendor-icon{color:#4893de;font-size:1.7rem;margin-right:14px;flex-shrink:0}.vendor-label{display:block;font-size:.75rem;font-weight:500;color:#616772;margin-bottom:3px;text-transform:uppercase;letter-spacing:.2px}.vendor-value{font-size:1rem;color:#374151;font-weight:500;word-break:break-word}.contact-section h3{font-size:1.3rem;margin-bottom:16px;color:#1e293b}@media (max-width: 600px){.vendor-card{padding:20px}.vendor-icon{font-size:1.5rem}}.vmp-main-container{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;background:#f9fafb;min-height:100vh;box-sizing:border-box}.vmp-header-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.vmp-title{font-size:1.8rem;font-weight:600;color:#111827;margin:0}.vmp-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem}.vmp-submit-panel{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:.8rem;margin-top:.5rem}.vmp-error{grid-column:1 / -1;color:#b91c1c;font-size:.9rem;margin-top:.5rem}.vmp-contact-section{background:#fff;border-radius:.75rem;padding:1.2rem;box-shadow:0 2px 6px #0000000f}.vmp-contact-section h3{font-size:1.25rem;font-weight:600;color:#1f2937}.table-container{overflow-x:auto;border-radius:.5rem;border:1px solid #e5e7eb}.table-container table{width:100%;border-collapse:collapse;font-size:.95rem;background:#fff}.table-container th,.table-container td{padding:.75rem;border-bottom:1px solid #f1f1f1;text-align:left}.table-container th{background:#213a6c;font-weight:600;color:#f9fafa}.table-container tr:hover td{background:#f9fafb}.table-container input{width:100%;padding:.45rem .6rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9rem;outline:none;transition:border .2s}.table-container input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}button{cursor:pointer}@media (max-width: 768px){.vmp-header-panel{flex-direction:column;align-items:flex-start}.vmp-form-grid{grid-template-columns:1fr}.vmp-submit-panel{justify-content:center}.vmp-contact-section{padding:1rem}}.table-containerer .btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.4rem .7rem;font-size:.85rem;font-weight:500;border-radius:.4rem;border:none;cursor:pointer;transition:all .2s ease}.table-containerer .btn-primary{background-color:transparent;color:#130f4e}.table-containerer .btn-primary:hover{background-color:transparent}.table-containerer .btn-secondary{background-color:transparent;color:#14366d}.table-containerer .btn-secondary:hover{background-color:transparent}.table-containerer .btn-ghost{background-color:transparent;color:#f4071b}.table-containerer .btn-ghost:hover{background-color:#f3f4f6}.table-containerer .btn-danger{background-color:transparent;color:#f30808}.table-containerer .btn-danger:hover{background-color:transparent}.table-containerer .btn:disabled{opacity:.6;cursor:not-allowed}.employee-view-container{max-width:1200px;margin:0 auto;padding:20px}.employee-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.employee-view-loading{text-align:center;font-size:1.1rem;color:#374151}.employee-card{background:#fff;border-radius:16px;padding:28px;margin-bottom:40px;box-shadow:0 4px 16px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.employee-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.employee-info-item{display:flex;align-items:center;background:#f9fafb;border-radius:12px;padding:14px 16px;transition:background .2s ease,transform .2s ease}.employee-info-item:hover{background:#eef2ff;transform:translateY(-2px)}.employee-icon{color:#4893de;font-size:1.7rem;margin-right:14px;flex-shrink:0}.employee-label{display:block;font-size:.75rem;font-weight:500;color:#616772;margin-bottom:3px;text-transform:uppercase;letter-spacing:.2px}.employee-value{font-size:1rem;color:#374151;font-weight:500;word-break:break-word}@media (max-width: 600px){.employee-card{padding:20px}.employee-icon{font-size:1.5rem}}.edem-salary-section{padding:24px;max-width:1400px;margin:24px auto 0}.edem-salary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.edem-salary-section-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.edem-selected-count{background-color:#3b82f6;color:#fff;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:500}.edem-salary-field-table-container{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.edem-salary-field-table-wrapper{max-height:480px;overflow-y:auto}.edem-salary-field-table{width:100%;border-collapse:collapse}.edem-salary-field-table thead{position:sticky;top:0;background-color:#f9fafb;z-index:10}.edem-salary-field-table th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:14px}.edem-salary-field-table th:first-child{width:50px}.edem-salary-field-table tbody tr{border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .15s ease}.edem-salary-field-table tbody tr:hover{background-color:#f9fafb}.edem-salary-field-table tbody tr.edem-selected-row{background-color:#eff6ff}.edem-salary-field-table tbody tr.edem-selected-row:hover{background-color:#dbeafe}.edem-salary-field-table td{padding:12px 16px;font-size:14px;color:#1f2937}.edem-salary-field-table td:first-child{text-align:center}.edem-salary-field-table input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.edem-salary-details-section{padding:24px;max-width:1400px;margin:24px auto 0}.edem-salary-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:20px 0}.edem-alert{padding:12px;border-radius:6px;margin-bottom:16px;font-size:14px;font-weight:500}@media (max-width: 768px){.edem-main-container,.edem-salary-section,.edem-salary-details-section{padding:16px}.edem-header-panel{flex-direction:column;align-items:flex-start}.edem-title{font-size:24px}.edem-form-grid,.edem-salary-details-grid{grid-template-columns:1fr;gap:16px}.edem-submit-panel{flex-direction:column}.edem-submit-btn{width:100%}.edem-salary-header{flex-direction:column;align-items:flex-start;gap:12px}.edem-salary-field-table-wrapper{max-height:300px}.edem-salary-field-table th,.edem-salary-field-table td{padding:8px 12px;font-size:13px}}.edem-main-container p{text-align:center;padding:40px;color:#6b7280;font-size:16px}.edem-salary-field-table-wrapper::-webkit-scrollbar{width:8px}.edem-salary-field-table-wrapper::-webkit-scrollbar-track{background:#f3f4f6}.edem-salary-field-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.edem-salary-field-table-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}.edem-main-container{padding:24px;max-width:1400px;margin:0 auto}.edem-header-panel{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.edem-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0}.edem-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:20px 0}.edem-submit-panel{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.edem-submit-btn{min-width:140px}.edem-salary-field-table{border-collapse:collapse;border-spacing:0}.edem-salary-field-table,.edem-salary-field-table tbody,.edem-salary-field-table tr,.edem-salary-field-table td{border:none;text-decoration:none}.edem-salary-section,.edem-salary-details-section{margin-top:2.5rem;max-width:1400px;margin-left:auto;margin-right:auto;padding:0 24px}.edem-salary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;padding:0 4px}.edem-salary-section-title{margin:0;color:#1e293b;font-size:1.5rem;font-weight:700}.edem-selected-count{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.edem-salary-field-table-container{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000014}.edem-salary-field-table-wrapper{min-width:100%}.edem-salary-field-table{width:100%;display:block}.edem-salary-field-table thead{display:none}.edem-salary-field-table tbody{display:flex;flex-wrap:wrap;gap:6px;padding:8px;max-height:500px;overflow-y:auto}.edem-salary-field-table tr{display:flex;align-items:center;gap:8px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;transition:all .2s ease;cursor:pointer;flex:0 0 auto}.edem-salary-field-table tr:hover{background-color:#f8fafc;border-color:#cbd5e1}.edem-salary-field-table tr.edem-selected-row{background-color:#dbeafe;border-color:#3b82f6;border-width:2px;padding:5px 9px}.edem-salary-field-table td{padding:0;margin:0;display:flex;align-items:center}.edem-salary-field-table td:first-child{flex:0 0 auto}.edem-salary-field-table td:last-child{flex:0 0 auto;font-size:.875rem;color:#1e293b;font-weight:500;white-space:nowrap}.edem-salary-field-table input[type=checkbox]{width:13px;height:13px;margin:0;cursor:pointer;accent-color:#3b82f6;border-radius:4px}.edem-salary-field-table input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.edem-salary-field-table tbody::-webkit-scrollbar{width:6px}.edem-salary-field-table tbody::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.edem-salary-field-table tbody::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.edem-salary-field-table tbody::-webkit-scrollbar-thumb:hover{background:#94a3b8}.edem-salary-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:1rem 0}.edem-salary-field-item{display:flex;flex-direction:column}.edem-alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.edem-alert-error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.edem-alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.edem-salary-submit-btn{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;padding:12px 24px!important;font-weight:600!important;border-radius:8px!important;color:#fff!important;cursor:pointer;transition:all .3s ease}.edem-salary-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)!important;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.edem-salary-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.edem-category-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.edem-category-badge.allowance{background-color:#dbeafe;color:#1e40af}.edem-category-badge.deduction{background-color:#fee2e2;color:#991b1b}.edem-category-badge.bonus{background-color:#d1fae5;color:#065f46}.edem-category-badge.reimbursement{background-color:#fef3c7;color:#92400e}@media (max-width: 768px){.edem-main-container,.edem-salary-section,.edem-salary-details-section{padding:16px}.edem-header-panel{flex-direction:column;align-items:flex-start}.edem-title{font-size:24px}.edem-form-grid,.edem-salary-details-grid{grid-template-columns:1fr;gap:16px}.edem-submit-panel{flex-direction:column}.edem-submit-btn,.edem-salary-submit-btn{width:100%}.edem-salary-header{flex-direction:column;align-items:stretch}.edem-salary-field-table tbody{max-height:400px}}@media (max-width: 480px){.edem-salary-section-title{font-size:1.2rem}.edem-selected-count{padding:4px 12px;font-size:.8rem}.edem-salary-field-table tr{padding:6px 10px}.edem-salary-field-table td:last-child{font-size:.8rem}}.edem-main-container>p{text-align:center;padding:40px;color:#6b7280;font-size:16px}.edem-leave-section{margin-top:24px}.edem-leave-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.edem-leave-section-title{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.edem-leave-updated{font-size:.875rem;color:#64748b}.edem-leave-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.edem-leave-field-item{display:flex;flex-direction:column}.edem-leave-submit-panel{grid-column:1 / -1;display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e2e8f0}.edem-leave-submit-panel .edem-button{min-width:140px}.edem-alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500}.edem-alert-error{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.edem-alert-success{background-color:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}@media (max-width: 768px){.edem-leave-form-grid{grid-template-columns:1fr}.edem-leave-header{flex-direction:column;align-items:flex-start;gap:8px}}.bom-container{width:100%;padding:16px;font-family:Segoe UI,Arial,sans-serif;background:#f9f9f9;min-height:100vh}.topbar1{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 16px;border-radius:8px}.topbar1 h2{font-size:20px;margin:0}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-right input{padding:6px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.bom-title{display:flex;align-items:center;padding:12px 16px;gap:6px;margin:18px 0;font-size:18px;font-weight:600}.icon.edit{cursor:pointer;color:#1976d2;font-size:20px}.panels.two-column{display:flex;gap:20px;margin-top:16px}.left-panel{flex:1;padding:12px;border-radius:10px;background:#fff}.right-panel{flex:1;padding:18px;border-radius:10px;background:#fff}.bom-step-card{display:flex;align-items:center;background:#fafafa;border:1px solid #e0e0e0;padding:12px;margin-bottom:10px;border-radius:8px;transition:background .2s ease}.bom-step-card:hover{background:#f0f7ff}.drag-handle{display:column;cursor:grab;margin-right:10px;font-size:20px;color:#666}.step-content4 h4{margin:0;font-size:16px;font-weight:600}.step-actions{display:flex;align-items:center;gap:2px;margin-left:auto}.icon-btn{display:flex;align-items:center;justify-content:flex-end;gap:2px;padding:4px 8px;font-size:20px;border-radius:18px;cursor:pointer;transition:all .2s ease;background:transparent}.icon-btn.add,.icon-btn.edit{color:#1976d2}.icon-btn.delete{color:red}.icon-btn.add{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:18px}.icon-btn.add svg:nth-child(2){color:green}.icon-btn.add svg:nth-child(1){color:#1976d2}.form-group{margin-bottom:14px}.form-group label{font-weight:500;display:block;margin-bottom:6px;font-size:10px}.form-group input,.form-group select{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.material-input-row{display:flex;gap:10px;align-items:center;margin-bottom:12px}.material-input-row select{flex:1;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px;max-width:65%}.material-input-row input{flex:1;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px;max-width:40%}.btn-primary{background:#1976d2;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s ease;max-width:80%}.btn-primary:hover{background:#125aa3}.btn-secondary{background:#eee;color:#333;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px;max-width:40%}.submit-btn{margin-top:16px;width:100%}.materials-section{display:flex;flex-direction:column;gap:16px}.materials-table{width:10%;border-collapse:collapse;border-radius:6px;overflow:hidden}.materials-table th{border:1px solid #131313;padding:10px;text-align:left;font-size:14px}.materials-table td{border:1px solid #ddd;padding:10px;text-align:left;font-size:14px}.materials-table th{background:#39418c;color:#fff;font-weight:400}.materials-table td .icon{cursor:pointer}.materials-table td .icon.delete{color:red}@media (max-width: 900px){.panels.two-column{flex-direction:column}.left-panel,.right-panel{max-width:100%}}@media (max-width: 480px){.topbar1{flex-direction:column;align-items:flex-start;gap:10px}.step-actions{flex-wrap:wrap;gap:6px}.btn-primary,.btn-secondary{width:100%}}.button{display:flex;gap:29rem;justify-content:center;align-items:center;margin-top:1.5rem}.button button{padding:.6rem 1.4rem;border-radius:8px;border:none;font-size:20px;font-weight:600;cursor:pointer;transition:all .25s ease}.button button.btn-primary,.button button[variant=primary]{background:#2a6085;color:#fff}.button button.btn-primary:hover,.button button[variant=primary]:hover{background:#3a9ddd;transform:translateY(-2px)}.button button.btn-primary:active,.button button[variant=primary]:active{transform:translateY(0)}.button button.btn-secondary,.button button[variant=secondary]{background:#e0e0e0;color:#333}.button button.btn-secondary:hover,.button button[variant=secondary]:hover{background:#d5d5d5;transform:translateY(-2px)}.button button.btn-secondary:active,.button button[variant=secondary]:active{transform:translateY(0)}@media (max-width: 480px){.button{flex-direction:column;gap:.8rem}.button button{width:100%}}.drag-handle{cursor:grab;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:4px}.drag-handle .line{width:20px;height:3px;background:#666;border-radius:2px}:root{--jira-blue-primary: #0052cc;--jira-blue-hover: #0747a6;--jira-blue-light: #deebff;--jira-blue-lighter: #f4f5f7;--jira-text-primary: #172b4d;--jira-text-secondary: #5e6c84;--jira-text-tertiary: #6b778c;--jira-border-color: #dfe1e6;--jira-background-primary: #ffffff;--jira-background-secondary: #f4f5f7;--jira-background-tertiary: #fafbfc;--jira-success-bg: #e3fcef;--jira-success-text: #006644;--jira-success-dot: #00875a;--jira-success-dot2: #ecc730;--jira-warning-bg: #fffae6;--jira-warning-text: #ff8b00;--jira-warning-dot: #ff8b00;--jira-danger-bg: #ffebe6;--jira-danger-text: #bf2600;--jira-danger-dot: #de350b;--jira-neutral-bg: #f4f5f7;--jira-neutral-text: #42526e;--jira-neutral-dot: #6b778c;--jira-info-bg: #deebff;--jira-info-text: #0052cc;--jira-info-dot: #0052cc}.bom-page{min-height:100vh;background-color:var(--jira-background-tertiary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bom-header{background-color:var(--jira-background-primary);border-bottom:2px solid var(--jira-border-color);padding:20px 24px;position:sticky;top:0;z-index:100;box-shadow:0 1px 1px #091e4240}.header-content{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center}.header-title{display:flex;align-items:center;gap:12px}.header-icon{width:24px;height:24px;color:var(--jira-blue-primary)}.header-title h1{margin:0;font-size:24px;font-weight:500;color:var(--jira-text-primary);letter-spacing:-.01em}.create-btn{background-color:var(--jira-blue-primary);color:#fff;border:none;padding:8px 16px;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px;text-align:center;display:flex;align-items:center;gap:6px;justify-content:center}.create-btn:hover{background-color:var(--jira-blue-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0052cc33}.create-btn:active{transform:translateY(0)}.create-btn:focus{outline:2px solid #4c9aff;outline-offset:2px}.bom-main{max-width:1280px;margin:0 auto;padding:32px 24px}.bom-container{background-color:var(--jira-background-primary);border-radius:3px;border:1px solid var(--jira-border-color);overflow:hidden;box-shadow:0 1px 1px #091e4214}.table-header{background-color:var(--jira-background-secondary);border-bottom:2px solid var(--jira-border-color);padding:0}.header-grid{display:grid;grid-template-columns:56px 2fr 140px 120px 180px 140px;gap:0;align-items:center;min-height:44px}.header-grid>div{padding:12px 8px;font-size:12px;font-weight:600;color:var(--jira-text-secondary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;transition:all .2s ease}.status-badge:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.status-dot{width:8px;height:8px;border-radius:50%;margin-right:6px;flex-shrink:0}.status-to-do{background-color:var(--jira-neutral-bg);color:var(--jira-neutral-text)}.status-to-do .status-dot{background-color:var(--jira-neutral-dot)}.status-in-progress{background-color:var(--jira-blue-light);color:var(--jira-blue-primary)}.status-in-progress .status-dot{background-color:var(--jira-blue-primary)}.status-done{background-color:var(--jira-success-bg);color:var(--jira-success-text)}.status-done .status-dot{background-color:var(--jira-success-dot)}.status-info{background-color:var(--jira-info-bg);color:var(--jira-info-text)}.status-info .status-dot{background-color:var(--jira-info-dot)}.item-count-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;background-color:#f4f5f7;color:var(--jira-text-secondary);border:1px solid var(--jira-border-color);white-space:nowrap;transition:all .2s ease}.item-count-badge:hover{background-color:#ebecf0;border-color:#c1c7d0}.creator-info{display:flex;align-items:center;gap:8px}.avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#4c9aff 0%,var(--jira-blue-primary) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600;flex-shrink:0;text-transform:uppercase;box-shadow:0 2px 4px #0052cc33;transition:all .2s ease}.avatar:hover{transform:scale(1.1);box-shadow:0 4px 8px #0052cc4d}.creator-name{font-size:13px;color:var(--jira-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.actions-menu{position:relative;display:flex;justify-content:center;align-items:center}.dots-btn{background:transparent;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:3px;color:var(--jira-text-tertiary)}.dots-btn:hover{background:#ebecf0;color:var(--jira-text-primary)}.dropdown-menu{position:absolute;top:32px;right:0;background:#fff;box-shadow:0 4px 12px #091e4226,0 0 1px #091e424f;border-radius:3px;z-index:10;display:flex;flex-direction:column;min-width:120px;padding:4px 0;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{background:transparent;border:none;padding:10px 14px;text-align:left;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s ease;color:var(--jira-text-primary);font-weight:500}.dropdown-item:hover{background:#f4f5f7}.dropdown-item.edit{color:var(--jira-blue-primary)}.dropdown-item.delete{color:var(--jira-danger-text)}.bom-steps{background-color:#fafbfc;border-top:1px solid var(--jira-border-color);animation:slideDown .3s ease-out;padding:8px 0}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.bom-step{background-color:var(--jira-background-primary);border-bottom:1px solid #e8e9ec;border-left:3px solid transparent;transition:all .2s ease;margin:0 8px 8px;border-radius:3px;overflow:hidden}.bom-step:hover{background-color:#f9fafc;border-left-color:#4c9aff;box-shadow:0 1px 3px #091e4214}.bom-step:last-child{margin-bottom:0}.step-header{display:flex;align-items:center;padding:14px 16px;min-height:52px;cursor:pointer;gap:12px;transition:all .2s ease}.step-header:hover{background-color:#f4f5f7}.step-header .expand-button{flex-shrink:0}.step-header h4{margin:0;font-size:14px;font-weight:600;color:var(--jira-text-primary);flex:1;line-height:1.4}.step-items{font-size:11px;font-weight:700;color:#0052cc;background-color:#deebff;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;transition:all .2s ease}.step-items:hover{background-color:#b3d4ff}.step-materials{background-color:#f9fafc;border-top:1px solid #e8e9ec;padding:12px 16px 12px 48px;animation:slideDown .2s ease-out}.material-item{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:6px;padding:12px 16px;margin-bottom:8px;box-shadow:0 1px 2px #091e4214;transition:all .2s ease;border-left:3px solid transparent}.material-item:last-child{margin-bottom:0}.material-item:hover{box-shadow:0 2px 6px #091e421f;border-left-color:var(--jira-success-dot);transform:translate(2px)}.material-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.material-dot{width:20px;height:20px;background:linear-gradient(135deg,#c1e4ba,#a8d89f);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dot-inner{width:8px;height:8px;background-color:var(--jira-success-dot);border-radius:50%}.material-dot2{width:20px;height:20px;background:linear-gradient(135deg,#eceab2,#e1eab5);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dot-inner2{width:8px;height:8px;background-color:var(--jira-success-dot2);border-radius:50%}.material-name{font-size:14px;font-weight:500;color:var(--jira-text-primary);display:block;line-height:1.4}.material-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.material-qty{background:linear-gradient(135deg,#e0e7ff,#d0d9ff);color:#3730a3;font-weight:600;border-radius:12px;padding:5px 12px;font-size:12px;white-space:nowrap;transition:all .2s ease}.material-qty:hover{background:linear-gradient(135deg,#d0d9ff,#c0ceff);transform:translateY(-1px)}.material-total{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-weight:600;border-radius:12px;padding:5px 12px;font-size:12px;white-space:nowrap;transition:all .2s ease}.material-total:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);transform:translateY(-1px)}.loading-state{display:flex;justify-content:center;align-items:center;padding:48px 24px;color:var(--jira-text-secondary);font-size:14px;font-style:italic}.loading-text{text-align:center;font-style:italic;color:#64748b;padding:16px;background:#f8fafc;border-radius:6px;font-size:13px}.empty-state{display:flex;flex-direction:column;align-items:center;padding:48px 24px;color:var(--jira-text-secondary);text-align:center}.no-items-text{text-align:center;font-style:italic;color:#94a3b8;padding:16px;background:#f8fafc;border-radius:6px;font-size:13px}.bom-footer{margin-top:24px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--jira-text-tertiary);padding:16px 8px;background-color:var(--jira-background-primary);border-radius:3px;border:1px solid var(--jira-border-color)}.bom-footer span{font-weight:500}@media (max-width: 1024px){.header-grid,.row-grid{grid-template-columns:56px 2fr 120px 100px 140px}.col-actions{display:none}}@media (max-width: 768px){.bom-main{padding:16px}.header-content{padding:0}.header-title h1{font-size:20px}.create-btn{min-width:100px;padding:8px 12px;font-size:13px}.header-grid,.row-grid{grid-template-columns:48px 1fr 100px}.col-status,.col-priority,.col-creator,.col-actions{display:none}.step-materials{padding:12px 16px 12px 24px}.material-item{flex-direction:column;align-items:flex-start;padding:12px 14px;gap:8px}.material-right{justify-content:flex-start;gap:8px;width:100%}.material-qty,.material-total{font-size:11px;padding:4px 10px}.bom-footer{flex-direction:column;gap:8px;text-align:center}}@media (max-width: 480px){.bom-main{padding:12px}.bom-header{padding:16px 12px}.header-title{gap:8px}.header-icon{width:20px;height:20px}.header-title h1{font-size:18px}.create-btn{min-width:80px;padding:6px 10px;font-size:12px}.bom-icon{width:32px;height:32px}.bom-icon .icon{width:16px;height:16px}.title-text{font-size:13px}.title-id{font-size:10px}}.header-grid>div:last-child{border-right:none}.table-body{background-color:var(--jira-background-primary)}.bom-item{border-bottom:1px solid var(--jira-border-color);transition:all .2s ease}.bom-item:last-child{border-bottom:none}.bom-row{transition:all .2s ease;cursor:pointer;border-left:4px solid transparent;position:relative}.bom-row:hover{background-color:#f9fafc;border-left-color:var(--jira-blue-light)}.bom-row.active{background-color:#f4f5f7;border-left-color:var(--jira-blue-primary)}.row-grid{display:grid;grid-template-columns:56px 2fr 140px 120px 180px 140px;gap:0;align-items:center;min-height:64px}.row-grid>div{padding:12px 8px;border-right:1px solid #f4f5f7;display:flex;align-items:center}.row-grid>div:last-child{border-right:none}.col-expand{justify-content:center}.expand-button{padding:6px;border:none;background:transparent;border-radius:3px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.expand-button:hover{background-color:#ebecf0;transform:scale(1.1)}.expand-button:focus{outline:2px solid #4c9aff;outline-offset:2px}.expand-icon{width:16px;height:16px;color:var(--jira-text-tertiary);transition:transform .2s ease}.col-title{padding-left:0!important}.title-content{display:flex;align-items:center;gap:12px;width:100%}.bom-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--jira-blue-light) 0%,#d0e0ff 100%);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.bom-row:hover .bom-icon{transform:scale(1.05);box-shadow:0 2px 8px #0052cc26}.bom-icon .icon{width:18px;height:18px;color:var(--jira-blue-primary)}.title-info{min-width:0;flex:1}.title-text{margin:0;font-size:14px;font-weight:500;color:var(--jira-text-primary);text-decoration:none;display:block;line-height:1.4;transition:color .15s ease}.title-text:hover{color:var(--jira-blue-primary);text-decoration:underline}.title-id{margin:2px 0 0;font-size:11px;color:var(--jira-text-tertiary);line-height:1.2;font-weight:600}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.step-icon{background-color:#f4e98a;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.step-icon .icon{width:18px;height:18px}.notfound-container{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#89f7fe,#66a6ff);padding:1rem;box-sizing:border-box}.notfound-card{text-align:center;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 25px #00000026;max-width:450px;width:100%}.notfound-image{max-width:100%;height:auto;margin-bottom:1.5rem}.notfound-title{font-size:2rem;font-weight:700;color:#0d6efd;margin-bottom:.5rem}.notfound-text{font-size:1rem;color:#6c757d;margin-bottom:1.5rem}.notfound-btn{font-size:1rem;padding:.75rem 1.5rem;border:2px solid #0d6efd;border-radius:8px;background-color:#fff;color:#0d6efd;cursor:pointer;transition:all .3s ease}.notfound-btn:hover{background-color:#0d6efd;color:#fff}.assign-container-containt{padding:10px;-webkit-overflow-scrolling:touch;width:100%;overflow-x:hidden}.assign-titlee{margin-bottom:14px;text-align:center;font-size:20px}.assign-headerr{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.side-drawer__header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e5e5}.side-drawer__close-btn{cursor:pointer;background:none;border:none;font-size:1.5rem}.assign-headerr h6{font-size:16px;text-align:left;font-size:1.6rem;font-weight:600;margin:0;color:#1f2937;border-bottom:3px solid #1b3e8a;padding-bottom:.25rem}.assign-to-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:-6px}.assign-container thead{background:#4f8add}.assign-container thead th{background:#33435e;color:#fff;font-weight:600;padding:12px 16px}@media (max-width: 480px){.assign-to-actions{flex-direction:column;display:flex;gap:6px;width:100%}.assign-to-actions button{width:100%;font-size:14px;display:flex;padding:8px;min-width:80px}}.assign-to-actions{display:flex;gap:2px;align-items:start;justify-content:flex-start}.assign-to-actions .btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:18px;line-height:1}.assign-to-actions .btn svg{width:18px;height:18px;margin:auto}.assign-to-actions .btn-ghost{background:transparent;color:#203154}.assign-to-actions .btn-danger{background:transparent;color:#dc2626}@media (max-width: 480px){.assign-btn-site{font-size:10px;padding:3px 8px}}.assign-table-wrapper{width:100%;overflow-x:hidden;overflow-y:hidden;-webkit-overflow-scrolling:touch;display:block;border-radius:12px;border:1px solid #f3f4f6;background:transparent}.assign-table-wrapper table{width:100%;min-width:782px;border-collapse:collapse;table-layout:auto}.assign-table-wrapper th,.assign-table-wrapper td{padding:8px;text-align:left}@media (max-width: 768px){.assign-table-wrapper{overflow-x:auto}}@media (max-width: 360px){.assign-table-wrapper table{min-width:500px}.assign-table-wrapper th,.assign-table-wrapper td{font-size:12px;padding:6px}}.assign-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.assign-footer{margin-top:20px;display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}@media (max-width: 768px){.assign-form{grid-template-columns:1fr}.assign-headerr{flex-direction:column;align-items:flex-start}.assign-footer{justify-content:center}}@media (max-width: 480px){.assign-container{padding:10px}.assign-titlee{font-size:18px;text-align:left}.assign-headerr h5{font-size:16px}}@media (min-width: 601px){.assign-titlee{text-align:left}}.assign-table-wrapper::-webkit-scrollbar{height:6px}.assign-table-wrapper::-webkit-scrollbar-track{background:#f3f4f6}.assign-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.assign-table-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}.side-drawer{position:fixed;top:0;right:-420px;width:350px;max-width:92%;height:100%;background:#fff;box-shadow:-6px 0 24px #00000026;transition:right .35s ease-in-out,box-shadow .3s ease;display:flex;flex-direction:column;z-index:1100;border-radius:16px 0 0 16px}.side-drawer--open{right:0}.side-drawer__header{padding:18px 22px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f3f4f6;border-radius:16px 0 0}.side-drawer__header h3{margin:0;font-size:1.2rem;font-weight:600;color:#111827}.side-drawer__close-btn{background:transparent;border:none;font-size:1.6rem;line-height:1;cursor:pointer;color:#292a2b;transition:color .2s ease,transform .2s ease;max-width:20px}.side-drawer__bodyy{padding:22px;flex:1;overflow-y:auto;background:#fff}.side-drawer__fields{margin-bottom:20px}.side-drawer__fields label{font-size:.95rem;font-weight:500;color:#374151;margin-bottom:6px;display:block}.side-drawer__footer{padding:16px 22px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;background:#f9fafb;border-radius:0 0 0 16px}.side-drawer__body::-webkit-scrollbar{width:6px}.side-drawer__body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.side-drawer__body::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 640px){.side-drawer{width:100%;border-radius:0}.side-drawer__header,.side-drawer__footer{border-radius:0}}.team-actions .btn:focus,.team-actions.btn:active{outline:none;box-shadow:none;background:transparent;color:inherit}.edit-bom-page{padding:20px}.edit-bom-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.bom-name-input{padding:8px 12px;border-radius:6px;border:1px solid #ccc;font-size:16px;width:300px}.steps-container{display:flex;flex-direction:column;gap:10px}.step-card{border:1px solid #ddd;border-radius:12px;padding:10px 15px;background:#fff}.step-header{display:flex;align-items:center;gap:10px}.expand-button{background:none;border:none;cursor:pointer}.step-icon{background-color:#ffeb3b;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#333}.step-items{margin-left:auto;font-size:14px;color:#666}.add-step-btn,.save-btn,.delete-step-btn{margin-top:10px;background:#1976d2;color:#fff;border:none;border-radius:8px;padding:8px 14px;cursor:pointer;transition:background .3s}.add-step-btn:hover,.save-btn:hover{background:#145ea8}.delete-step-btn{background:#e53935;margin-left:auto}.delete-step-btn:hover{background:#c62828}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.modal-box{background:#fff;padding:20px;border-radius:12px;width:400px;max-width:90%;box-shadow:0 4px 12px #0000004d}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.purchase-container{max-width:1400px;margin:0 auto;padding:1.5rem;background:#f9fafb;font-family:system-ui,sans-serif}.purchase-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem}.purchase-title{font-size:1.75rem;font-weight:600;border-bottom:3px solid #2563eb;color:#1f2937}.btn-backk{display:flex;align-items:center;gap:.5rem;background:#234994;color:#fff;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer}.purchase-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:3rem}.purchase-grid{display:grid;grid-template-columns:1fr 320px;gap:2rem;margin-bottom:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.8125rem;font-weight:500;color:#374151;line-height:1.2}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:.375rem;padding:.4rem .6rem;font-size:.8125rem;background:#fff;height:32px}.form-group textarea{resize:vertical;height:auto;min-height:60px}.purchase-upload{display:flex;flex-direction:column;gap:.5rem}.purchase-upload-label{font-size:.875rem;font-weight:600;color:#374151}.purchase-upload-area{border:2px dashed #d1d5db;border-radius:.75rem;background:#f9fafb;text-align:center;padding:2rem 1rem;cursor:pointer;transition:border-color .25s ease,background-color .25s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.purchase-upload-area:hover{border-color:#2563eb;background:#f0f7ff}.purchase-file-input{display:none}.purchase-upload-icon{color:#9ca3af;margin-bottom:.5rem}.purchase-upload-text{font-size:.875rem;font-weight:500;color:#374151;margin:.25rem 0}.purchase-upload-hint{font-size:.75rem;color:#6b7280}.purchase-image-preview{position:relative;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;background:#f3f4f6;max-height:300px;display:flex;align-items:center;justify-content:center}.purchase-image-preview img{width:100%;height:auto;object-fit:contain;display:block}.purchase-remove-image{position:absolute;top:.5rem;right:.5rem;background:#fee2e2;color:#dc2626;border:none;border-radius:.375rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.purchase-remove-image:hover{background:#fca5a5}@media (max-width: 600px){.purchase-upload-area{padding:1.5rem .5rem}.purchase-upload-text{font-size:.8rem}}.materials-section{background:transparent;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem}.materials-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.btn-add-material{display:flex;align-items:center;gap:.375rem;background:#2563eb;color:#fff;border:none;padding:.45rem .9rem;border-radius:.375rem;cursor:pointer;font-size:.8125rem;font-weight:500}.material-row{position:relative;background:transparent;border-radius:.5rem;padding:1rem;margin-bottom:1rem}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.btn-remove-material{position:absolute;top:.5rem;right:.5rem;background:#fee2e2;color:#dc2626;border:none;border-radius:.375rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:1rem}.btn-cancel{background:#f3f4f6;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem}.btn-submit{background:#2563eb;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem}@media (max-width: 900px){.purchase-grid,.form-grid{grid-template-columns:1fr}}.purchase-products-section{margin-top:1.25rem;background:transparent;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;overflow-x:auto;overflow-y:visible}.product-row{width:100%;position:relative;overflow-x:visible;overflow-y:visible;padding:.5rem 2.5rem .5rem .5rem;padding-bottom:8px;white-space:nowrap}.product-grid{display:flex;gap:.75rem;min-width:10px}.product-grid .form-group{min-width:10px;flex-shrink:0}.purchase-products-section::-webkit-scrollbar{height:4px;width:5px}.purchase-products-section::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.purchase-products-section::-webkit-scrollbar-thumb{background:#9b9696;border-radius:4px}.purchase-products-section::-webkit-scrollbar-thumb:hover{background:#555}.purchase-products-section .form-group{display:flex;flex-direction:column;gap:.15rem}.purchase-products-section .form-group label{font-size:.55rem;font-weight:600;color:#374151;line-height:1.1;margin-bottom:.1rem}.purchase-products-section .form-group input,.purchase-products-section .form-group select{padding:.25rem .4rem;border:1px solid #d1d5db;border-radius:.3rem;font-size:.65rem;height:24px;background:#fff;color:#111827;transition:all .2s}.purchase-products-section .form-group input:focus,.purchase-products-section .form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb26}.purchase-products-section .react-select__control{min-height:24px!important;height:24px!important;font-size:.65rem!important;border-color:#d1d5db!important}.purchase-products-section .react-select__value-container{padding:0 .4rem!important;height:24px!important}.purchase-products-section .react-select__input-container{margin:0!important;padding:0!important}.purchase-products-section .react-select__indicators{height:24px!important}.purchase-products-section .react-select__indicator{padding:.2rem!important}.purchase-products-section .react-select__indicator-separator{margin-top:4px!important;margin-bottom:4px!important}.purchase-products-section .react-select__dropdown-indicator svg{width:14px!important;height:14px!important}.purchase-products-section .react-select__single-value,.purchase-products-section .react-select__placeholder,.purchase-products-section .react-select__menu{font-size:.65rem!important}.purchase-products-section .react-select__option{padding:.3rem .4rem!important;font-size:.65rem!important}.btn-add-row{background:#10b981;color:#fff;padding:.35rem .75rem;border:none;border-radius:.3rem;cursor:pointer;font-size:.65rem;font-weight:500;display:flex;align-items:center;gap:.25rem;transition:background .2s}.btn-add-row:hover{background:#059669}.delete-btn-wrapper{display:flex;align-items:flex-end;padding-top:1rem}.btn-remove-row{background:transparent;color:#dc2626;border:none;padding:.25rem;border-radius:.3rem;cursor:pointer;width:26px;height:26px;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-remove-row:hover{background:#efd7d7;outline:none;box-shadow:none}.btn-remove-row svg{width:14px;height:14px}.readonly-input{background-color:#f3f4f6!important;cursor:not-allowed!important;color:#6b7280!important;font-weight:500}.lebel-and-si{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.1rem}.lebel-and-si label{margin-bottom:0!important;font-size:.65rem!important}.unit-text{font-size:.6rem;color:#6b7280;font-weight:500;white-space:nowrap}.purchase-products-section .form-group select:hover{border-color:#9ca3af}.purchase-products-section .form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb26}.purchase-products-section .form-group option{padding:.35rem;font-size:.65rem}.purchase-products-section .form-group input[type=number]::-webkit-inner-spin-button,.purchase-products-section .form-group input[type=number]::-webkit-outer-spin-button{height:22px}@media (max-width: 1200px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:.4rem}}@media (max-width: 1024px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.4rem}.purchase-products-section .form-group label{font-size:.6rem}.purchase-products-section .form-group input,.purchase-products-section .form-group select{font-size:.6rem;height:22px;padding:.2rem .35rem}}@media (max-width: 768px){.product-grid{grid-template-columns:repeat(3,1fr);gap:.4rem}.purchase-products-section .form-group label{font-size:.6rem}.purchase-products-section .form-group input,.purchase-products-section .form-group select{font-size:.6rem;height:22px;padding:.2rem .35rem}}@media (max-width: 600px){.product-grid{grid-template-columns:repeat(2,1fr);gap:.35rem}.product-row{padding:.4rem 2rem .4rem .4rem}}@media (max-width: 480px){.product-grid{grid-template-columns:1fr}.product-row{padding:.5rem 2.25rem .5rem .5rem}}.summary-table-container34{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;margin-top:1.5rem}.summary-title34{font-size:1.125rem;font-weight:600;color:#1f2327;margin-bottom:1rem;border-bottom:2px solid #2563eb;padding-bottom:.5rem}.summary-table34{width:100%;font-size:.875rem;overflow:visible!important}.summary-table34 thead{background:#f3f4f6}.summary-table34 th{padding:.75rem;text-align:left;font-weight:600;color:#fcfdfe;border:1px solid #e5e7eb}.summary-table34 td{padding:.625rem .75rem;border:1px solid #e5e7eb;color:#1f2937}.summary-table34 tbody tr:hover{background:#f9fafb}.summary-table34 .total-row{background:#f3f4f6;font-weight:600}.summary-table34 .total-row td{border-top:2px solid #2563eb;padding:.875rem .75rem}.amount-in-words{margin-top:1rem;padding:1rem;background:#f0f7ff;border-left:4px solid #2563eb;border-radius:.375rem}.tr-for-table{display:table-row;vertical-align:inherit;unicode-bidi:isolate;border-color:inherit}.amount-in-words p{margin:0;font-size:.9rem;color:#57595c}.amount-in-words strong{color:#1e40af}@media (max-width: 1024px){.summary-table{font-size:.8rem}.summary-table34 th,.summary-table34 td{padding:.5rem}}@media (max-width: 768px){.summary-table-container34{overflow-x:auto}.summary-table34{min-width:800px}}.summary-table34 thead{background:#636466!important}.summary-table34 thead tr{background:#737375!important}.summary-table34 th{padding:.75rem;text-align:left;font-weight:600;color:#151414!important;border:1px solid #2f2f30;background:#feffff!important}.actions-menu{position:relative;display:inline-block}.dots-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:50%}.dots-btn:hover{background-color:#f3f3f3}.dropdown-menu-absolute{position:absolute;background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px #00000026;z-index:9999;min-width:130px;display:flex;flex-direction:column;padding:4px 0}.dropdown-menu3{position:absolute;top:auto;bottom:28px;right:0;background-color:#fff;border:1px solid #ddd;box-shadow:0 2px 8px #00000026;border-radius:6px;z-index:9999;min-width:120px}.dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:14px;cursor:pointer;background:none;border:none;width:100%;text-align:left}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item.delete{color:red}.invoice-container{background:#fff;margin:10px auto 40px;padding:0;border:2px solid #333;font-family:Arial,Helvetica,sans-serif;color:#000;box-shadow:0 0 20px #00000026}.invoice-header{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;border-bottom:3px double #333;padding:20px 30px;margin-bottom:0}.invoice-header h2{margin:0;color:#000;font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.invoice-section{margin-bottom:0;padding:20px 30px;border-bottom:1px solid #ddd}.invoice-section:last-child{border-bottom:none}.invoice-section h3{margin:0 0 15px;color:#000;background:#e9ecef;padding:8px 12px;font-size:1.1rem;font-weight:700;text-transform:uppercase;border-left:5px solid #333;letter-spacing:.5px}.invoice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;background:#fff;padding:0;border:1px solid #333;border-radius:0}.invoice-grid div{background:#fff;padding:10px 15px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;box-shadow:none;border-radius:0;font-size:.95rem}.invoice-grid div:nth-child(2n){border-right:none}.invoice-grid div:nth-last-child(-n+2){border-bottom:none}.invoice-grid div strong{color:#555;font-weight:600;display:inline-block;min-width:120px}.invoice-table{width:100%;border-collapse:collapse;margin-top:10px;border:2px solid #333}.invoice-table th,.invoice-table td{border:1px solid #333;padding:10px 8px;text-align:center;font-size:.9rem}.invoice-table th{background-color:#444e57;color:#fff;font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.3px}.invoice-table tbody tr{background-color:#fff}.invoice-table tbody tr:hover{background-color:#f8f9fa}.invoice-table td{font-weight:500}.tax-grid{grid-template-columns:repeat(3,1fr);background:#fff;border:2px solid #333}.tax-grid div{background:#f8f9fa;font-weight:600;font-size:1rem;padding:12px 15px}.tax-grid div:last-child{grid-column:1 / -1;background:#e9ecef;font-size:1.15rem;color:#000;text-align:right;border-top:2px solid #333}.invoice-button-group{display:flex;gap:12px;margin-top:15px;justify-content:flex-start}.purchase-loading,.purchase-error{text-align:center;margin-top:50px;font-size:1.2rem;font-weight:600}.purchase-error{color:#d32f2f}@media print{.invoice-container{border:none;box-shadow:none;margin:0}.invoice-header button,.invoice-button-group{display:none}}.edit-purchase-wrapper{max-width:1400px;margin:0 auto;padding:1.5rem;background:#f9fafb;font-family:system-ui,sans-serif}.edit-purchase-header-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem}.edit-purchase-main-title{font-size:1.75rem;font-weight:600;border-bottom:3px solid #2563eb;color:#1f2937}.edit-purchase-back-btn{display:flex;align-items:center;gap:.5rem;background:#f3f4f6;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.875rem}.edit-purchase-back-btn:hover{background:#e5e7eb}.edit-purchase-form-container{display:flex;flex-direction:column;gap:1.5rem}.edit-purchase-info-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:3rem}.edit-purchase-form-grid{display:grid;grid-template-columns:1fr 320px;gap:2rem;margin-bottom:1.5rem}.edit-purchase-fields-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.edit-purchase-field-group{display:flex;flex-direction:column;gap:.25rem}.edit-purchase-field-group.edit-purchase-full-width{grid-column:1 / -1}.edit-purchase-field-group label{font-size:.8125rem;font-weight:500;color:#374151;line-height:1.2}.edit-purchase-field-group input,.edit-purchase-field-group select,.edit-purchase-field-group textarea{border:1px solid #d1d5db;border-radius:.375rem;padding:.4rem .6rem;font-size:.8125rem;background:#fff;height:32px}.edit-purchase-field-group textarea{resize:vertical;height:auto;min-height:60px}.edit-purchase-field-group input:focus,.edit-purchase-field-group select:focus,.edit-purchase-field-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.edit-purchase-field-group input:read-only{background-color:#f3f4f6;cursor:not-allowed;color:#6b7280}.edit-purchase-image-upload-section{display:flex;flex-direction:column;gap:.5rem}.edit-purchase-upload-title{font-size:.875rem;font-weight:600;color:#374151}.edit-purchase-drop-zone{border:2px dashed #d1d5db;border-radius:.75rem;background:#f9fafb;text-align:center;padding:2rem 1rem;cursor:pointer;transition:border-color .25s ease,background-color .25s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.edit-purchase-drop-zone:hover{border-color:#2563eb;background:#f0f7ff}.edit-purchase-drop-zone svg{color:#9ca3af;margin-bottom:.5rem}.edit-purchase-drop-zone p{font-size:.875rem;font-weight:500;color:#374151;margin:.25rem 0}.edit-purchase-drop-zone span{font-size:.75rem;color:#6b7280}.edit-purchase-preview-box{position:relative;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;background:#f3f4f6;max-height:300px;display:flex;align-items:center;justify-content:center}.edit-purchase-preview-box img{width:100%;height:auto;object-fit:contain;display:block}.edit-purchase-remove-btn{position:absolute;top:.5rem;right:.5rem;background:#fee2e2;color:#dc2626;border:none;border-radius:.375rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.edit-purchase-remove-btn:hover{background:#fca5a5}.edit-purchase-remarks-section{display:flex;flex-direction:column;gap:.25rem;grid-column:1 / -1}.edit-purchase-remarks-section label{font-size:.8125rem;font-weight:500;color:#374151}.edit-purchase-remarks-section textarea{width:100%;padding:.4rem .6rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.8125rem;color:#1f2937;font-family:inherit;resize:vertical;min-height:60px;background:#fff}.edit-purchase-remarks-section textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.edit-purchase-products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.edit-purchase-products-header h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.edit-purchase-products-list{margin-top:1.25rem;background:transparent;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem}.edit-purchase-product-row{position:relative;background:#f9fafb;padding:.5rem 2.5rem .5rem .5rem;border-radius:.5rem;margin-bottom:.75rem}.edit-purchase-product-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.45rem}.edit-purchase-products-list .edit-purchase-field-group{display:flex;flex-direction:column;gap:.15rem}.edit-purchase-products-list .edit-purchase-field-group label{font-size:.55rem;font-weight:600;color:#374151;line-height:1.1;margin-bottom:.1rem}.edit-purchase-products-list .edit-purchase-field-group input,.edit-purchase-products-list .edit-purchase-field-group select{padding:.25rem .4rem;border:1px solid #d1d5db;border-radius:.3rem;font-size:.65rem;height:24px;background:#fff;color:#111827;transition:all .2s}.edit-purchase-products-list .edit-purchase-field-group input:focus,.edit-purchase-products-list .edit-purchase-field-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb26}.edit-purchase-products-list .edit-purchase-field-group select:hover{border-color:#9ca3af}.edit-purchase-products-list .edit-purchase-field-group option{padding:.35rem;font-size:.65rem}.edit-purchase-products-list .react-select__control{min-height:24px!important;height:24px!important;font-size:.65rem!important;border-color:#d1d5db!important}.edit-purchase-products-list .react-select__value-container{padding:0 .4rem!important;height:24px!important}.edit-purchase-products-list .react-select__input-container{margin:0!important;padding:0!important}.edit-purchase-products-list .react-select__indicators{height:24px!important}.edit-purchase-products-list .react-select__indicator{padding:.2rem!important}.edit-purchase-products-list .react-select__indicator-separator{margin-top:4px!important;margin-bottom:4px!important}.edit-purchase-products-list .react-select__dropdown-indicator svg{width:14px!important;height:14px!important}.edit-purchase-products-list .react-select__single-value,.edit-purchase-products-list .react-select__placeholder,.edit-purchase-products-list .react-select__menu{font-size:.65rem!important}.edit-purchase-products-list .react-select__option{padding:.3rem .4rem!important;font-size:.65rem!important}.edit-purchase-delete-row-btn{position:absolute;top:.4rem;right:.4rem;background:#fee2e2;color:#dc2626;border:none;padding:.2rem;border-radius:.3rem;cursor:pointer;width:22px;height:22px;display:flex;align-items:center;justify-content:center;transition:background .2s}.edit-purchase-delete-row-btn:hover{background:#fca5a5}.edit-purchase-delete-row-btn svg{width:14px;height:14px}.edit-purchase-add-product-section{display:flex;justify-content:flex-end;align-items:center;margin-bottom:.75rem;margin-top:1rem}.edit-purchase-add-product-btn{background:#10b981;color:#fff;padding:.35rem .75rem;border:none;border-radius:.3rem;cursor:pointer;font-size:.65rem;font-weight:500;display:flex;align-items:center;gap:.25rem;transition:background .2s}.edit-purchase-add-product-btn:hover{background:#059669}.edit-purchase-form-actions{display:flex;justify-content:flex-end;gap:1rem}.edit-purchase-cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem}.edit-purchase-cancel-btn:hover{background:#e5e7eb}.edit-purchase-submit-btn{background:#2563eb;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem}.edit-purchase-submit-btn:hover{background:#1d4ed8}.edit-purchase-readonly-input{background-color:#f3f4f6!important;cursor:not-allowed!important;color:#6b7280!important;font-weight:500}.edit-purchase-label-with-info{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.1rem}.edit-purchase-label-with-info label{margin-bottom:0!important;font-size:.65rem!important}.edit-purchase-unit-text{font-size:.6rem;color:#6b7280;font-weight:500;white-space:nowrap}.edit-purchase-loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.125rem;font-weight:600;color:#2563eb}.edit-purchase-summary-container{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;margin-top:1.5rem}.edit-purchase-summary-title{font-size:1.125rem;font-weight:600;color:#1f2327;margin-bottom:1rem;border-bottom:2px solid #2563eb;padding-bottom:.5rem}.edit-purchase-summary-table{width:100%;font-size:.875rem;overflow:visible!important}.edit-purchase-summary-table thead,.edit-purchase-summary-table thead tr{background:#feffff!important}.edit-purchase-summary-table th{padding:.75rem;text-align:left;font-weight:600;color:#151414!important;border:1px solid #2f2f30;background:#feffff!important}.edit-purchase-summary-table td{padding:.625rem .75rem;border:1px solid #e5e7eb;color:#1f2937}.edit-purchase-summary-table tbody tr:hover{background:#f9fafb}.edit-purchase-summary-table .edit-purchase-total-row{background:#f3f4f6;font-weight:600}.edit-purchase-summary-table .edit-purchase-total-row td{border-top:2px solid #2563eb;padding:.875rem .75rem}.edit-purchase-amount-words{margin-top:1rem;padding:1rem;background:#f0f7ff;border-left:4px solid #2563eb;border-radius:.375rem}.edit-purchase-amount-words p{margin:0;font-size:.9rem;color:#57595c}.edit-purchase-amount-words strong{color:#1e40af}.edit-purchase-products-list .edit-purchase-field-group input[type=number]::-webkit-inner-spin-button,.edit-purchase-products-list .edit-purchase-field-group input[type=number]::-webkit-outer-spin-button{height:22px}@media (max-width: 1200px){.edit-purchase-product-fields{grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:.4rem}}@media (max-width: 1024px){.edit-purchase-summary-table{font-size:.8rem}.edit-purchase-summary-table th,.edit-purchase-summary-table td{padding:.5rem}.edit-purchase-product-fields{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.4rem}.edit-purchase-products-list .edit-purchase-field-group label{font-size:.6rem}.edit-purchase-products-list .edit-purchase-field-group input,.edit-purchase-products-list .edit-purchase-field-group select{font-size:.6rem;height:22px;padding:.2rem .35rem}}@media (max-width: 900px){.edit-purchase-form-grid,.edit-purchase-fields-grid{grid-template-columns:1fr}}@media (max-width: 768px){.edit-purchase-summary-container{overflow-x:auto}.edit-purchase-summary-table{min-width:800px}.edit-purchase-product-fields{grid-template-columns:repeat(3,1fr);gap:.4rem}.edit-purchase-products-list .edit-purchase-field-group label{font-size:.6rem}.edit-purchase-products-list .edit-purchase-field-group input,.edit-purchase-products-list .edit-purchase-field-group select{font-size:.6rem;height:22px;padding:.2rem .35rem}}@media (max-width: 600px){.edit-purchase-wrapper{padding:1rem}.edit-purchase-header-section{flex-direction:column;gap:1rem;align-items:flex-start}.edit-purchase-drop-zone{padding:1.5rem .5rem}.edit-purchase-drop-zone p{font-size:.8rem}.edit-purchase-product-fields{grid-template-columns:repeat(2,1fr);gap:.35rem}.edit-purchase-product-row{padding:.4rem 2rem .4rem .4rem}.edit-purchase-form-actions{flex-direction:column-reverse}.edit-purchase-cancel-btn,.edit-purchase-submit-btn{width:100%}}@media (max-width: 480px){.edit-purchase-main-title{font-size:1.5rem}.edit-purchase-product-fields{grid-template-columns:1fr}.edit-purchase-product-row{padding:.5rem 2.25rem .5rem .5rem}}@media print{.edit-purchase-header-section,.edit-purchase-back-btn,.edit-purchase-form-actions,.edit-purchase-delete-row-btn,.edit-purchase-add-product-btn,.edit-purchase-remove-btn{display:none!important}.edit-purchase-wrapper{background:#fff;padding:0}.edit-purchase-product-row{page-break-inside:avoid}}.work-progress-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f5f7ff;border-radius:12px 12px 0 0;box-shadow:0 4px 12px #4276ff14;border-bottom:1px solid transparent}.work-progress-header h4{margin:0;font-size:18px;font-weight:600;color:#263463;letter-spacing:.5px}.input-error{border:1px solid red}.row-error td{background-color:#fff5f5}.text-error{color:red}.alert-row td{padding:0}.item-alert-message{color:#c0392b;background:#fff0f0;padding:6px 12px;font-size:12px;border-left:3px solid red}.material-used-alert{color:#c0392b;font-size:12px;margin-top:4px}.purchase-card1{background:#fff;border-radius:12px;padding:18px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.form-grid2{display:flex;gap:20px;flex-wrap:wrap}.form-group6{flex:1;min-width:220px}.form-group6 label{display:block;font-weight:500;margin-bottom:6px;color:#374151}.step-container{margin-top:2rem;padding:2.5rem;background:linear-gradient(to bottom,#fff,#fafbfc);border-radius:12px;box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a;border:1px solid #e5e7eb}.step-container h4{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:2.5rem;letter-spacing:-.025em;position:relative;padding-bottom:.75rem}.step-container h4:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:2px}.stepper-wrapper{position:relative;display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem;padding:1.5rem 0;background:#fff;border-radius:10px;overflow:visible}.slider-arrow{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;color:#1a1a1a;border:2px solid #d1d5db;border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;transition:all .2s ease}.slider-arrow.disabled{border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.5;background:#f9fafb}.slider-arrow svg{transition:none}.steps-viewport{flex:1;overflow:hidden;padding:0 1.5rem}.step-indicators{display:flex;align-items:center;justify-content:space-between}.step-wrapper{display:flex;align-items:center;flex:1}.step-wrapper:last-child{flex:0}.step-item{display:flex;flex-direction:column;align-items:center;gap:.625rem}.step-circle{width:50px;height:50px;border-radius:50%;border:none;background:#9ca3af;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;cursor:pointer;transition:none;position:relative;color:#fff;outline:none!important;box-shadow:none!important}.step-circle.active{background:#1c559b;color:#fff}.step-circle.completed{background:#a859e9;color:#fff}.step-circle.completed .step-number:before{content:"✓";font-size:1.5rem;font-weight:700}.step-circle.completed .step-number{font-size:0}.step-number{color:inherit;position:relative;z-index:1}.step-label{font-size:.875rem;color:#6b7280;text-align:center;max-width:110px;line-height:1.3;transition:none;font-weight:500;letter-spacing:.01em}.step-label.active{color:#222223;font-weight:600}.step-circle.completed+.step-label{color:#151e18;font-weight:600}.step-line{flex:1;height:4px;background:#d1d5db;margin:0 .75rem;transition:none;border-radius:2px;position:relative;align-self:flex-start;margin-top:23px}.step-line.completed{background:#226799}.step-wrapper:has(.step-circle.active) .step-line{background:#356caf}.step-content-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:5px solid #f59e0b;border-radius:0 10px 10px 0;padding:1.75rem;display:flex;align-items:flex-start;gap:1.25rem;box-shadow:0 2px 8px #f59e0b1f,0 1px 3px #f59e0b14;margin-bottom:2rem;position:relative;overflow:hidden}.step-content-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(245,158,11,.3),transparent)}.step-content-icon{flex-shrink:0;color:#f59e0b;width:28px;height:28px;background:#ffffffb3;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:4px}.step-content-text{flex:1}.step-content-text p{font-size:.938rem;color:#92400e;line-height:1.6;margin:0;font-weight:500}.pagination-dots{display:flex;justify-content:center;align-items:center;gap:.625rem;margin-top:2rem;margin-bottom:2.5rem}.pagination-dot{width:10px;height:10px;border-radius:50%;background:#d1d5db;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;position:relative}.pagination-dot:hover{background:#9ca3af;transform:scale(1.2)}.pagination-dot.active{width:28px;border-radius:5px;background:linear-gradient(90deg,#3b82f6,#2563eb);box-shadow:0 2px 6px #3b82f666}.step-content2{margin-top:2.5rem;padding:1.5rem;background:#fff;border-radius:12px;border:2px solid #e5e7eb;transition:all .3s ease}.step-content2.active{background:#fff;border:2px solid #ebecec}.table-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:2px solid #e5e7eb;position:relative}.table-header-actions:after{content:"";position:absolute;bottom:-2px;left:0;width:80px;height:2px;background:linear-gradient(90deg,#3b82f6,transparent)}.table-header-actions h3{font-size:1.375rem;font-weight:700;color:#111827;margin:0;letter-spacing:-.02em}.edit-button{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.625rem 1.5rem;background:linear-gradient(135deg,#254988,#2b3b84);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease-in-out;box-shadow:0 4px 8px #1e3bb84d;position:relative;overflow:hidden}.edit-button:active{transform:translateY(1px);box-shadow:0 3px 6px #1e3bb840}.edit-button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:#ffffff1a;transform:rotate(45deg);transition:all .5s ease}.edit-button:hover:after{top:-70%;left:-70%}.edit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.edit-button.editing{background:linear-gradient(135deg,#ce6565,#dc2626);box-shadow:0 2px 4px #ef444433}.edit-button svg{width:18px;height:18px;position:relative;z-index:1}.table-wrapper{overflow-x:auto;margin-bottom:2rem;border-radius:10px;box-shadow:0 1px 3px #fbf9f90d}.items-table1{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 4px #0000000a}.items-table1 thead{background:linear-gradient(180deg,#f9fafb,#f3f4f6)}.items-table1 th{padding:1.25rem 1.5rem;text-align:left;font-size:.813rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid #e5e7eb;white-space:nowrap}.items-table1 th:first-child{border-top-left-radius:10px}.items-table1 th:last-child{border-top-right-radius:10px}.items-table1 tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s cubic-bezier(.4,0,.2,1);padding:9px}.items-table1 tbody tr:last-child{border-bottom:none}.items-table1 tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.items-table1 tbody tr:last-child td:last-child{border-bottom-right-radius:8px}.items-table1 td{padding:1.25rem 1.5rem;font-size:.938rem;color:#4b5563;font-weight:500}.quantity-input{width:100%;max-width:130px;padding:.625rem .875rem;border:2px solid #3b82f6;border-radius:8px;font-size:.938rem;color:#111827;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f9fafb}.quantity-input:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 4px #3b82f61a;transform:scale(1.02)}.table-footer-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding-top:1.5rem;border-top:2px solid #f3f4f6}.action-button{padding:.75rem 2rem;border:none;border-radius:10px;font-size:.938rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.625rem;position:relative;overflow:hidden;letter-spacing:.02em;text-transform:uppercase;font-size:.813rem}.action-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .5s,height .5s}.action-button:active{transform:translateY(-1px)}.save-next{background:linear-gradient(135deg,#0d805a,#0a8b62);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:500;cursor:pointer}.save-skip{background:linear-gradient(135deg,#d97706,#d97706);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:500;cursor:pointer}.loading-text,.no-steps-text,.no-items-text{text-align:center;color:#6b7280;font-size:1.063rem;padding:3rem;font-weight:500}@media (max-width: 1024px){.step-container{padding:2rem}.step-circle{width:46px;height:46px;font-size:.938rem}.step-label{font-size:.75rem;max-width:90px}.slider-arrow{width:40px;height:40px}.table-header-actions{flex-direction:column;align-items:flex-start;gap:1.25rem;margin-bottom:.1rem}.edit-button{align-self:flex-end}.table-footer-actions{flex-direction:column;gap:1rem}.action-button{width:100%;justify-content:center}.items-table1 th,.items-table1 td{padding:1rem 1.25rem}}@media (max-width: 768px){.step-container{padding:1.5rem}.step-container h4{font-size:1.5rem}.stepper-wrapper{gap:1rem}.slider-arrow{width:36px;height:36px}.step-circle{width:40px;height:40px;font-size:.875rem}.step-label{font-size:.688rem;max-width:75px}.step-content-card{padding:1.25rem}.step-content-text p{font-size:.875rem}.items-table1{font-size:.813rem}.items-table1 th,.items-table1 td{padding:.875rem .75rem}.quantity-input{max-width:90px;padding:.5rem .625rem;font-size:.875rem}.action-button{padding:.625rem 1.5rem;font-size:.75rem}.table-header-actions h3{font-size:1.125rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-content1.active{animation:fadeIn .4s ease-out}.step-circle:focus-visible,.slider-arrow:focus-visible,.edit-button:focus-visible,.action-button:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}.table-wrapper{overflow-x:auto;margin-top:16px}.items-table1{width:100%;border-collapse:collapse;font-size:14px}.items-table1 th,.items-table1 td{border:1px solid #ddd;padding:8px;text-align:center}.items-table1 th{background-color:#f4f4f4;font-weight:600}.quantity-input{width:100px;padding:6px;border:1px solid #ccc;border-radius:6px;text-align:right}.icon.delete{color:#dc2626;cursor:pointer;font-size:18px}.total-row{background-color:#f9fafb}.total-row td{font-weight:600;border-top:2px solid #ccc}.header-extras{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px}.header-extras .date-group,.header-extras .progress-group{display:flex;flex-direction:column;gap:4px}.header-extras label{font-size:13px;font-weight:500;color:#444}.header-extras .date-input,.header-extras .progress-input{padding:6px 8px;font-size:13px;border:1px solid #ccc;border-radius:6px;width:160px;background-color:#fff;transition:border-color .2s ease}.header-extras .remarks-input{padding:6px 8px;font-size:13px;border:1px solid #ccc;border-radius:6px;width:220px;background-color:#fff;transition:border-color .2s ease}.header-extras .date-input:focus,.header-extras .progress-input:focus,.header-extras .remarks-input:focus{border-color:#1976d2;outline:none}.header-extras .date-input:disabled,.header-extras .progress-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.modern-tabs-wrapper{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#dde9fb,#f8f8f9);padding:10px 14px;border-radius:14px;width:fit-content;margin:20px 0;border:none;outline:none}.tab-item{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:500;color:#444;transition:.25s ease;outline:none}.tab-item:hover{background:#ffffff73;box-shadow:0 2px 6px #0000001a}.tab-item.active{background:#fff;color:#222;font-weight:600;border:none;outline:none}.tab-number{font-weight:600;font-size:14px;background:linear-gradient(135deg,#2e3675,#0f4475);padding:3px 8px;border-radius:8px;color:#fff;border:none}.tab-label{font-size:14px;white-space:nowrap}.modern-dots{display:flex;justify-content:center;margin-top:12px}.pagination-dot{width:10px;height:10px;border-radius:50%;background:#bbb;margin:0 4px;border:none;cursor:pointer;transition:.2s}.pagination-dot.active{background:#6b4eff}.umt-progress-tracker-container{max-width:1600px;margin:0 auto;padding:2px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f7fa;min-height:100vh}.umt-progress-tracker-container *,.umt-progress-tracker-container *:before,.umt-progress-tracker-container *:after{box-sizing:border-box}.umt-tracker-header{margin-bottom:32px;text-align:center}.umt-tracker-title{font-size:32px;font-weight:700;color:#1a202c;margin:0 0 8px;line-height:1.2}.umt-tracker-subtitle{font-size:16px;color:#718096;margin:0;line-height:1.5}.umt-selection-card,.umt-empty-state-card,.umt-loading-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;margin-bottom:24px}.umt-card-title{font-size:20px;font-weight:600;color:#2d3748;margin:0 0 8px;line-height:1.3}.umt-card-subtitle{font-size:14px;color:#718096;margin:0 0 24px;line-height:1.5}.umt-selection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.umt-bom-selection-grid{display:grid;grid-template-columns:2fr 2fr 1fr;gap:20px;margin-bottom:20px}@media (max-width: 1024px){.umt-bom-selection-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 768px){.umt-selection-grid,.umt-bom-selection-grid{grid-template-columns:1fr}}.umt-form-field{display:flex;flex-direction:column}.umt-field-label{font-size:14px;font-weight:600;color:#4a5568;margin-bottom:8px;line-height:1.4}.umt-quantity-input{height:38px;padding:0 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#2d3748;transition:all .2s ease;font-family:inherit}.umt-quantity-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.umt-progress-tracker-container .umt-react-select-container{font-size:14px}.umt-progress-tracker-container .umt-react-select__control{min-height:38px;border:1px solid #e2e8f0!important;border-radius:8px!important;transition:all .2s ease;box-shadow:none!important}.umt-progress-tracker-container .umt-react-select__control--is-focused{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important}.umt-progress-tracker-container .umt-react-select__placeholder{color:#a0aec0}.umt-progress-tracker-container .umt-react-select__single-value,.umt-progress-tracker-container .umt-react-select__input-container{color:#2d3748}.umt-progress-tracker-container .umt-react-select__indicator-separator{background-color:#e2e8f0}.umt-progress-tracker-container .umt-react-select__dropdown-indicator{color:#718096}.umt-progress-tracker-container .umt-react-select__dropdown-indicator:hover{color:#4a5568}.umt-progress-tracker-container .umt-react-select__menu{border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;overflow:hidden;z-index:100;border:1px solid #e2e8f0}.umt-progress-tracker-container .umt-react-select__menu-list{padding:4px 0}.umt-progress-tracker-container .umt-react-select__option{padding:10px 12px!important;cursor:pointer!important;transition:background-color .15s ease}.umt-progress-tracker-container .umt-react-select__option--is-focused{background-color:#f7fafc!important;color:#2d3748!important}.umt-progress-tracker-container .umt-react-select__option--is-selected{background-color:#8b5cf6!important;color:#fff!important}.umt-progress-tracker-container .umt-react-select__option--is-selected:hover{background-color:#7c3aed!important}.umt-add-button-container{display:flex;align-items:center;gap:16px;margin-top:20px}.umt-add-bom-button{background:#8b5cf6;color:#fff;border:none;padding:10px 32px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #8b5cf633;font-family:inherit}.umt-add-bom-button:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d}.umt-add-bom-button:active:not(:disabled){transform:translateY(0)}.umt-add-bom-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.umt-helper-text{font-size:13px;color:#718096;margin:0;line-height:1.4}.umt-loading-card{text-align:center;padding:60px 24px}.umt-loading-text{font-size:15px;color:#718096;margin:0;animation:umt-pulse 1.5s ease-in-out infinite}@keyframes umt-pulse{0%,to{opacity:1}50%{opacity:.5}}.umt-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:24px}.umt-table-header-section{padding:20px 24px;border-bottom:2px solid #e2e8f0}.umt-table-main-title{font-size:22px;font-weight:700;color:#1a202c;margin:0;line-height:1.3}.umt-table-container{overflow-x:auto;overflow-y:visible}.umt-bom-detailed-table{width:100%;border-collapse:collapse;background:#fff;font-size:13px;table-layout:auto}.umt-bom-detailed-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.umt-bom-detailed-table thead th{padding:12px 10px;text-align:left;font-weight:600;color:#fff;border:1px solid rgba(255,255,255,.2);white-space:normal;word-wrap:break-word;position:sticky;top:0;z-index:10;font-size:13px}.umt-bom-detailed-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.umt-bom-detailed-table tbody tr:last-child{border-bottom:none}.umt-bom-detailed-table td{border:1px solid #e5e7eb;vertical-align:top;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.umt-th-sno,.umt-td-sno{width:50px;min-width:50px;text-align:center;font-weight:600;background-color:#f9fafb}.umt-th-workdesc,.umt-td-workdesc{width:280px;min-width:200px}.umt-th-bom,.umt-td-bom{width:180px;min-width:150px}.umt-th-rep,.umt-td-rep{width:100px;min-width:80px;text-align:center}.umt-th-step,.umt-td-step{width:250px;min-width:200px}.umt-th-item,.umt-td-item{width:200px;min-width:150px}.umt-th-qty,.umt-td-qty{width:80px;min-width:60px;text-align:right}.umt-th-total,.umt-td-total{width:100px;min-width:80px;text-align:right}.umt-th-unit,.umt-td-unit{width:70px;min-width:50px;text-align:center}.umt-th-action,.umt-td-action{width:100px;min-width:100px;text-align:center;background-color:#f9fafb}.umt-workdesc-cell{line-height:1.5;white-space:normal;word-wrap:break-word}.umt-workdesc-cell strong{display:block;margin-bottom:8px;color:#111827;font-size:13px;font-weight:600;white-space:normal;word-wrap:break-word}.umt-billing-info{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#6b7280;margin-top:6px;padding:6px 8px;background:#f3f4f6;border-radius:4px}.umt-billing-info span{display:block;white-space:normal;word-wrap:break-word}.umt-bom-name{font-weight:600;color:#7c3aed;display:inline-block;padding:6px 12px;background:#f3e8ff;border-radius:6px;font-size:13px;white-space:normal;word-wrap:break-word}.umt-rep-badge{display:inline-block;padding:4px 14px;background:#dbeafe;color:#1e40af;font-weight:700;border-radius:20px;font-size:14px}.umt-step-cell{display:flex;gap:8px;align-items:flex-start}.umt-step-number{flex-shrink:0;width:26px;height:26px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.umt-step-name{flex:1;line-height:1.4;color:#374151;font-size:13px;word-wrap:break-word;white-space:normal;overflow-wrap:break-word}.umt-td-item{font-weight:500;color:#111827;font-size:13px;word-wrap:break-word;white-space:normal;overflow-wrap:break-word}.umt-td-qty,.umt-td-total{font-family:Monaco,Courier New,monospace;color:#374151;font-size:13px;padding-right:12px;white-space:nowrap}.umt-td-total strong{color:#059669;font-size:14px}.umt-td-unit{color:#6b7280;font-size:12px;font-weight:500}.umt-td-empty{text-align:center;color:#9ca3af;font-style:italic;padding:16px!important;background:#f9fafb}.umt-empty-text{display:inline-block;padding:8px 16px;background:#f3f4f6;border-radius:6px;font-size:12px}.umt-td-action .umt-delete-btn{background:#ef4444;color:#fff;border:none;padding:7px 16px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s;font-family:inherit}.umt-td-action .umt-delete-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 6px #ef444433}.umt-td-action .umt-delete-btn:active{transform:translateY(0)}.umt-empty-state-card{text-align:center;padding:60px 24px}.umt-empty-state-text{font-size:15px;color:#718096;margin:0;line-height:1.5}@media (max-width: 1024px){.umt-progress-tracker-container{padding:16px}.umt-tracker-title{font-size:28px}.umt-card-title{font-size:18px}.umt-bom-detailed-table{font-size:12px}.umt-bom-detailed-table thead th{padding:10px 8px;font-size:12px}.umt-bom-detailed-table tbody td{padding:8px}}@media (max-width: 768px){.umt-progress-tracker-container{padding:12px}.umt-tracker-title{font-size:24px}.umt-tracker-subtitle{font-size:14px}.umt-selection-card{padding:16px}.umt-table-container{overflow-x:scroll}}@media print{.umt-add-bom-button,.umt-delete-btn{display:none!important}.umt-bom-detailed-table tbody tr{break-inside:avoid}.umt-table-wrapper{box-shadow:none;border:1px solid #e2e8f0}.umt-progress-tracker-container{background:#fff}}.umt-table-container::-webkit-scrollbar{height:10px}.umt-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.umt-table-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:5px}.umt-table-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}.umt-add-bom-button:focus,.umt-delete-btn:focus,.umt-quantity-input:focus{outline:2px solid #8b5cf6;outline-offset:2px}@keyframes umt-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.umt-bom-detailed-table tbody tr{animation:umt-fadeIn .3s ease}.umt-progress-tracker-container button,.umt-progress-tracker-container input,.umt-progress-tracker-container select{font-family:inherit}.umt-export-button{background:#10b981;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #10b98133;font-family:inherit;display:flex;align-items:center;gap:8px}.umt-export-button:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.umt-export-button:active{transform:translateY(0)}.umt-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:umt-fadeIn .2s ease}.umt-modal-content{background:#fff;border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 60px #0000004d;animation:umt-slideUp .3s ease}.umt-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:2px solid #e5e7eb}.umt-modal-header h2{margin:0;font-size:24px;font-weight:700;color:#1a202c}.umt-modal-close{background:none;border:none;font-size:28px;color:#9ca3af;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;padding:0;line-height:1}.umt-modal-close:hover{background:#f3f4f6;color:#1f2937}.umt-modal-body{padding:24px}.umt-modal-subtitle{margin:0 0 20px;color:#6b7280;font-size:14px}.umt-export-options{display:flex;flex-direction:column;gap:12px}.umt-export-option{display:flex;align-items:center;gap:16px;padding:16px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit}.umt-export-option:hover{border-color:#8b5cf6;background:#f9fafb;transform:translate(4px);box-shadow:0 4px 12px #8b5cf61a}.umt-export-icon{font-size:32px;flex-shrink:0}.umt-export-title{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.umt-export-desc{font-size:13px;color:#6b7280}@keyframes umt-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.umt-modal-content{width:95%;margin:20px}.umt-modal-header h2{font-size:20px}.umt-export-option{padding:14px}.umt-export-icon{font-size:28px}}.add-employee-team-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e0f2fe,#f1f5f9);padding:24px}.add-employee-team-wrapper{max-width:1280px;margin:0 auto}.page-header{margin-bottom:32px}.page-title{font-size:30px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:12px;margin:0 0 8px}.page-title-icon{width:32px;height:32px;color:#2563eb}.page-subtitle{color:#64748b;margin:0;font-size:16px}.info-card,.add-card,.list-card{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:24px;margin-bottom:24px;border:1px solid #e2e8f0}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.card-icon-wrapper{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon-wrapper.green{background:linear-gradient(135deg,#10b981,#059669)}.card-icon-wrapper.purple{background:linear-gradient(135deg,#a855f7,#9333ea)}.card-icon{width:24px;height:24px;color:#fff}.card-header-text h2{font-size:20px;font-weight:600;color:#1e293b;margin:0}.card-header-text p{font-size:14px;color:#64748b;margin:4px 0 0}.team-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:4px}.info-label-icon{width:12px;height:12px}.info-value{font-size:16px;font-weight:600;color:#1e293b}.info-value.normal{font-weight:400;color:#334155}.add-employee-formoo{width:100%}.form-rowo{display:flex;align-items:center;gap:16px;margin-top:10px}.select-wrappero{flex:1;display:flex;flex-direction:column}.select-wrappero .select-label{margin-bottom:6px;font-weight:500;color:#333}.select-wrapper .react-select__control{height:48px!important}.add-button{padding:12px 24px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #2563eb4d;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;height:48px;margin-top:24px}.add-button:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);cursor:not-allowed;box-shadow:none;transform:none;opacity:.6}.button-icon{width:20px;height:20px}.list-card{padding:0;overflow:hidden}.list-header{display:flex;align-items:center;gap:12px;padding:24px;background:linear-gradient(135deg,#f8fafc,#e0f2fe);border-bottom:1px solid #e2e8f0}.list-header-icon{width:40px;height:40px;background:linear-gradient(135deg,#d0bce4,#f4f2f6);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.list-header-text h2{font-size:20px;font-weight:600;color:#1e293b;margin:0}.list-header-text p{font-size:14px;color:#64748b;margin:4px 0 0}.table-wrapper{overflow-x:auto}.employee-table12{width:100%;border-collapse:collapse}.employee-table12 thead tr{background:#fff;border-bottom:1px solid #e2e8f0}.employee-table12 th{padding:16px 24px;text-align:left;font-size:10px;font-weight:500;color:#f9f9fb;text-transform:uppercase;letter-spacing:.05em}.employee-table12 tbody tr{border-bottom:1px solid #3062a3;transition:background-color .2s ease}.employee-table12 tbody tr:hover{background:#f8fafc}.employee-table12 td{padding:12px 24px;color:#334155}.employee-name-cell{display:flex;align-items:center;gap:12px}.employee-avatar{width:30px;height:30px;background:linear-gradient(135deg,#86b7f3,#3b82f6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;flex-shrink:0}.employee-name{font-weight:500;color:#1e293b}.contact-cell{display:flex;align-items:center;gap:8px}.contact-icon{width:16px;height:16px;flex:flex-end;color:#465e80;flex-shrink:0}.empty-state{text-align:center;padding:48px 24px}.empty-state-content{display:flex;flex-direction:column;align-items:center;gap:12px}.empty-icon-wrapper{width:64px;height:64px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center}.empty-icon{width:32px;height:32px;color:#94a3b8}.empty-state-title{color:#64748b;font-weight:500;font-size:16px;margin:0}.empty-state-subtitle{font-size:14px;color:#94a3b8;margin:0}@media (min-width: 640px){.form-row{flex-direction:row;align-items:flex-end}.add-button{width:auto;min-width:180px}}@media (max-width: 768px){.add-employee-team-container{padding:16px}.page-title{font-size:24px}.info-card,.add-card,.list-card{padding:16px}.team-info-grid{grid-template-columns:1fr;gap:16px}.employee-table th,.employee-table td{padding:12px 16px}.card-header{flex-wrap:wrap}}@media (max-width: 480px){.employee-name-cell{flex-direction:column;align-items:flex-start;gap:8px}.contact-cell{flex-direction:column;align-items:flex-start;gap:4px}.page-title{font-size:20px}.page-title-icon{width:24px;height:24px}}.po-container{background:transparent;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:20px}.po-header{display:flex;justify-content:space-between;align-items:center}.po-title{font-size:1.4rem;color:#333;font-weight:600;margin-bottom:2px}.po-subtitle{font-size:.9rem;color:#666}.po-table-wrapper{margin-top:10px}.poactions-butttons{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;padding:-3}@media (max-width: 480px){.poactions-butttons{justify-content:flex-start;gap:6px}.poactions-butttons button{flex:none;width:38px;height:38px}}.poactions-butttons button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:none;cursor:pointer;font-size:18px;transition:all .3s ease-in-out}.poactions-butttons .btn-ghost{background:transparent;color:#093248}.poactions-butttons .btn-danger{background:transparent;color:#b91c1c}.poactions-butttons .btn:focus,.poactions-butttons .btn:active{outline:none;box-shadow:none;background:transparent;color:inherit}.st-store-page{background:#fff;padding:30px 50px;border-radius:10px;box-shadow:0 2px 8px #0000000d;max-width:1350px;margin:40px auto;font-family:Segoe UI,Arial,sans-serif}.st-form-title{font-size:1.6rem;font-weight:600;color:#1f1f1f;position:relative;display:inline-block;margin-bottom:1.5rem}.st-form-title:after{content:"";position:absolute;left:0;bottom:-6px;width:190px;height:4px;background-color:#a178f4;border-radius:2px}.st-form-subtitle{font-size:14px;color:#7c8a97;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eee}.st-store-form{display:flex;flex-direction:column;gap:20px}.st-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.st-form-group{display:flex;flex-direction:column;gap:8px}.st-form-group.full-width{grid-column:1 / -1}.st-form-group label{font-weight:500;color:#333;font-size:14px}.st-form-group input,.st-form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s;font-family:inherit}.st-form-group input:focus,.st-form-group textarea:focus{outline:none;border-color:#7b61ff;box-shadow:0 0 0 3px #7b61ff1a}.st-form-group textarea{min-height:100px;resize:vertical}.st-form-group .css-13cymwt-control,.st-form-group .css-t3ipsp-control{border-color:#d1d5db!important;border-radius:6px!important;min-height:42px!important;font-size:14px!important;transition:border-color .2s,box-shadow .2s!important}.st-form-group .css-13cymwt-control:hover,.st-form-group .css-t3ipsp-control:hover{border-color:#9ca3af!important}.st-form-group .css-hlgwow,.st-form-group .css-1dimb5e-singleValue{font-size:14px!important}.st-form-group .css-1u9des2-indicatorSeparator{display:none!important}.st-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px;padding-top:20px;border-top:1px solid #eee}.form-submit-btn{padding:10px 24px;background-color:#7b61ff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out}.form-submit-btn:hover{background-color:#674ee6}.form-submit-btn:active{transform:translateY(1px)}@media (max-width: 768px){.st-store-page{padding:20px;margin:20px}.st-form-row{grid-template-columns:1fr}}:root{--color-primary: #2563eb;--color-primary-light: #dbeafe;--color-primary-dark: #1e40af;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-text: #374151;--color-text-dark: #111827;--color-text-light: #6b7280;--color-bg: #ffffff;--color-bg-light: #f9fafb;--color-bg-lighter: #f3f4f6;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-shadow: 0 1px 3px rgba(0, 0, 0, .08);--color-shadow-md: 0 4px 12px rgba(0, 0, 0, .1)}.po-add-container{max-width:1400px;margin:0 auto;padding:32px 24px;background-color:var(--color-bg-light);min-height:100vh}.po-add-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.po-add-title{font-size:28px;font-weight:700;color:var(--color-text-dark);margin:0 0 8px;letter-spacing:-.5px}.po-add-title:after{content:"";display:block;width:250px;height:4px;margin-top:6px;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:2px}.po-add-subtitle{font-size:14px;color:var(--color-text-light);margin:0}.po-add-form{display:flex;flex-direction:column;gap:24px}.po-add-form-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:28px;box-shadow:var(--color-shadow)}.po-add-section-title{font-size:16px;font-weight:600;color:var(--color-text-dark);margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid var(--color-primary-light)}.po-add-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.po-add-field{display:flex;flex-direction:column;gap:8px}.po-add-label{font-size:13px;font-weight:600;color:var(--color-text-dark);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.po-add-required{color:var(--color-error);font-weight:700}.po-add-input{padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;color:var(--color-text);background:var(--color-bg);transition:all .2s ease;font-family:inherit}.po-add-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);background:var(--color-bg)}.po-add-input:hover{border-color:#d1d5db}.po-add-textarea{padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;color:var(--color-text);background:var(--color-bg);font-family:inherit;resize:vertical;transition:all .2s ease}.po-add-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.po-add-textarea:hover{border-color:#d1d5db}.po-add-full{grid-column:1 / -1}.po-add-select .react-select__control{border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);min-height:40px;box-shadow:none;cursor:pointer;transition:all .2s ease}.po-add-select .react-select__control:hover{border-color:#d1d5db}.po-add-select .react-select__control--is-focused{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.po-add-select .react-select__input{color:var(--color-text)}.po-add-select .react-select__placeholder{color:var(--color-text-light);font-size:14px}.po-add-select .react-select__single-value{color:var(--color-text);font-size:14px}.po-add-select .react-select__option{background:var(--color-bg);color:var(--color-text);padding:10px 12px;cursor:pointer;font-size:14px;transition:background .2s}.po-add-select .react-select__option:hover{background:var(--color-bg-lighter)}.po-add-select .react-select__option--is-selected{background:var(--color-primary-light);color:var(--color-primary-dark)}.po-add-select .react-select__menu{border:1px solid var(--color-border);border-radius:6px;box-shadow:var(--color-shadow-md)}.po-items-section{background:var(--color-bg);border-radius:8px;padding:28px;overflow:visible}.po-items-table{display:flex;flex-direction:column;gap:0;margin-bottom:16px;border:1px solid var(--color-border);border-radius:6px;overflow:visible}.po-items-header{display:grid;grid-template-columns:2fr 1.2fr .8fr 1fr .8fr .8fr .8fr 1fr .6fr;gap:12px;padding:12px 16px;background:#313170;border-bottom:2px solid var(--color-border);font-weight:700;font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:.5px;align-items:center}.po-items-row{display:grid;grid-template-columns:2fr 1.2fr .8fr 1fr .8fr .8fr .8fr 1fr .6fr;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border);align-items:center;background:var(--color-bg);transition:background .2s;position:relative;z-index:1}.po-items-row:hover{background:var(--color-bg-light)}.po-items-row:last-child{border-bottom:none}.po-col-item,.po-col-unit,.po-col-qty,.po-col-rate,.po-col-sgst,.po-col-cgst,.po-col-igst,.po-col-value,.po-col-action{display:flex;align-items:center;position:relative;z-index:auto}.po-col-item{min-width:200px}.po-col-unit{min-width:120px}.po-col-action{justify-content:center}.po-items-select .react-select__control{border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);min-height:36px;box-shadow:none;cursor:pointer;font-size:13px;width:100%}.po-items-select .react-select__control:hover{border-color:#d1d5db}.po-items-select .react-select__control--is-focused{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.po-items-select .react-select__value-container{padding:2px 8px}.po-items-select .react-select__single-value{color:var(--color-text);font-size:13px}.po-items-select .react-select__placeholder{color:var(--color-text-light);font-size:13px}.po-items-select .react-select__menu{border:1px solid var(--color-border);border-radius:6px;box-shadow:var(--color-shadow-md);z-index:999}.po-items-select .react-select__menu-list{max-height:200px}.po-items-select .react-select__option{background:var(--color-bg);color:var(--color-text);padding:8px 12px;cursor:pointer;font-size:13px;transition:background .2s}.po-items-select .react-select__option:hover{background:var(--color-bg-lighter)}.po-items-select .react-select__option--is-selected{background:var(--color-primary-light);color:var(--color-primary-dark)}.po-items-input{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:4px;font-size:13px;color:var(--color-text);background:var(--color-bg);text-align:right;font-family:Courier New,monospace;transition:all .2s ease}.po-items-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.po-items-input:hover{border-color:#d1d5db}.po-items-disabled{background:var(--color-bg-lighter);color:var(--color-text-dark);font-weight:600;cursor:not-allowed;border-color:var(--color-border)}.po-items-disabled:focus{box-shadow:none}.po-items-remove{background:transparent;border:none;color:var(--color-error);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.po-items-remove:hover{background:#ef44441a;color:var(--color-error);transform:scale(1.1)}.po-items-remove:active{transform:scale(.95)}.po-items-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;background:var(--color-bg-lighter);border-top:2px solid var(--color-border)}.po-items-summary-dual{grid-template-columns:repeat(3,1fr)}.summary-block{display:flex;flex-direction:column;gap:6px;padding:12px 16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;text-align:right}.summary-label{font-size:12px;font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:16px;font-weight:700;color:var(--color-text-dark);font-family:Courier New,monospace}.summary-total .summary-value{color:var(--color-primary)}.summary-grand-total{background:linear-gradient(135deg,#f1f3f5,#2563eb0d);border:2px solid #b9cbf2}.summary-grand-total .summary-value{color:var(--color-primary-dark);font-size:18px}.po-items-add{align-self:flex-start;padding:10px 20px;background:var(--color-bg-lighter);border:2px dashed var(--color-border);border-radius:6px;font-size:14px;font-weight:600;color:var(--color-primary);cursor:pointer;transition:all .2s;margin-top:8px}.po-items-add:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.po-items-add:active{transform:scale(.98)}.po-add-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.po-submit-btn{padding:12px 32px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #2563eb4d;letter-spacing:.3px}.po-submit-btn:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px #2563eb66;transform:translateY(-1px)}.po-submit-btn:active{transform:translateY(0);box-shadow:0 2px 4px #2563eb4d}.po-submit-btn:disabled{background:var(--color-text-light);cursor:not-allowed;box-shadow:none;transform:none}@media (max-width: 1200px){.po-items-header,.po-items-row{grid-template-columns:1.8fr 1fr .7fr .9fr .7fr .7fr .7fr .9fr .5fr;gap:8px}}@media (max-width: 1024px){.po-add-form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.po-items-header,.po-items-row{font-size:12px;gap:6px;padding:10px 12px}}@media (max-width: 768px){.po-add-container{padding:16px}.po-add-form-section,.po-items-section{padding:20px}.po-add-form-grid{grid-template-columns:1fr}.po-items-header{display:none}.po-items-row{display:flex;flex-direction:column;border-left:4px solid var(--color-primary-light);padding:16px;margin-bottom:12px;gap:12px}.po-col-item:before{content:"Item:"}.po-col-unit:before{content:"Unit:"}.po-col-qty:before{content:"Quantity:"}.po-col-rate:before{content:"Rate:"}.po-col-sgst:before{content:"SGST %:"}.po-col-cgst:before{content:"CGST %:"}.po-col-igst:before{content:"IGST %:"}.po-col-value:before{content:"Value:"}.po-col-action:before{content:"Action:"}.po-col-item:before,.po-col-unit:before,.po-col-qty:before,.po-col-rate:before,.po-col-sgst:before,.po-col-cgst:before,.po-col-igst:before,.po-col-value:before,.po-col-action:before{font-weight:600;color:var(--color-text-light);font-size:12px;display:block;margin-bottom:4px}.summary-block{padding:12px}.summary-value{font-size:14px}.po-items-summary-row{grid-template-columns:1fr;gap:12px}}@media (max-width: 480px){.po-add-title{font-size:24px}.po-add-input,.po-add-textarea,.po-items-input{font-size:16px}}.PWP-container{padding:20px;background-color:#f5f5f5;min-height:100vh}.PWP-filters-section{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.PWP-title{font-size:24px;font-weight:600;position:relative;margin-bottom:35px}.PWP-title:after{content:"";position:absolute;left:0;bottom:-6px;width:305px;height:4px;background:#7c3aed;border-radius:2px}.PWP-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:25px}.PWP-col{display:flex;flex-direction:column;gap:8px}.PWP-label{font-size:14px;font-weight:500;color:#444}.PWP-input{padding:10px 12px;border:1px solid #ccc;border-radius:5px;font-size:14px;transition:border-color .2s}.PWP-input:focus{outline:none;border-color:#667eea}.PWP-buttons{display:flex;gap:15px;justify-content:center}.PWP-btn{padding:10px 30px;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.PWP-btn-primary{background-color:#5b2e8c;color:#fff}.PWP-btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.PWP-btn-secondary{background-color:#f0f0f0;color:#333}.PWP-btn-secondary:hover{background-color:#e0e0e0}.PWP-report{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.PWP-report-header{text-align:center;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.PWP-company-name{font-size:24px;font-weight:700;color:#333;margin-bottom:8px;text-transform:uppercase}.PWP-office-address{font-size:12px;color:#666;margin-bottom:8px}.PWP-period-title{font-size:14px;font-weight:600;color:#667eea;margin-top:10px}.PWP-report-info{display:flex;justify-content:space-around;padding:15px;background-color:#f8f9fa;border-radius:5px;margin-bottom:20px}.PWP-report-info p{margin:0;font-size:14px;color:#444}.PWP-action-buttons{display:flex;gap:15px;margin-bottom:20px}.PWP-export-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#7b39a4;color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.PWP-back-btn{padding:10px 20px;background-color:#f0f0f0;color:#333;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.PWP-back-btn:hover{background-color:#e0e0e0}.PWP-table-section{margin-top:20px}.PWP-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid #e0e0e0}.PWP-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.PWP-table thead{background-color:#65336d;color:#fff;position:sticky;top:0;z-index:10}.PWP-table th{padding:12px;text-align:left;font-weight:600;font-size:13px;white-space:nowrap;border-right:1px solid rgba(255,255,255,.2)}.PWP-table th:last-child{border-right:none}.PWP-table th.PWP-number{text-align:right}.PWP-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s}.PWP-table tbody tr:hover{background-color:#f8f9fa}.PWP-table tbody tr:last-child{border-bottom:none}.PWP-table td{padding:12px;color:#333}.PWP-table tfoot{background-color:#f8f9fa;font-weight:700;border-top:2px solid #667eea}.PWP-table tfoot td{padding:15px 12px;font-size:14px}.PWP-total-row{background-color:#f8f9fa}.PWP-total-label{font-weight:700;color:#333}.PWP-total-cell{color:#667eea;font-weight:700}.PWP-number{text-align:right;font-family:Courier New,Courier,monospace}.PWP-no-data{text-align:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.PWP-no-data i{font-size:48px;color:#ccc;margin-bottom:15px}.PWP-no-data p{font-size:16px;color:#666}.PWP-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.PWP-export-modal{background:#fff;border-radius:12px;padding:0;width:90%;max-width:500px;box-shadow:0 10px 40px #0003}.PWP-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e0e0e0}.PWP-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#333}.PWP-modal-close{background:none;border:none;cursor:pointer;color:#666;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.PWP-modal-close:hover{background-color:#f0f0f0;color:#333}.PWP-modal-body{padding:25px}.PWP-modal-body>p{margin:0 0 20px;color:#666;font-size:14px}.PWP-export-option{width:100%;display:flex;align-items:center;gap:20px;padding:20px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s;margin-bottom:15px}.PWP-export-option:last-child{margin-bottom:0}.PWP-export-option:hover{border-color:#667eea;background-color:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.PWP-export-option svg{color:#667eea;flex-shrink:0}.PWP-export-option div{text-align:left}.PWP-export-option h4{margin:0 0 5px;font-size:16px;font-weight:600;color:#333}.PWP-export-option p{margin:0;font-size:13px;color:#666}.PWP-pdf:hover svg{color:#e74c3c}.PWP-excel:hover svg{color:#27ae60}@media (max-width: 768px){.PWP-container{padding:10px}.PWP-filters-section{padding:20px}.PWP-form{grid-template-columns:1fr}.PWP-report{padding:15px}.PWP-report-info{flex-direction:column;gap:10px}.PWP-action-buttons{flex-direction:column}.PWP-table-wrapper{overflow-x:scroll}.PWP-table{font-size:11px}.PWP-table th,.PWP-table td{padding:8px}}.PWP-select__control{border-radius:5px!important;border:1px solid #ccc!important;min-height:40px!important}.PWP-select__control:hover{border-color:#667eea!important}.PWP-select__control--is-focused{border-color:#667eea!important;box-shadow:0 0 0 1px #667eea!important}.PWP-select__menu{z-index:9999!important}.PWP-select__option--is-focused{background-color:#f0f0ff!important}.PWP-select__option--is-selected{background-color:#667eea!important}.vwpr-container{background:#f8f9fa;max-width:1380px;padding:10px;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.vwpr-header{margin-bottom:24px}.vwpr-title{font-size:28px;font-weight:700;color:#2c3e50;display:flex;align-items:center;gap:12px;margin:0}.vwpr-title i{color:#667eea}.vwpr-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.vwpr-card-body{padding:24px}.vwpr-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.vwpr-form-group{display:flex;flex-direction:column}.vwpr-label{font-size:14px;font-weight:600;color:#34495e;margin-bottom:8px}.vwpr-required{color:#e74c3c;margin-left:4px}.vwpr-input{width:100%;padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit}.vwpr-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.vwpr-btn-group{display:flex;gap:12px;flex-wrap:wrap}.vwpr-btn{padding:11px 24px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:inherit}.vwpr-btn:active{transform:translateY(0)}.vwpr-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.vwpr-btn-primary{background:#1976d2;color:#fff}.vwpr-table-container{overflow-x:auto;overflow-y:auto;max-height:600px;border-radius:8px}.vwpr-table{width:100%;border-collapse:collapse;min-width:1400px;background:#fff;table-layout:fixed}.vwpr-thead{background:linear-gradient(135deg,#667eea,#764ba2);position:sticky;top:0;z-index:10}.vwpr-th{padding:14px 12px;text-align:left;font-weight:600;font-size:13px;color:#fff;white-space:nowrap;border-right:1px solid rgba(255,255,255,.1)}.vwpr-th:last-child{border-right:none}.vwpr-th-right{text-align:right}.vwpr-tbody .vwpr-tr{border-bottom:1px solid #e9ecef}.vwpr-tbody .vwpr-tr:last-child{border-bottom:none}.vwpr-td{padding:8px;font-size:12px;color:#2c3e50;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:260px;line-height:1.5}.vwpr-td:hover{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-wrap:normal!important;word-break:normal!important}.vwpr-td[title]{cursor:default!important}.vwpr-td-center{text-align:center}.vwpr-td-right{text-align:right}.vwpr-td-number{font-family:Courier New,Courier,monospace;font-weight:500}.vwpr-td-total{background-color:#f8f9fa;font-weight:700;color:#667eea}.vwpr-tax-cell{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.vwpr-tax-rate{font-size:11px;color:#7f8c8d;font-weight:600}.vwpr-tax-amount{font-size:13px;color:#2c3e50;font-weight:500}.vwpr-tfoot{background:linear-gradient(135deg,#f8f9fa,#e9ecef);position:sticky;bottom:0;z-index:9}.vwpr-total-row{border-top:3px solid #667eea}.vwpr-td-total-label{font-size:14px;font-weight:700;color:#2c3e50;text-align:right;padding:14px 12px}.vwpr-no-data{background:#fff;border-radius:12px;padding:60px 20px;text-align:center;box-shadow:0 2px 8px #00000014}.vwpr-no-data i{font-size:64px;color:#bdc3c7;margin-bottom:16px}.vwpr-no-data p{font-size:16px;color:#7f8c8d;margin:0}@media print{.vwpr-container{background:#fff;padding:0}.vwpr-card{box-shadow:none;page-break-inside:avoid}.vwpr-btn-group,.vwpr-summary-grid{display:none}.vwpr-table-container{max-height:none;overflow:visible}.vwpr-thead{position:static}.vwpr-tr{page-break-inside:avoid}}@media screen and (max-width: 768px){.vwpr-container{padding:16px}.vwpr-title{font-size:22px}.vwpr-form,.vwpr-summary-grid{grid-template-columns:1fr}.vwpr-btn-group{flex-direction:column}.vwpr-btn{width:100%;justify-content:center}.vwpr-table-container{max-height:400px}}.vwpr-select__control{border:2px solid #e0e0e0!important;border-radius:8px!important;min-height:42px!important}.vwpr-select__control--is-focused{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.vwpr-select__menu{border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;z-index:100!important}.vwpr-select__option--is-focused{background-color:#667eea1a!important}.vwpr-select__option--is-selected{background-color:#667eea!important}.psw-container{max-width:1380px;margin:20px auto;padding:20px;background:#fff;border-radius:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.psw-title{font-size:1.8rem;font-weight:600;color:#487ab0;margin-bottom:20px;border-bottom:2px solid #5b2e8c;padding-bottom:8px}.psw-form{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;position:relative;z-index:1}.psw-col{flex:1 1 200px;display:flex;flex-direction:column;min-width:200px}.psw-label{margin-bottom:5px;font-weight:500;color:#333;font-size:14px}.psw-input{padding:8px 10px;border:1px solid #ccc;border-radius:5px;font-size:1rem;transition:all .2s}.psw-input:focus{outline:none;border-color:#5b2e8c;box-shadow:0 0 5px #5b2e8c4d}.psw-select__control{border-radius:5px;border:1px solid #ccc;min-height:40px}.psw-select__control--is-focused{border-color:#5b2e8c;box-shadow:0 0 5px #5b2e8c4d}.psw-select__menu{z-index:9999!important;position:fixed!important}.psw-select__menu-portal{z-index:9999!important}.psw-btn{padding:10px 20px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;margin-right:10px;transition:all .2s}.psw-btn-primary{background-color:#5b2e8c;color:#fff}.psw-btn-primary:hover{background-color:#6c3aad}.psw-btn-secondary{background-color:#f0f0f0;color:#333}.psw-btn-secondary:hover{background-color:#e0e0e0}.psw-table-container{margin-top:30px;overflow-x:auto;overflow-y:auto;max-height:500px;border:1px solid #e0e0e0;border-radius:8px;position:relative}.psw-table{width:100%;border-collapse:collapse;min-width:1400px;background:#fff}.psw-table thead{background:linear-gradient(135deg,#3e68a3,#5b2e8c);color:#fff;position:sticky;top:0;z-index:10}.psw-table th{padding:12px 15px;text-align:left;font-weight:600;font-size:13px;white-space:nowrap;background:linear-gradient(135deg,#7d3ca3,#774ea0);border:1px solid rgba(255,255,255,.1)}.psw-table td{padding:10px 15px;border:1px solid #e0e0e0;font-size:12px;color:#333;white-space:normal;word-wrap:break-word;line-height:1.5;max-width:200px}.psw-table td.psw-number{text-align:right;font-family:Courier New,monospace;white-space:nowrap}.psw-table td.psw-total{font-weight:600;color:#2c5aa0}.psw-table tr:nth-child(2n){background-color:#f9f9f9}.psw-table tbody tr:hover{background-color:#f5f5f5}@media (max-width: 768px){.psw-container{padding:15px}.psw-form{flex-direction:column}.psw-col{width:100%;min-width:unset}.psw-table th,.psw-table td{padding:8px;font-size:11px}.psw-table-container{max-height:400px}}.pb-add-container{max-width:1400px;margin:0 auto;padding:2rem;background:#f5f5f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.pb-add-section-card{background:#fff;border-radius:4px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e0e0e0}.pb-add-section-card h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:#333;border-bottom:2px solid #0066cc;padding-bottom:.5rem}.pb-project-form-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:1rem;align-items:start}.pb-project-form-row input,.pb-project-form-row .css-b62m3t-container{margin-bottom:0}.pb-project-form-row button{padding:.75rem 2rem;border:none;border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;background:#06c;color:#fff;white-space:nowrap;height:42px}.pb-project-form-row button:hover{background:#0052a3}.pb-billing-form-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.5fr auto;gap:1rem;align-items:start}.pb-billing-form-row input,.pb-billing-form-row .css-b62m3t-container{margin-bottom:0}.pb-billing-form-row button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;background:#06c;color:#fff;white-space:nowrap;height:42px}.pb-billing-form-row button:hover{background:#0052a3}.pb-add-section-card input[type=text],.pb-add-section-card input[type=number],.pb-add-section-card input:not([type=button]):not([type=submit]){width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #cccccc;border-radius:4px;font-size:.95rem;background:#fff;color:#333}.pb-add-section-card input:focus{outline:none;border-color:#06c}.pb-add-section-card input::placeholder{color:#999}.pb-add-section-card input[readonly]{background:#f5f5f5;cursor:not-allowed;color:#666}.pb-work-textarea{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #cccccc;border-radius:4px;font-size:.95rem;min-height:100px;resize:vertical;font-family:inherit;background:#fff;color:#333;line-height:1.5}.pb-work-textarea:focus{outline:none;border-color:#06c}.pb-work-textarea::placeholder{color:#999}.pb-add-section-card .css-b62m3t-container{margin-bottom:1rem}.pb-project-form-row .css-b62m3t-container,.pb-billing-form-row .css-b62m3t-container{margin-bottom:0}.pb-add-section-card .css-13cymwt-control,.pb-add-section-card .css-t3ipsp-control{border:1px solid #cccccc!important;border-radius:4px!important;min-height:42px!important;background:#fff!important;box-shadow:none!important}.pb-add-section-card .css-t3ipsp-control{border-color:#06c!important}.pb-add-section-card .css-1dimb5e-singleValue{color:#333!important}.pb-billing-table{width:100%;border-collapse:collapse;margin-top:1rem;border:1px solid #e0e0e0}.pb-billing-table thead{background:#f5f5f5}.pb-billing-table thead th{padding:.75rem;text-align:left;font-weight:600;font-size:.9rem;color:#fff;border-bottom:2px solid #cccccc}.pb-billing-table thead th:nth-child(2){width:500px;min-width:400px}.pb-billing-table tbody td:nth-child(2){width:500px;min-width:400px}.pb-billing-table thead th:last-child{width:180px;min-width:180px;text-align:right}.pb-billing-table tbody td:last-child{width:180px;min-width:180px}.pb-billing-table tbody tr{background:#fff;border-bottom:1px solid #e0e0e0}.pb-billing-table tbody td{padding:.75rem;color:#333;font-size:.9rem;vertical-align:top}.pb-billing-table tbody td:first-child{font-weight:600;color:#06c;text-align:center;width:50px}.pb-description-cell{width:400px;max-width:400px;min-width:400px;line-height:1.6;padding:.5rem 0;position:relative}.pb-description-text{white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.pb-description-text.collapsed{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pb-view-more-btn{background:transparent;border:none;color:#06c;font-size:.85rem;font-weight:500;cursor:pointer;padding:.25rem 0;margin-top:.25rem;display:inline-block}.pb-view-more-btn:hover{color:#0052a3}.pb-billing-table tbody td:nth-child(5),.pb-billing-table tbody td:nth-child(6),.pb-billing-table tbody td:nth-child(7){font-weight:500;text-align:right}.pb-billing-table tbody td:nth-child(7){color:green;font-weight:600}.pb-billing-table tbody td:last-child{text-align:right;white-space:nowrap}.pb-billing-table button{padding:.2rem .6rem;margin-left:.5rem;border:none;border-radius:3px;font-size:.75rem;font-weight:500;cursor:pointer}.pb-billing-table button:first-child{background:#ff9800;color:#fff}.pb-billing-table button:first-child:hover{background:#e68900}.pb-billing-table button:last-child{background:#d32f2f;color:#fff}.pb-billing-table button:last-child:hover{background:#b71c1c}@media (max-width: 1200px){.pb-project-form-row{grid-template-columns:1fr 1fr}.pb-project-form-row button{grid-column:1 / -1}.pb-billing-form-row{grid-template-columns:1fr 1fr 1fr}.pb-billing-form-row button{grid-column:1 / -1}}@media (max-width: 768px){.pb-add-container{padding:1rem}.pb-add-section-card{padding:1.5rem}.pb-add-section-card h2{font-size:1.25rem}.pb-project-form-row,.pb-billing-form-row{grid-template-columns:1fr}.pb-billing-table{display:block;overflow-x:auto}.pb-description-cell{max-width:200px}}.bill-add-container{max-width:1400px;margin:0 auto;padding:2rem 2rem 4rem;background:#f5f5f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.bill-add-section-card{background:#fff;border-radius:4px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e0e0e0}.bill-add-section-card h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:#333;border-bottom:2px solid #0066cc;padding-bottom:.5rem}.bill-project-form-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:1rem;align-items:start}.bill-project-form-row input,.bill-project-form-row .css-b62m3t-container{margin-bottom:0}.bill-project-form-row button{padding:.75rem 2rem;border:none;border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;background:#06c;color:#fff;white-space:nowrap;height:42px}.bill-project-form-row button:hover{background:#0052a3}.bill-billing-form-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.5fr auto;gap:1rem;align-items:start}.bill-billing-form-row input,.bill-billing-form-row .css-b62m3t-container{margin-bottom:0}.bill-billing-form-row button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;background:#06c;color:#fff;white-space:nowrap;height:42px}.bill-billing-form-row button:hover{background:#0052a3}.bill-add-section-card input[type=text],.bill-add-section-card input[type=number],.bill-add-section-card input:not([type=button]):not([type=submit]){width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid #cccccc;border-radius:4px;font-size:.95rem;background:#fff;color:#333}.bill-add-section-card input:focus{outline:none;border-color:#06c}.bill-add-section-card input::placeholder{color:#999}.bill-add-section-card input[readonly]{background:#f5f5f5;cursor:not-allowed;color:#666}.bill-work-textarea{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #cccccc;border-radius:4px;font-size:.95rem;min-height:100px;resize:vertical;font-family:inherit;background:#fff;color:#333;line-height:1.5}.bill-work-textarea:focus{outline:none;border-color:#06c}.bill-work-textarea::placeholder{color:#999}.bill-add-section-card .css-b62m3t-container{margin-bottom:1rem}.bill-project-form-row .css-b62m3t-container,.bill-billing-form-row .css-b62m3t-container{margin-bottom:0}.bill-add-section-card .css-13cymwt-control,.bill-add-section-card .css-t3ipsp-control{border:1px solid #cccccc!important;border-radius:4px!important;min-height:42px!important;background:#fff!important;box-shadow:none!important}.bill-add-section-card .css-t3ipsp-control{border-color:#06c!important}.bill-add-section-card .css-1dimb5e-singleValue{color:#333!important}.bill-billing-table{width:100%;border-collapse:collapse;margin-top:1rem;border:1px solid #e0e0e0}.bill-billing-table thead{background:#f5f5f5}.bill-billing-table thead th{padding:.75rem;text-align:left;font-weight:600;font-size:.9rem;color:#fff;border-bottom:2px solid #cccccc}.bill-billing-table thead th:nth-child(2){width:500px;min-width:400px}.bill-billing-table tbody td:nth-child(2){width:500px;min-width:400px}.bill-billing-table thead th:last-child{width:180px;min-width:180px;text-align:right}.bill-billing-table tbody td:last-child{width:180px;min-width:180px}.bill-billing-table tbody tr{background:#fff;border-bottom:1px solid #e0e0e0}.bill-billing-table tbody td{padding:.75rem;color:#333;font-size:.9rem;vertical-align:top}.bill-billing-table tbody td:first-child{font-weight:600;color:#06c;text-align:center;width:50px}.bill-description-cell{width:400px;max-width:400px;min-width:400px;line-height:1.6;padding:.5rem 0;position:relative}.bill-description-text{white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.bill-description-text.collapsed{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bill-view-more-btn{background:transparent;border:none;color:#06c;font-size:.85rem;font-weight:500;cursor:pointer;padding:.25rem 0;margin-top:.25rem;display:inline-block}.bill-view-more-btn:hover{color:#0052a3}.bill-billing-table tbody td:nth-child(5),.bill-billing-table tbody td:nth-child(6),.bill-billing-table tbody td:nth-child(7){font-weight:500;text-align:right}.bill-billing-table tbody td:nth-child(7){color:green;font-weight:600}.bill-billing-table tbody td:last-child{text-align:right;white-space:nowrap}.bill-billing-table button{padding:.2rem .6rem;margin-left:.5rem;border:none;border-radius:3px;font-size:.75rem;font-weight:500;cursor:pointer}.bill-billing-table button:first-child{background:#ff9800;color:#fff}.bill-billing-table button:first-child:hover{background:#e68900}.bill-billing-table button:last-child{background:#d32f2f;color:#fff}.bill-billing-table button:last-child:hover{background:#b71c1c}@media (max-width: 1200px){.bill-project-form-row{grid-template-columns:1fr 1fr}.bill-project-form-row button{grid-column:1 / -1}.bill-billing-form-row{grid-template-columns:1fr 1fr 1fr}.bill-billing-form-row button{grid-column:1 / -1}}@media (max-width: 768px){.bill-add-container{padding:1rem}.bill-add-section-card{padding:1.5rem}.bill-add-section-card h2{font-size:1.25rem}.bill-project-form-row,.bill-billing-form-row{grid-template-columns:1fr}.bill-billing-table{display:block;overflow-x:auto}.bill-description-cell{max-width:200px}}.po-info-wrapper{display:grid;grid-template-columns:3fr 2fr;border:1px solid #000;margin-bottom:0}.po-info-box{padding:8px 12px}.po-info-left{border-right:1px solid #000}.po-info-row{display:grid;grid-template-columns:150px 1fr;padding:4px 0;min-height:24px;align-items:start}.po-info-row .po-label{font-weight:600;color:#000;font-size:13px}.po-info-row .po-value{color:#333;font-size:13px}.po-project-row{display:grid;grid-template-columns:150px 1fr;padding:8px 12px;border-top:none;background:#fff}.po-project-row .po-label{font-weight:600;color:#000;font-size:13px}.po-project-row .po-value{color:#333;font-size:13px}.po-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;overflow-y:auto}.po-modal{background:#fff;width:1250px;max-width:1250px;border-radius:8px;box-shadow:0 10px 40px #0003;position:relative;max-height:95vh;overflow-y:auto}.po-header{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-radius:8px 8px 0 0}.po-logo-section{display:flex;flex-direction:column;gap:4px}.po-logo-box{display:flex;align-items:center;gap:8px}.po-logo-accent{width:4px;height:32px;background:#fff;border-radius:2px}.po-logo-box h1{font-size:32px;font-weight:800;color:#fff;margin:0;letter-spacing:-.5px;font-family:Arial Black,sans-serif}.po-tagline{color:#fffffff2;font-size:13px;margin:0;padding-left:12px;font-weight:500}.po-close-btn{background:#fff3;border:none;width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s}.po-close-btn:hover{background:#ffffff4d}.po-title{text-align:center;padding:20px 32px;border-bottom:2px solid #e5e7eb}.po-title h2{margin:0;font-size:24px;font-weight:700;color:#111827;letter-spacing:-.5px}.po-content{padding:32px}.po-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;border:1px solid #000;padding:0;margin-bottom:24px}.po-info-section{display:grid;grid-template-columns:140px 1fr;border-right:1px solid #000;padding:0}.po-info-section:last-child{border-right:none}.po-details-section{border-left:1px solid #000}.po-info-label{background:#f9fafb;padding:8px 12px;font-size:12px;font-weight:600;color:#374151;border-bottom:1px solid #000;border-right:1px solid #000;display:flex;align-items:center}.po-info-value{padding:8px 12px;font-size:12px;color:#1f2937;border-bottom:1px solid #000;display:flex;align-items:center;line-height:1.4}.po-info-section>div:last-child.po-info-label,.po-info-section>div:last-child.po-info-value{border-bottom:none}.po-table-container{margin-bottom:24px;overflow-x:auto}.po-table{width:100%;border-collapse:collapse;font-size:12px}.po-table thead th{background:#f9fafb;padding:10px 12px;text-align:center;font-weight:700;color:#111827;border:1px solid #000;font-size:12px}.po-table tbody td{padding:10px 12px;border:1px solid #000;color:#1f2937}.po-cell-center{text-align:center}.po-cell-left{text-align:left}.po-cell-right{text-align:right}.po-subtotal-row td{background:#f9fafb;font-weight:600}.po-total-row td{background:#f3f4f6;font-weight:700}.po-terms-section{margin-bottom:24px;border:1px solid #e5e7eb;padding:16px;border-radius:6px;background:#f9fafb}.po-terms-section h3{font-size:16px;font-weight:700;color:#111827;margin:0 0 12px}.po-terms-content{font-size:12px;line-height:1.6;color:#374151}.po-terms-content p{margin:0}.po-thankyou{font-size:12px;color:#374151;margin-bottom:24px}.po-thankyou p{margin:4px 0}.po-signature{margin:16px 0 8px;min-height:50px;display:flex;align-items:flex-end}.po-signature-text{font-style:italic;color:#6b7280}.po-auth-text{font-size:11px;color:#6b7280}.po-footer{background:#f9fafb;padding:24px 32px;border-radius:0 0 8px 8px;border-top:2px solid #dc2626}.po-footer-divider{height:2px;background:linear-gradient(to right,#dc2626,transparent);margin-bottom:16px}.po-footer-content{text-align:center;font-size:11px;color:#6b7280;line-height:1.6}.po-footer-content p{margin:4px 0}.po-actions{padding:20px 32px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e5e7eb;background:#fff}.po-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;border:none}.po-btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.po-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.po-btn-primary{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 2px 4px #dc262633}.po-btn-primary:hover{box-shadow:0 4px 8px #dc26264d;transform:translateY(-1px)}@media print{.po-overlay{position:static;background:#fff;padding:0}.po-modal{max-width:100%;box-shadow:none;max-height:none}.po-close-btn,.po-actions{display:none!important}}@media (max-width: 768px){.po-info-grid{grid-template-columns:1fr}.po-details-section{border-left:none;border-top:1px solid #000}.po-content{padding:16px}.po-actions{flex-direction:column}.po-btn{width:100%;justify-content:center}}.bl-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.bl-filters-card{background:#fff;padding:20px;border-radius:12px}.bl-form-textarea{width:100%;resize:vertical;min-height:90px}.bl-action-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.bl-filters-card{background:#fff;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 4px 6px -1px #0000001a}.bl-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.bl-form-group-full{grid-column:1 / -1}.bl-form-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px;display:block}.bl-form-textarea{width:100%;padding:16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:inherit;resize:vertical;transition:all .2s;line-height:1.5}.bl-terms-textarea{min-height:180px;font-family:SF Mono,Monaco,monospace}.bl-action-buttons{display:flex;gap:16px;justify-content:flex-end;padding-top:24px;border-top:1px solid #e5e7eb;margin-top:24px}.bl-btn{padding:14px 28px;border-radius:10px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;border:none;cursor:pointer;transition:all .2s;min-width:160px}.bl-btn:disabled{opacity:.5;cursor:not-allowed}.bl-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #1e40af66}.bl-btn-secondary{background:#f8fafc;color:#475569;border:2px solid #e2e8f0}.bl-btn-secondary:hover:not(:disabled){background:#e2e8f0}.bl-preview-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.bl-preview-modal{background:#fff;border-radius:16px;max-width:800px;max-height:90vh;width:100%;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.bl-preview-header{padding:24px 32px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.bl-preview-header h3{margin:0;font-size:20px;font-weight:700;color:#111827}.bl-close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;color:#6b7280}.bl-close-btn:hover{background:#f3f4f6;color:#111827}.bl-preview-content{padding:32px;max-height:60vh;overflow-y:auto}.bl-preview-header-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.bl-preview-status{background:#fef3c7;color:#92400e;padding:8px 16px;border-radius:20px;font-weight:600;font-size:13px}.bl-preview-items,.bl-preview-remarks,.bl-preview-terms{margin-bottom:24px}.bl-preview-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f3f4f6}.bl-preview-actions{padding:24px 32px;border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:flex-end}@media (max-width: 768px){.bl-form-row{grid-template-columns:1fr}.bl-action-buttons{flex-direction:column}.bl-preview-header,.bl-preview-content{padding:20px}}.bl-filters-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000000f}.bl-filters-grid{gap:24px}.bl-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.bl-form-group{display:flex;flex-direction:column}.bl-form-group.bl-form-full{grid-column:1 / -1}.bl-form-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.bl-form-input,.bl-form-select__control{padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .2s}.bl-form-input:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a}.bl-form-textarea{width:100%;padding:16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px;transition:all .2s}.bl-form-textarea:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a}.bl-terms-preview{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;padding:24px;margin:24px 0}.bl-terms-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.bl-terms-header span{font-size:16px;font-weight:600;color:#1e293b}.bl-terms-textarea{width:100%;padding:16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:SF Mono,Monaco,monospace;background:#fff;resize:vertical;min-height:120px}.bl-terms-textarea:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a}.bl-action-buttons{display:flex;gap:16px;justify-content:flex-end;padding-top:24px;border-top:1px solid #e5e7eb}.bl-btn{padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;border:none;cursor:pointer;transition:all .2s}.bl-btn-primary{background:linear-gradient(135deg,#1e40af,#1d4ed8);color:#fff}.bl-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1e40af66}.bl-btn-secondary{background:#f1f5f9;color:#475569;border:2px solid #e2e8f0}.bl-btn-secondary:hover{background:#e2e8f0}@media (max-width: 768px){.bl-form-row{grid-template-columns:1fr}.bl-action-buttons{flex-direction:column}}.bl-container{min-height:100vh;background-color:#f9fafb;padding:24px}.bl-wrapper{max-width:1400px;margin:0 auto}.bl-header{margin-bottom:32px;text-align:center}.bl-main-title{font-size:32px;font-weight:700;color:#111827;margin-bottom:8px;margin-top:0}.bl-main-subtitle{font-size:16px;color:#6b7280;margin:0}.bl-filters-card{background-color:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.bl-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.bl-filter-group{display:flex;flex-direction:column}.bl-filter-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.bl-filter-select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer;transition:border-color .2s}.bl-filter-select:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a}.bl-table-card{height:520px;display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden}.bl-table-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden}.bl-table-header{flex-shrink:0;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#fff;z-index:2}.bl-table-title{font-size:20px;font-weight:600;color:#111827;margin:0}.bl-table-count{font-size:14px;color:#6b7280}.bl-table-wrapper{overflow-x:auto}.bl-table{width:100%;border-collapse:collapse}.bl-thead{background-color:#f3f4f6}.bl-thead-row{border-bottom:2px solid #e5e7eb}.bl-th{padding:12px;font-size:14px;font-weight:600;color:#fff}.bl-th-checkbox{text-align:center;width:50px}.bl-th-left{text-align:left}.bl-th-right{text-align:right}.bl-tbody{background-color:#fff}.bl-table-row{transition:all .3s ease}.bl-row-hidden{opacity:0;transform:translateY(-10px)}.bl-row-visible{opacity:1;transform:translateY(0)}.bl-row-selected{background-color:#f0f9ff}.bl-td{padding:12px;border-bottom:1px solid #e5e7eb;font-size:14px;color:#374151}.bl-td-checkbox{text-align:center}.bl-td-description{text-align:left}.bl-td-number{text-align:right}.bl-td-amount{font-weight:500}.bl-td-gst{color:#059669}.bl-td-total{font-weight:600;color:#1e40af}.bl-checkbox{cursor:pointer;width:16px;height:16px}.bl-invoice-section{opacity:0;transform:translateY(20px);transition:all .5s ease;background-color:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 6px #0000001a;border:1px solid #e5e7eb}.bl-invoice-visible{opacity:1;transform:translateY(0)}.bl-invoice-header{border-bottom:3px solid #1e40af;padding-bottom:24px;margin-bottom:32px}.bl-invoice-header-content{display:flex;justify-content:space-between;align-items:start}.bl-invoice-title-block{flex:1}.bl-invoice-title{font-size:36px;font-weight:700;color:#1e40af;margin:0 0 8px}.bl-invoice-number{font-size:14px;color:#6b7280;margin:0}.bl-invoice-status-block{text-align:right}.bl-status-badge{background-color:#dbeafe;padding:8px 16px;border-radius:6px;display:inline-block;margin-bottom:8px}.bl-status-text{font-size:12px;font-weight:600;color:#1e40af}.bl-invoice-date{font-size:14px;color:#6b7280;margin:0}.bl-invoice-parties{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;margin-bottom:32px}.bl-party-block{flex:1}.bl-party-title{font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.bl-party-content{font-size:14px;color:#374151;line-height:1.6}.bl-party-name{font-weight:600;font-size:16px;margin:0 0 4px}.bl-party-line{margin:0 0 2px}.bl-detail-label{font-weight:600}.bl-selected-items{margin-bottom:32px}.bl-selected-title{font-size:14px;font-weight:700;color:#374151;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.bl-selected-list{background-color:#f9fafb;padding:16px;border-radius:8px}.bl-selected-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7eb;font-size:13px;gap:12px}.bl-selected-item:last-child{border-bottom:none}.bl-selected-desc{color:#374151;flex:1}.bl-selected-calc{color:#6b7280;font-weight:500}.bl-remove-btn{width:28px;height:28px;border-radius:50%;background:transparent;color:#ef4444;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;line-height:1;flex-shrink:0}.bl-remove-btn:hover{color:#fb8888;transform:scale(1.1)}.bl-remove-btn:active{transform:scale(.95)}.bl-financial-section{background-color:#f9fafb;padding:24px;border-radius:8px;margin-bottom:32px}.bl-financial-content{max-width:400px;margin-left:auto}.bl-financial-row{display:flex;justify-content:space-between;padding:12px 0;font-size:14px;color:#374151;border-top:1px solid #e5e7eb}.bl-financial-row:first-child{border-top:none}.bl-financial-label{font-weight:400}.bl-financial-value{font-weight:500}.bl-gst-value{color:#059669}.bl-grand-total-row{border-top:2px solid #1e40af;margin-top:8px;padding-top:16px;font-size:18px;font-weight:700;color:#1e40af}.bl-grand-total-label,.bl-grand-total-value{font-weight:700}.bl-amount-words{background-color:#dbeafe;padding:12px;border-radius:6px;margin-top:12px;text-align:center}.bl-amount-words-text{font-size:12px;color:#1e40af;font-weight:600;margin:0}.bl-payment-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px;padding:20px;background-color:#fffbeb;border-radius:8px;border:1px solid #fcd34d}.bl-payment-block{flex:1}.bl-payment-title{font-size:14px;font-weight:700;color:#92400e;margin:0 0 12px}.bl-payment-content{font-size:13px;color:#78350f;line-height:1.6}.bl-payment-line{margin:0 0 4px}.bl-notes-section{margin-bottom:32px}.bl-notes-title{font-size:14px;font-weight:700;color:#374151;margin:0 0 12px}.bl-notes-content{font-size:13px;color:#6b7280;line-height:1.6;padding:16px;background-color:#f9fafb;border-radius:6px;border-left:4px solid #1e40af}.bl-notes-line{margin:0 0 8px}.bl-notes-line:last-child{margin-bottom:0}.bl-actions-section{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:2px solid #e5e7eb}.bl-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid transparent}.bl-btn-primary{background-color:#1e40af;border-color:#1e40af;color:#fff}.bl-btn-primary:hover{background-color:#1e3a8a;border-color:#1e3a8a}.bl-btn-secondary{background-color:#fff;border-color:#1e40af;color:#1e40af}.bl-btn-secondary:hover{background-color:#f0f9ff}.bl-invoice-footer{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb;text-align:center}.bl-footer-text{font-size:12px;color:#9ca3af;margin:0}@media (max-width: 768px){.bl-container{padding:16px}.bl-main-title{font-size:24px}.bl-main-subtitle{font-size:14px}.bl-filters-grid{grid-template-columns:1fr}.bl-invoice-section{padding:24px}.bl-invoice-title{font-size:28px}.bl-invoice-header-content{flex-direction:column;gap:16px}.bl-invoice-status-block{text-align:left}.bl-invoice-parties{grid-template-columns:1fr}.bl-financial-content{max-width:100%}.bl-payment-section{grid-template-columns:1fr}.bl-actions-section{flex-direction:column}.bl-btn{width:100%}.bl-table-wrapper{overflow-x:scroll}.bl-table{min-width:800px}}@media print{.bl-container{background-color:#fff;padding:0}.bl-filters-card,.bl-table-card,.bl-actions-section{display:none}.bl-invoice-section{box-shadow:none;border:none;padding:20px}.bl-btn{display:none}}.edit-po-container{max-width:1200px;margin:24px auto;padding:24px 28px;background:#fff;border-radius:10px;box-shadow:0 4px 16px #00000014}.edit-po-title{font-size:22px;font-weight:600;margin-bottom:20px;color:#1f2937}.edit-po-subtitle{font-size:18px;font-weight:600;color:#111827;grid-column:1 / -1}.edit-po-form{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.edit-po-field{display:flex;flex-direction:column}.edit-po-full{grid-column:1 / -1}.edit-po-label{font-size:14px;font-weight:500;margin-bottom:6px;color:#374151}.edit-po-input,.edit-po-textarea{padding:10px 12px;border-radius:6px;border:1px solid #cbd5e1;font-size:14px;background:#fff}.edit-po-input:focus,.edit-po-textarea:focus{outline:none;border-color:#2563eb}.edit-po-textarea{min-height:90px;resize:vertical}.edit-po-select .css-13cymwt-control{border-radius:6px;border-color:#cbd5e1;min-height:40px}.edit-po-select .css-13cymwt-control:hover{border-color:#94a3b8}.edit-po-select .css-1dimb5e-singleValue{font-size:14px}.edit-po-divider{grid-column:1 / -1;height:1px;border:none;background:#e5e7eb;margin:10px 0}.edit-po-product-row{grid-column:1 / -1;display:grid;grid-template-columns:1.5fr 2fr 1fr 1fr auto;gap:12px;align-items:center;padding:12px;background:#f9fafb;border-radius:8px}.edit-po-add-btn{grid-column:1 / -1;width:fit-content;padding:8px 14px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.edit-po-add-btn:hover{background:#059669}.edit-po-remove-btn{border:none;color:#fff;padding:6px 8px;border-radius:6px;cursor:pointer}.edit-po-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;margin-top:10px}.edit-po-submit-btn{padding:10px 22px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer}.edit-po-submit-btn:hover{background:#1d4ed8}@media (max-width: 1024px){.edit-po-form{grid-template-columns:repeat(2,1fr)}.edit-po-product-row{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.edit-po-form{grid-template-columns:1fr}.edit-po-submit-btn{width:100%}}*{margin:0;padding:0;box-sizing:border-box}.purchase-order-container{max-width:280mm;margin:20px auto;padding:15mm;background:#fff;font-family:Arial,sans-serif;font-size:10px;line-height:1.3;color:#000;border:1px solid #ddd;box-shadow:0 0 10px #0000001a}.header{text-align:center;margin-bottom:15px}.logo-section{display:inline-block;text-align:center}.logo-bar{width:60px;height:6px;background:linear-gradient(to right,#e74c3c 0% 50%,#c0392b 50% 100%);margin:0 auto 4px}.company-name h1{font-size:28px;font-weight:700;margin:0;letter-spacing:.5px}.tagline{font-size:10px;margin:2px 0 0;color:#555}.document-title{text-align:center;margin:12px 0}.document-title h2{font-size:14px;font-weight:700;text-decoration:underline}.details-section{display:flex;justify-content:space-between;border:1px solid #000;margin-bottom:0}.supplier-details{flex:1;padding:6px 8px;border-right:1px solid #000}.po-details{width:220px;padding:6px 8px}.detail-row{display:flex;margin-bottom:3px;line-height:1.4;font-size:10px}.detail-row .label{font-weight:700;min-width:100px;flex-shrink:0}.detail-row .value{flex:1}.project-section{border:1px solid #000;border-top:none;padding:6px 8px;margin-bottom:10px}.project-section .detail-row{margin-bottom:0}.project-section .label{font-weight:700;min-width:50px}.purchase-order-container table{all:unset;display:table}.purchase-order-container .items-table{width:100%!important;max-width:100%!important;min-width:unset!important;table-layout:fixed!important;border-collapse:collapse!important;margin-bottom:10px!important;border:1px solid #000!important;background:#fff!important;box-shadow:none!important;border-radius:0!important;overflow:hidden!important}.purchase-order-container .items-table th,.purchase-order-container .items-table td{border:1px solid #000;padding:5px 6px;text-align:left;font-size:10px;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.purchase-order-container .items-table th{background-color:#e9e9e9;font-weight:700;text-align:center;color:#000;padding:6px}.purchase-order-container .items-table th:nth-child(1),.purchase-order-container .items-table td:nth-child(1){width:8%;text-align:center}.purchase-order-container .items-table th:nth-child(2),.purchase-order-container .items-table td:nth-child(2){width:40%}.purchase-order-container .items-table th:nth-child(3),.purchase-order-container .items-table td:nth-child(3){width:10%;text-align:center}.purchase-order-container .items-table th:nth-child(4),.purchase-order-container .items-table td:nth-child(4){width:10%;text-align:center}.purchase-order-container .items-table th:nth-child(5),.purchase-order-container .items-table td:nth-child(5){width:16%;text-align:right;padding-right:8px}.purchase-order-container .items-table th:nth-child(6),.purchase-order-container .items-table td:nth-child(6){width:16%;text-align:right;padding-right:8px}.purchase-order-container .items-table .description-cell{font-size:10px;line-height:1.3;word-break:break-word}.purchase-order-container .items-table td.center{text-align:center}.purchase-order-container .items-table td.right,.purchase-order-container .items-table .text-right{text-align:right!important;padding-right:8px}.purchase-order-container .items-table .subtotal-row td,.purchase-order-container .items-table .discount-row td,.purchase-order-container .items-table .taxable-row td,.purchase-order-container .items-table .gst-row td,.purchase-order-container .items-table .total-row td{border-top:1px solid #000;padding:4px 6px}.purchase-order-container .items-table .total-row{font-weight:700;background-color:#f5f5f5}.purchase-order-container .items-table .total-row td{font-weight:700}#purchase-order-table{width:100%!important;min-width:auto!important;max-width:100%!important;table-layout:fixed!important;border-collapse:collapse!important}.items-table{width:100%;border-collapse:collapse;margin-bottom:10px;border:1px solid #000}.items-table th,.items-table td{border:1px solid #000;padding:5px 6px;text-align:left;font-size:10px}.items-table th{background-color:#e9e9e9;font-weight:700;text-align:center;color:#000;padding:6px}.items-table td{vertical-align:top}.items-table .description-cell{font-size:10px;line-height:1.3}.items-table td.center{text-align:center}.items-table td.right,.items-table .text-right{text-align:right!important;padding-right:8px}.bold{font-weight:700}.subtotal-row td,.discount-row td,.taxable-row td,.gst-row td,.total-row td{border-top:1px solid #000;padding:4px 6px}.total-row{font-weight:700;background-color:#f5f5f5}.total-row td{font-weight:700}.amount-in-words{margin:8px 0 12px;padding:6px 8px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:3px}.amount-in-words p{font-size:10px;line-height:1.4;margin:0}.terms-section{margin-bottom:15px;border:1px solid #000;padding:8px 10px}.terms-section h3{font-size:12px;font-weight:700;text-align:center;margin-bottom:8px;text-decoration:underline}.terms-content p{margin-bottom:4px;font-weight:700;font-size:10px}.terms-list p{margin-bottom:5px;line-height:1.5;font-weight:400}.terms-content ol{margin-left:18px;margin-top:4px}.terms-content li{margin-bottom:5px;line-height:1.4;font-size:10px}.remarks-section{margin-top:10px;padding-top:8px;border-top:1px dashed #ccc}.remarks-section p{font-size:10px;margin-bottom:3px}.thank-you{margin:15px 0 5px}.thank-you p{margin-bottom:3px;font-size:10px}.signature-section{margin:25px 0;min-height:80px}.company-signature{font-weight:400;margin-bottom:50px;font-size:10px}.signature-placeholder{margin:20px 0;min-height:60px;position:relative}.signature-stamp{width:100px;height:60px;border:1px dashed #ccc;display:inline-block;position:relative}.authorized-text{margin-top:5px;font-size:10px}.footer{margin-top:20px;text-align:center}.footer-divider{width:100%;height:2px;background-color:#000;margin-bottom:10px}.footer-content h4{font-size:11px;font-weight:700;margin-bottom:3px}.footer-id{font-size:9px;margin-bottom:3px;font-weight:400}.footer-content p{font-size:8px;margin-bottom:2px;line-height:1.3}.footer-contact{margin-top:3px}.po-action-buttons{display:flex;gap:12px;justify-content:center;margin-top:20px;padding-top:20px;border-top:2px dashed #ccc}.po-btn-print,.po-btn-back{padding:10px 20px;border:none;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.po-btn-print{background-color:#10b981;color:#fff}.po-btn-print:hover{background-color:#059669}.po-btn-back{background-color:#6b7280;color:#fff}.po-btn-back:hover{background-color:#4b5563}.view-po-loading{text-align:center;padding:40px;font-size:16px;color:#666}@media print{.purchase-order-container{margin:0;padding:10mm;border:none;box-shadow:none;max-width:100%}.po-action-buttons{display:none!important}@page{size:A4;margin:0}.items-table,.terms-section{page-break-inside:avoid}}.lala-purchase-monthly-container{padding:8px;max-width:100%;margin:0 auto;height:100vh;display:flex;flex-direction:column;overflow:hidden}.lala-report-table td,.lala-report-table th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:none!important}.lala-report-table .lala-center,.lala-report-table .lala-number{white-space:nowrap!important}.lala-report-table td:nth-child(4){white-space:normal;word-wrap:break-word;max-width:500px}.lala-report-table tbody tr{transition:none!important}.lala-report-table tbody tr:hover{transform:none!important}.lala-report-table *{transition:none!important}.lala-purchase-filters-section{background:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:8px;flex-shrink:0}.lala-purchase-title{font-size:18px;font-weight:600;color:#333;margin-bottom:12px;text-align:center}.lala-purchase-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:12px}.lala-purchase-col{display:flex;flex-direction:column}.lala-purchase-label{font-weight:500;margin-bottom:4px;color:#555;font-size:12px}.lala-purchase-input{padding:6px 10px;border:1px solid #ccc;border-radius:5px;font-size:12px;transition:border-color .3s}.lala-purchase-input:focus{outline:none;border-color:#5b2e8c}.lala-purchase-buttons{display:flex;gap:10px;justify-content:center;margin-top:10px}.lala-purchase-btn{padding:8px 20px;border:none;border-radius:5px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s}.lala-purchase-btn-primary{background:#5b2e8c;color:#fff}.lala-purchase-btn-primary:hover{background:#4a2570}.lala-purchase-btn-primary:disabled{background:#ccc;cursor:not-allowed}.lala-purchase-btn-secondary{background:#f5f5f5;color:#333;border:1px solid #ddd}.lala-purchase-btn-secondary:hover{background:#e8e8e8}.lala-purchase-report{background:#fff;padding:12px 15px;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:100vh;display:flex;flex-direction:column;overflow:hidden}.lala-report-header{text-align:center;margin-bottom:8px;border-bottom:2px solid #333;padding-bottom:8px;flex-shrink:0}.lala-report-company-name{font-size:16px;font-weight:700;color:#000;margin:0 0 4px;text-transform:uppercase}.lala-report-office-address{font-size:10px;color:#555;margin:0 0 4px}.lala-report-period-title{font-size:12px;font-weight:600;color:#333;margin:0}.lala-report-info{display:flex;gap:20px;margin-bottom:8px;font-size:11px;flex-shrink:0}.lala-report-info p{margin:2px 0}.lala-action-buttons{display:flex;gap:10px;margin-bottom:8px;flex-shrink:0}.lala-export-btn{background:#764ba2;color:#fff;padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:11px;display:flex;align-items:center;gap:6px}.lala-back-btn{background:#6c757d;color:#fff;padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:11px;transition:all .3s}.lala-report-table-wrapper{flex:1;overflow:auto;border:1px solid #ddd;border-radius:6px;max-height:calc(100vh - 220px)}.lala-report-table{width:100%;border-collapse:collapse;font-size:10px;table-layout:auto}.lala-report-table thead{background:#fff;color:#000;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000001a}.lala-report-table th{padding:8px 6px;text-align:left;font-weight:600;border:1px solid #ddd;background:#fff;color:#000;white-space:nowrap;font-size:10px}.lala-report-table td{padding:6px;border:1px solid #ddd;font-size:10px;white-space:nowrap}.lala-report-table tbody tr:nth-child(2n){background:#f9f9f9}.lala-report-table .lala-center{text-align:center}.lala-report-table .lala-number{text-align:right;font-family:Courier New,monospace;font-weight:500}.lala-report-table tfoot{background:#f8f9fa;font-weight:600;border-top:2px solid #5b2e8c;position:sticky;bottom:0;z-index:100}.lala-total-row td{font-weight:700;padding:8px 6px;background:#f8f9fa}.lala-total-row td:first-child{text-align:right}.lala-report-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.lala-report-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.lala-report-table-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.lala-report-table-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.lala-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:10000;padding:20px}.lala-export-modal{background:#fff;border-radius:16px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;overflow:hidden}.lala-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.lala-modal-header h3{margin:0;font-size:20px;font-weight:600}.lala-modal-close{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s}.lala-modal-close:hover{background:#fff3}.lala-modal-body{padding:24px}.lala-modal-body>p{font-size:14px;color:#666;margin-bottom:20px}.lala-export-option{width:100%;display:flex;align-items:center;gap:20px;padding:20px;margin-bottom:15px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s;text-align:left}.lala-export-option:hover{border-color:#667eea;box-shadow:0 4px 20px #667eea26;transform:translateY(-2px)}.lala-export-option.lala-pdf{color:#e74c3c}.lala-export-option.lala-excel{color:#27ae60}.lala-export-option h4{margin:0 0 5px;font-size:16px;font-weight:600;color:#333}.lala-export-option p{margin:0;font-size:13px;color:#999}@media (min-width: 1400px){.lala-report-table{font-size:11px}.lala-report-table th,.lala-report-table td{padding:8px}.lala-report-header{margin-bottom:12px;padding-bottom:10px}}@media (max-width: 1400px){.lala-report-table-wrapper{max-height:calc(100vh - 240px)}}@media (max-width: 1200px){.lala-report-table{font-size:9px}.lala-report-table th,.lala-report-table td{padding:5px 4px}.lala-report-table-wrapper{max-height:calc(100vh - 250px)}}@media (max-width: 1024px){.lala-purchase-form{grid-template-columns:repeat(2,1fr)}.lala-report-table{font-size:8px}.lala-report-table th,.lala-report-table td{padding:4px 3px}}@media (max-width: 768px){.lala-purchase-form{grid-template-columns:1fr}.lala-report-info{flex-direction:column;gap:5px}.lala-report-table{font-size:8px}.lala-report-table th,.lala-report-table td{padding:4px 3px}.lala-export-modal{max-width:90%}.lala-export-option{flex-direction:column;text-align:center;gap:12px}.lala-action-buttons{flex-direction:column}.lala-export-btn,.lala-back-btn{width:100%;justify-content:center}.lala-report-table-wrapper{max-height:calc(100vh - 280px)}}@media print{.lala-purchase-monthly-container{height:auto}.lala-action-buttons{display:none}.lala-report-table-wrapper{max-height:none;overflow:visible}.lala-report-table{font-size:8px}}.stock-monthly-container{padding:20px;max-width:1400px;margin:0 auto}.combined-table-section{margin-top:20px}.combined-monthly-table .month-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;text-align:center;font-weight:600;white-space:nowrap;padding:12px 10px;min-width:100px}.combined-monthly-table tbody td{white-space:nowrap}.combined-monthly-table .number{font-weight:500;color:#333}.combined-monthly-table tfoot .number{background:#f0f0f0;font-weight:700;color:#5b2e8c}.report-table-wrapper{overflow-x:auto;max-width:100%;border:1px solid #ddd;border-radius:8px}.combined-monthly-table{min-width:100%;width:max-content}.stock-monthly-filters-section{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.stock-monthly-title{font-size:24px;font-weight:600;color:#333;margin-bottom:25px;text-align:center}.stock-monthly-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.stock-monthly-label{font-weight:500;margin-bottom:8px;color:#555;font-size:14px}.stock-monthly-input{padding:10px 12px;border:1px solid #ccc;border-radius:5px;font-size:14px;transition:border-color .3s}.stock-monthly-input:focus{outline:none;border-color:#5b2e8c}.stock-monthly-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.stock-monthly-btn{padding:12px 30px;border:none;border-radius:5px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s}.stock-monthly-btn-primary{background:#5b2e8c;color:#fff}.stock-monthly-btn-primary:hover{background:#4a2570}.stock-monthly-btn-primary:disabled{background:#ccc;cursor:not-allowed}.stock-monthly-btn-secondary{background:#f5f5f5;color:#333;border:1px solid #ddd}.stock-monthly-btn-secondary:hover{background:#e8e8e8}.stock-monthly-report{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.report-header{text-align:center;margin-bottom:20px;border-bottom:2px solid #333;padding-bottom:15px}.report-company-name{font-size:22px;font-weight:700;color:#000;margin:0 0 8px;text-transform:uppercase}.report-office-address{font-size:13px;color:#555;margin:0 0 8px}.report-period-title{font-size:15px;font-weight:600;color:#333;margin:0}.report-info{display:flex;gap:30px;margin-bottom:20px;font-size:14px}.report-info p{margin:5px 0}.action-buttons{display:flex;gap:15px;margin-bottom:20px}.export-btn{background:#9a4ead;color:#fff;padding:6px 12px;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:10px;display:flex;align-items:center;gap:8px;transition:all .3s}.back-btn{background:#6c757d;color:#fff;padding:6px 12px;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:12px;transition:all .3s}.month-section{margin-bottom:40px}.month-title{font-size:18px;font-weight:600;color:#333;margin-bottom:15px;padding:10px;background:#f8f9fa;border-left:4px solid #5b2e8c}.report-table-wrapper{overflow-x:auto;border:1px solid #ddd}.report-table{width:100%;border-collapse:collapse;font-size:13px}.report-table thead{background:#5b2e8c;color:#fff}.report-table th{padding:12px 8px;text-align:left;font-weight:600;border:1px solid #1b1515;background:#fff;color:#000;white-space:nowrap}.report-table td{padding:10px 8px;border:1px solid #ddd}.report-table tbody tr:nth-child(2n){background:#f9f9f9}.report-table tbody tr:hover{background:#f1f1f1}.report-table .center{text-align:center}.report-table .number{text-align:right;font-family:Courier New,monospace;font-weight:500}.report-table tfoot{background:#f8f9fa;font-weight:600;border-top:2px solid #5b2e8c}.total-row td{font-weight:700;padding:12px 8px}.total-row td:first-child{text-align:right}.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:10000;padding:20px}.export-modal{background:#fff;border-radius:16px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-header h3{margin:0;font-size:20px;font-weight:600}.modal-close{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s}.modal-close:hover{background:#fff3}.modal-body{padding:24px}.modal-body>p{font-size:14px;color:#666;margin-bottom:20px}.export-option{width:100%;display:flex;align-items:center;gap:20px;padding:20px;margin-bottom:15px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s;text-align:left}.export-option:hover{border-color:#667eea;box-shadow:0 4px 20px #667eea26;transform:translateY(-2px)}.export-option.pdf{color:#e74c3c}.export-option.excel{color:#27ae60}.export-option h4{margin:0 0 5px;font-size:16px;font-weight:600;color:#333}.export-option p{margin:0;font-size:13px;color:#999}@media (max-width: 1024px){.report-table-wrapper{overflow-x:auto}.report-table{min-width:800px}}@media (max-width: 768px){.stock-monthly-form{grid-template-columns:1fr}.report-info{flex-direction:column;gap:10px}.report-table{font-size:11px}.report-table th,.report-table td{padding:6px 4px}.export-modal{max-width:90%}.export-option{flex-direction:column;text-align:center;gap:12px}.action-buttons{flex-direction:column}.export-btn,.back-btn{width:100%;justify-content:center}}.stock-monthly-container{padding:10px;background-color:#f5f5f5;max-width:1380px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.stock-monthly-filters-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:15px}.stock-monthly-title{font-size:20px;font-weight:600;color:#333;margin-bottom:20px;border-bottom:3px solid #5b2e8c;padding-bottom:8px}.stock-monthly-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-bottom:20px}.stock-monthly-col{display:flex;flex-direction:column}.stock-monthly-label{font-size:13px;font-weight:500;color:#555;margin-bottom:6px}.stock-monthly-input{padding:8px 10px;border:1px solid #ccc;border-radius:5px;font-size:13px;transition:border-color .3s}.stock-monthly-input:focus{outline:none;border-color:#5b2e8c;box-shadow:0 0 0 2px #5b2e8c1a}.stock-monthly-buttons{display:flex;gap:12px;justify-content:flex-start}.stock-monthly-btn{padding:10px 24px;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.stock-monthly-btn-primary{background-color:#5b2e8c;color:#fff}.stock-monthly-btn-primary:hover{background-color:#4a2570;transform:translateY(-2px);box-shadow:0 4px 12px #5b2e8c4d}.stock-monthly-btn-primary:disabled{background-color:#999;cursor:not-allowed;transform:none}.stock-monthly-btn-secondary{background-color:#f0f0f0;color:#333;border:1px solid #ddd}.stock-monthly-btn-secondary:hover{background-color:#e0e0e0;border-color:#ccc}.stock-monthly-report{background:#fff;padding:15px;border-radius:8px}.report-header{text-align:center;padding-bottom:12px;border-bottom:2px solid #e0e0e0;margin-bottom:12px}.report-company-name{font-size:18px;font-weight:700;color:#333;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.report-office-address{font-size:11px;color:#666;margin:4px 0}.report-period-title{font-size:14px;font-weight:600;color:#5b2e8c;margin:8px 0 0}.report-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;background-color:#f9f9f9;padding:12px 16px;border-radius:6px;margin-bottom:15px}.report-info p{margin:0;font-size:12px;color:#333;line-height:1.4}.report-info strong{color:#5b2e8c;font-weight:600}.action-buttons{display:flex;gap:12px;margin-bottom:15px;flex-wrap:wrap}.export-btn,.back-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.export-btn{background-color:#5b2e8c;color:#fff}.export-btn:hover{background-color:#4a2570;box-shadow:0 4px 12px #5b2e8c4d}.back-btn{background-color:#f0f0f0;color:#333;border:1px solid #ddd}.back-btn:hover{background-color:#e0e0e0}.vertical-table-section{overflow-x:auto;margin-top:15px}.table-wrapper{min-width:100%;overflow-x:auto;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 4px #0000000d}.report-table{width:100%;border-collapse:collapse;font-size:11px;background:#fff;table-layout:auto}.report-table thead{background-color:#5b2e8c;color:#fff;position:sticky;top:0;z-index:10}.report-table thead th{padding:10px 8px;text-align:center;font-weight:600;font-size:11px;border:1px solid #4a2570;white-space:nowrap;vertical-align:middle;line-height:1.3}.report-table tbody td{padding:6px 8px;border:1px solid #e0e0e0;vertical-align:top;font-size:11px;color:#333;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.report-table .center{text-align:center;vertical-align:middle}.report-table .number{text-align:right;font-weight:500;vertical-align:middle}.report-table .text-wrap{text-align:left;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;min-width:80px;max-width:none}.report-table tbody td:nth-child(1){text-align:center;min-width:40px;width:45px}.report-table tbody td:nth-child(2){min-width:80px;width:90px}.report-table tbody td:nth-child(3){min-width:175px;width:80px;text-align:center}.report-table tbody td:nth-child(4){min-width:120px;width:auto;max-width:180px}.report-table tbody td:nth-child(5){min-width:140px;width:auto;max-width:200px}.report-table tbody td:nth-child(6){min-width:150px;width:auto;max-width:220px}.report-table tbody td:nth-child(7){min-width:150px;width:auto;max-width:220px}.report-table tbody td:nth-child(8){min-width:90px;width:auto;max-width:140px}.report-table tbody td:nth-child(9){min-width:75px;width:85px;text-align:center}.report-table tbody td:nth-child(10){min-width:50px;width:60px;text-align:center}.report-table tbody td:nth-child(11){min-width:60px;width:70px;text-align:right}.report-table tbody tr{background-color:#fff;transition:background-color .2s ease}.report-table tbody tr:hover{background-color:#f9f9f9}.report-table tbody tr.grouped-row td{border-top:1px dashed #d0d0d0}.report-table tbody tr:not(.grouped-row) td{border-top:2px solid #b0b0b0}.report-table tbody tr:first-child td{border-top:1px solid #e0e0e0}.report-table tbody .progress-column{background-color:#f5f0fa;font-weight:500;color:#5b2e8c}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.export-modal{background:#fff;border-radius:12px;padding:25px;max-width:500px;width:90%;box-shadow:0 10px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:12px;border-bottom:2px solid #e0e0e0}.modal-header h3{margin:0;font-size:18px;color:#333}.modal-close{background:none;border:none;cursor:pointer;color:#666;transition:color .3s;padding:5px}.modal-close:hover{color:#5b2e8c}.modal-body{padding:8px 0}.modal-body>p{margin-bottom:15px;color:#666;font-size:13px}.export-option{width:100%;display:flex;align-items:center;gap:15px;padding:15px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;margin-bottom:12px}.export-option:hover{border-color:#5b2e8c;background-color:#f9f9f9;transform:translate(5px)}.export-option.pdf svg{color:#d32f2f}.export-option.excel svg{color:#217346}.export-option div{text-align:left}.export-option h4{margin:0 0 4px;font-size:15px;color:#333}.export-option p{margin:0;font-size:12px;color:#666}@media screen and (max-width: 768px){.stock-monthly-form{grid-template-columns:1fr}.stock-monthly-buttons{flex-direction:column}.stock-monthly-btn{width:100%}.action-buttons{flex-direction:column}.export-btn,.back-btn{width:100%;justify-content:center}.report-info{grid-template-columns:1fr}.report-table{font-size:10px}.report-table thead th,.report-table tbody td{padding:6px 5px}.export-modal{width:95%;padding:18px}.export-option{padding:12px}}@media screen and (max-width: 480px){.stock-monthly-container{padding:8px}.stock-monthly-filters-section,.stock-monthly-report{padding:12px}.stock-monthly-title{font-size:18px}.report-company-name{font-size:16px}.report-table{font-size:9px}}@media print{.stock-monthly-filters-section,.action-buttons{display:none}.stock-monthly-report{box-shadow:none;padding:0}.report-table{page-break-inside:auto;font-size:9px}.report-table tr{page-break-inside:avoid;page-break-after:auto}.report-table thead{display:table-header-group}.report-table tbody td{padding:5px 6px}}.bv-container{padding:24px;background:#f9fafb}.bv-title{font-size:22px;font-weight:600;margin-bottom:16px}.bv-table-wrapper{background:#fff;border-radius:8px;overflow-x:auto;box-shadow:0 2px 8px #0000000d}.bv-table{width:100%;border-collapse:collapse}.bv-table th,.bv-table td{padding:12px 14px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:14px}.bv-table th{background:#153677;font-weight:600}.bv-status{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.bv-status.pending{background:#fef3c7;color:#92400e}.bv-status.completed{background:#d1fae5;color:#065f46}.bv-loading,.bv-error{padding:20px;text-align:center;font-size:16px}.bv-error{color:#b91c1c}.dwa-container{padding:20px;max-width:1400px;margin:0 auto}.dwa-filters-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.dwa-title{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:30px;text-align:center}.dwa-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.dwa-col{display:flex;flex-direction:column;gap:8px}.dwa-label{font-weight:600;color:#374151;font-size:14px}.dwa-input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s}.dwa-input:focus{outline:none;border-color:#5b2e8c;box-shadow:0 0 0 3px #5b2e8c1a}.dwa-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.dwa-btn{padding:12px 32px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;min-width:120px}.dwa-btn-primary{background:linear-gradient(135deg,#5b2e8c,#7c3aed);color:#fff}.dwa-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #5b2e8c66}.dwa-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.dwa-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.dwa-btn-secondary:hover{background:#e5e7eb;transform:translateY(-2px)}.dwa-report{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.dwa-report-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f3f4f6}.dwa-company-name{font-size:28px;font-weight:800;color:#1f2937;margin-bottom:8px}.dwa-office-address{font-size:14px;color:#6b7280;margin-bottom:12px;line-height:1.5}.dwa-period-title{font-size:18px;font-weight:700;color:#5b2e8c;margin:0}.dwa-report-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:30px;padding:20px;background:#f8fafc;border-radius:8px;border-left:4px solid #5b2e8c}.dwa-report-info p{margin:0;font-size:15px}.dwa-report-info strong{color:#1f2937}.dwa-action-buttons{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap}.dwa-export-btn,.dwa-back-btn{padding:14px 28px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;gap:8px;transition:all .2s}.dwa-export-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.dwa-export-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.dwa-back-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.dwa-back-btn:hover{background:#e5e7eb;transform:translateY(-2px)}.dwa-table-section{overflow-x:auto}.dwa-report-table-wrapper{width:100%}.dwa-report-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;min-width:800px}.dwa-report-table th{background:#5b2e8c;color:#fff;padding:16px 12px;font-weight:700;font-size:14px;text-align:left;white-space:nowrap}.dwa-report-table td{padding:14px 12px;border-bottom:1px solid #f3f4f6;font-size:14px}.dwa-report-table tr:hover{background:#f8fafc}.dwa-center{text-align:center!important}.dwa-report-table tbody tr:last-child td{border-bottom:none}.dwa-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dwa-export-modal{background:#fff;border-radius:16px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px #00000040}.dwa-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #f3f4f6;background:#fafbfc}.dwa-modal-header h3{margin:0;font-size:20px;font-weight:700;color:#1f2937}.dwa-modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s}.dwa-modal-close:hover{background:#f3f4f6;color:#374151}.dwa-modal-body{padding:32px}.dwa-modal-body p{text-align:center;color:#6b7280;margin-bottom:32px;font-size:16px}.dwa-export-option{width:100%;padding:24px;border:2px solid #f3f4f6;border-radius:12px;display:flex;align-items:center;gap:20px;cursor:pointer;transition:all .2s;margin-bottom:16px}.dwa-export-option:hover{border-color:#5b2e8c;transform:translateY(-2px);box-shadow:0 8px 25px #5b2e8c26}.dwa-export-option:last-child{margin-bottom:0}.dwa-pdf{border-color:#dc2626}.dwa-pdf:hover{border-color:#dc2626;box-shadow:0 8px 25px #dc262633}.dwa-excel{border-color:#059669}.dwa-excel:hover{border-color:#059669;box-shadow:0 8px 25px #05966933}.dwa-export-option h4{margin:0 0 4px;font-size:16px;font-weight:700;color:#1f2937}.dwa-export-option p{margin:0;color:#6b7280;font-size:14px}@media (max-width: 768px){.dwa-container{padding:15px}.dwa-form{grid-template-columns:1fr}.dwa-buttons,.dwa-action-buttons{flex-direction:column}.dwa-btn,.dwa-export-btn,.dwa-back-btn{width:100%;justify-content:center}}.ela-container{display:flex;justify-content:center;width:100%;padding:14px 10px;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8fafc}.ela-card{width:100%;max-height:900px;max-width:1200px;background:#fff;border-radius:16px;box-shadow:0 6px 20px #0000000d;padding:32px;transition:box-shadow .3s ease}.ela-card:hover{box-shadow:0 8px 24px #00000014}.ela-header h2{margin:0 0 8px;color:#2d3748;font-size:24px;font-weight:600}.ela-header p{margin:0;color:#718096;font-size:14px}.ela-form{margin-top:24px}.ela-form-group{margin-bottom:20px}.ela-form-group label{display:block;margin-bottom:8px;font-weight:600;color:#4a5568;font-size:14px}.ela-form-group input,.ela-form-group textarea{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:15px;background-color:#fff;transition:border-color .2s,box-shadow .2s;outline:none}.ela-form-group input:focus,.ela-form-group textarea:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e126}.ela-form-row{display:flex;gap:16px}.ela-form-row .ela-form-group{flex:1}.ela-form-actions{display:flex;gap:12px;margin-top:24px}.ela-btn{padding:12px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1}.ela-btn-primary{background-color:#3182ce;color:#fff}.ela-btn-primary:hover:not(:disabled){background-color:#2c5aa0}.ela-btn-secondary{background-color:#edf2f7;color:#4a5568}.ela-btn-secondary:hover:not(:disabled){background-color:#e2e8f0}.ela-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 600px){.ela-form-row{flex-direction:column;gap:20px}.ela-card{padding:24px 16px}.ela-form-actions{flex-direction:column}}.delr-container{padding:10px;background-color:#f5f5f5;max-width:1380px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.delr-filters-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:15px}.delr-title{font-size:20px;font-weight:600;color:#333;margin-bottom:20px;border-bottom:3px solid #5b2e8c;padding-bottom:8px}.delr-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-bottom:20px}.delr-col{display:flex;flex-direction:column}.delr-label{font-size:13px;font-weight:500;color:#555;margin-bottom:6px}.delr-input{padding:8px 10px;border:1px solid #ccc;border-radius:5px;font-size:13px;transition:border-color .3s}.delr-input:focus{outline:none;border-color:#5b2e8c;box-shadow:0 0 0 2px #5b2e8c1a}.delr-buttons{display:flex;gap:12px;justify-content:flex-start}.delr-btn{padding:10px 24px;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.delr-btn-primary{background-color:#5b2e8c;color:#fff}.delr-btn-primary:hover:not(:disabled){background-color:#4a2570;transform:translateY(-2px);box-shadow:0 4px 12px #5b2e8c4d}.delr-btn-primary:disabled{background-color:#999;cursor:not-allowed;transform:none}.delr-btn-secondary{background-color:#f0f0f0;color:#333;border:1px solid #ddd}.delr-btn-secondary:hover{background-color:#e0e0e0;border-color:#ccc}.delr-report{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.delr-report-header{text-align:center;padding-bottom:12px;border-bottom:2px solid #e0e0e0;margin-bottom:12px}.delr-company-name{font-size:18px;font-weight:700;color:#333;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.delr-office-address{font-size:11px;color:#666;margin:4px 0}.delr-period-title{font-size:14px;font-weight:600;color:#5b2e8c;margin:8px 0 0}.delr-report-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;background-color:#f9f9f9;padding:12px 16px;border-radius:6px;margin-bottom:15px}.delr-report-info p{margin:0;font-size:12px;color:#333;line-height:1.4}.delr-report-info strong{color:#5b2e8c;font-weight:600}.delr-action-buttons{display:flex;gap:12px;margin-bottom:15px;flex-wrap:wrap}.delr-export-btn,.delr-back-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.delr-export-btn{background-color:#5b2e8c;color:#fff}.delr-export-btn:hover{background-color:#4a2570;box-shadow:0 4px 12px #5b2e8c4d;transform:translateY(-2px)}.delr-back-btn{background-color:#f0f0f0;color:#333;border:1px solid #ddd}.delr-back-btn:hover{background-color:#e0e0e0;border-color:#ccc}.delr-table-section{overflow-x:auto;margin-top:15px}.delr-table-wrapper{min-width:100%;overflow-x:auto;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 4px #0000000d}.delr-report-table{width:100%;border-collapse:collapse;font-size:11px;background:#fff;table-layout:auto;min-width:1200px}.delr-report-table thead{background-color:#5b2e8c;color:#fff;position:sticky;top:0;z-index:10}.delr-report-table thead th{padding:10px 8px;text-align:center;font-weight:600;font-size:11px;border:1px solid #4a2570;white-space:nowrap}.delr-report-table tbody td{padding:6px 8px;border:1px solid #e0e0e0;vertical-align:top;font-size:11px;color:#333}.delr-center{text-align:center;vertical-align:middle}.delr-number{text-align:right;font-weight:500;vertical-align:middle}.delr-text-wrap{text-align:left;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.delr-report-table thead th:nth-child(1),.delr-report-table tbody td:nth-child(1){width:50px;min-width:50px}.delr-report-table thead th:nth-child(2),.delr-report-table tbody td:nth-child(2){width:160px;min-width:160px}.delr-report-table thead th:nth-child(3),.delr-report-table tbody td:nth-child(3){width:150px;min-width:150px}.delr-report-table thead th:nth-child(4),.delr-report-table tbody td:nth-child(4){width:180px;min-width:180px;word-break:break-all}.delr-report-table thead th:nth-child(5),.delr-report-table tbody td:nth-child(5){width:120px;min-width:120px}.delr-report-table thead th:nth-child(6),.delr-report-table tbody td:nth-child(6){width:120px;min-width:120px}.delr-report-table thead th:nth-child(7),.delr-report-table tbody td:nth-child(7){width:100px;min-width:100px}.delr-report-table thead th:nth-child(8),.delr-report-table tbody td:nth-child(8){width:80px;min-width:80px}.delr-report-table tbody tr:hover{background-color:#f5f5f5;transition:background-color .2s ease}.delr-report-table tbody tr:nth-child(2n){background-color:#fafafa}.delr-report-table tbody tr:nth-child(2n):hover{background-color:#f0f0f0}.delr-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.delr-export-modal{background:#fff;border-radius:12px;padding:25px;max-width:500px;width:90%;box-shadow:0 10px 40px #0003}.delr-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:12px;border-bottom:2px solid #e0e0e0}.delr-modal-header h3{margin:0;font-size:18px;color:#333;font-weight:600}.delr-modal-close{background:none;border:none;cursor:pointer;color:#666;transition:color .3s;padding:4px;display:flex;align-items:center;justify-content:center}.delr-modal-close:hover{color:#5b2e8c}.delr-modal-body{padding:8px 0}.delr-modal-body>p{margin-bottom:15px;color:#666;font-size:13px}.delr-export-option{width:100%;display:flex;align-items:center;gap:15px;padding:15px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;margin-bottom:12px}.delr-export-option:last-child{margin-bottom:0}.delr-export-option:hover{border-color:#5b2e8c;background-color:#f9f9f9;transform:translate(5px)}.delr-pdf svg{color:#d32f2f;flex-shrink:0}.delr-excel svg{color:#217346;flex-shrink:0}.delr-export-option div{text-align:left;flex:1}.delr-export-option h4{margin:0 0 4px;font-size:15px;color:#333;font-weight:600}.delr-export-option p{margin:0;font-size:12px;color:#666}@media screen and (max-width: 768px){.delr-container{padding:8px}.delr-form{grid-template-columns:1fr}.delr-buttons,.delr-action-buttons{flex-direction:column}.delr-btn,.delr-export-btn,.delr-back-btn{width:100%;justify-content:center}.delr-report-table{font-size:10px;min-width:1000px}.delr-report-table thead th,.delr-report-table tbody td{padding:5px 4px;font-size:10px}.delr-report-table thead th:nth-child(4),.delr-report-table tbody td:nth-child(4){min-width:150px}.delr-report-table thead th:nth-child(5),.delr-report-table tbody td:nth-child(5){min-width:100px}.delr-title{font-size:18px}.delr-filters-section,.delr-report{padding:15px}}@media screen and (max-width: 480px){.delr-company-name{font-size:16px}.delr-office-address{font-size:10px}.delr-period-title{font-size:13px}.delr-report-info{grid-template-columns:1fr}.delr-export-modal{width:95%;padding:20px}.delr-modal-header h3{font-size:16px}.delr-export-option{flex-direction:column;text-align:center;padding:12px}.delr-export-option div{text-align:center}.delr-export-option h4{font-size:14px}.delr-export-option p{font-size:11px}.delr-report-table{font-size:9px}.delr-report-table thead th,.delr-report-table tbody td{padding:4px 3px;font-size:9px}}@media print{.delr-action-buttons,.delr-filters-section{display:none!important}.delr-container{background-color:#fff;padding:0}.delr-report{box-shadow:none;padding:10px}.delr-report-table{font-size:9px}.delr-report-table thead th,.delr-report-table tbody td{padding:4px}.delr-report-table thead{background-color:#5b2e8c!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.delr-report-table thead th{color:#fff!important}}.delr-table-wrapper::-webkit-scrollbar{height:8px}.delr-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.delr-table-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.delr-table-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.pgfi-filters-section{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.pgfi-title{font-size:24px;font-weight:600;position:relative;margin-bottom:35px;color:#333}.pgfi-title:after{content:"";position:absolute;left:0;bottom:-6px;width:260px;height:4px;background:#5b2e8c;border-radius:2px}.pgfi-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:25px}.pgfi-col{display:flex;flex-direction:column;gap:8px}.pgfi-label{font-size:14px;font-weight:500;color:#444}.pgfi-input{padding:10px 12px;border:1px solid #ccc;border-radius:5px;font-size:14px;transition:border-color .2s ease;background-color:#fff}.pgfi-input:focus{outline:none;border-color:#5b2e8c}.pgfi-buttons{display:flex;gap:15px;justify-content:center}.pgfi-btn{padding:10px 30px;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.pgfi-btn-primary{background-color:#5b2e8c;color:#fff}.pgfi-btn-primary:hover{background-color:#4a2572}.pgfi-btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.pgfi-btn-secondary{background-color:#f0f0f0;color:#333}.pgfi-btn-secondary:hover{background-color:#e0e0e0}.pgfi-container{max-width:1400px;margin:0 auto;padding:3rem 2rem;background:#fbfcfd;min-height:100vh;font-family:Inter,-apple-system,sans-serif;color:#64748b}.pgfi-header-content{display:flex;flex-direction:column;gap:.5rem}.pgfi-main-title{font-size:1.1rem;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.02em;margin-bottom:1.5rem;position:relative;display:inline-block}.pgfi-main-title:after{content:"";position:absolute;left:0;bottom:-10px;width:320px;height:3px;background-color:#3b82f6;border-radius:2px}.pgfi-company-name{color:#475569;font-size:1.4rem;font-weight:600;margin-top:.5rem}.pgfi-office-address,.pgfi-period-title{color:#94a3b8;font-size:.85rem;margin:0}.pgfi-filters-section{background:#fff;padding:3rem;border-radius:20px;box-shadow:0 4px 20px #00000008;border:1px solid #f1f5f9}.pgfi-title{font-size:1.5rem;font-weight:600;color:#334155;margin-bottom:2.5rem;text-align:center;letter-spacing:-.02em}.pgfi-form{display:flex;gap:1.5rem;margin-bottom:2.5rem;flex-wrap:wrap}.pgfi-label{display:block;font-weight:500;color:#94a3b8;margin-bottom:.6rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.pgfi-input{width:100%;padding:.75rem 1rem;border:1.5px solid #f1f5f9;border-radius:12px;font-size:.95rem;transition:all .3s ease;background:#f8fafc;color:#475569}.pgfi-input:focus{outline:none;border-color:#a78bfa;background:#fff;box-shadow:0 0 0 4px #a78bfa1a}.pgfi-buttons{display:flex;gap:1rem;justify-content:center}.pgfi-btn{padding:.75rem 1.75rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pgfi-btn-primary{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border:none}.pgfi-btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 8px 15px #8b5cf633}.pgfi-btn-secondary{background:#fff;color:#64748b;border:1.5px solid #f1f5f9}.pgfi-btn-secondary:hover{background:#f8fafc;color:#334155}.pgfi-report{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000005;border:1px solid #f1f5f9;overflow:hidden}.pgfi-report-header{padding:3rem;background:#fcfaff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.pgfi-company-name{color:#4c1d95;font-size:1.5rem;margin-bottom:.5rem}.pgfi-office-address,.pgfi-period-title{color:#94a3b8;font-size:.9rem}.pgfi-back-btn{background:#fff;color:#7c3aed;border:1.5px solid #ede9fe;padding:.6rem 1.2rem;border-radius:10px;font-weight:600}.pgfi-report-info{padding:1.2rem 3rem;background:#fff;font-size:.9rem;color:#94a3b8}.pgfi-table-section{padding:0 3rem 3rem}.pgfi-report-table th{background:#fbfcfd;color:#94a3b8;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;padding:1rem;border-bottom:1px solid #f1f5f9}.pgfi-report-table td{padding:1.25rem 1rem;color:#475569;border-bottom:1px solid #f8fafc;font-size:.9rem}.pgfi-report-table tr:hover{background:#fcfaff}.pgfi-view-btn{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.8rem}.pgfi-view-btn:hover{background:#7c3aed;color:#fff}*{box-sizing:border-box}.payslip-container{min-height:120vh;background:#f5f5f5;padding:20px;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.2}.payslip-wrapper{max-width:800px;margin:10px auto;background:#fff;box-shadow:0 0 6px #00000040}.payslip-header{border-bottom:2px solid #000;padding:16px 22px 10px;display:flex;justify-content:space-between;align-items:flex-start}.payslip-header-left{display:flex;align-items:flex-start;gap:15px}.payslip-company-logo{width:55px;height:55px;border:2px solid #000;border-radius:4px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#003087,#0052cc);flex-shrink:0}.payslip-logo-placeholder{color:#fff;font-size:28px;font-weight:700;font-family:Arial Black,Arial,sans-serif;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.payslip-company-info h1{font-size:16px;font-weight:900;color:#000;line-height:1.1;letter-spacing:-.5px;margin:0 0 6px 55px}.payslip-company-info p{font-size:13px;color:#333;margin:2px 0 2px 55px}.payslip-financial-period{font-weight:800;font-size:12px;margin-top:6px;color:#000}.payslip-header-right{text-align:right;font-size:11px;font-weight:700;color:#000;line-height:1.1}.payslip-section{padding:20px 25px}.payslip-info-table,.payslip-earnings-table,.payslip-net-salary-table{width:100%;border-collapse:collapse;border:2px solid #000;font-size:11px}.payslip-info-table thead th,.payslip-earnings-table thead th{background:#e6e6e6;border:2px solid #000;padding:8px 6px;text-align:left;font-weight:900;color:#000;font-size:12px;letter-spacing:.5px}.payslip-info-table tbody td,.payslip-earnings-table tbody td,.payslip-net-salary-table tbody td{border:2px solid #000;padding:6px 5px;vertical-align:top}.payslip-info-table tbody td:nth-child(odd){font-weight:700;background:#f8f8f8;width:22%}.payslip-info-table tbody td:nth-child(2n){width:28%}.payslip-amount{text-align:right!important;padding-right:12px!important;font-family:Courier New,Courier,monospace!important;font-weight:700}.payslip-total-row{font-weight:900;background:#d9d9d9!important}.payslip-total-row .payslip-amount{font-size:12px!important}.payslip-spacer-row td{height:12px;padding:0!important}.payslip-net-salary-section{padding-top:10px}.payslip-net-salary-table td:nth-child(1){width:70%;font-weight:700;background:#e6e6e6}.payslip-net-total{font-size:13px!important;background:#d9d9d9!important}.payslip-footer-note{margin:0 22px 16px;border:2px solid #000;padding:16px;min-height:70px;background:#fafafa;display:flex;align-items:center}.payslip-footer-note p{font-size:10px;color:#666;margin:0;font-style:italic;font-weight:500}.payslip-bottom-text{text-align:center;font-size:9px;color:#444;padding:15px 25px 25px;border-top:1px solid #ccc;line-height:1.3}.payslip-bottom-text p{margin:4px 0;font-weight:600;letter-spacing:.2px}.payslip-loading-container,.payslip-error-container,.payslip-no-data-container{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:18px;color:#666}.payslip-error-container{color:#d32f2f}@media print{@page{size:A4;margin:10mm 10mm 15mm}body{margin:0;background:#fff}.payslip-container{background:#fff!important;padding:0!important}.payslip-wrapper{box-shadow:none!important;max-width:none!important}*{-webkit-print-color-adjust:exact!important;color-adjust:exact!important}}@media (max-width: 768px){.payslip-container{padding:10px}.payslip-header{flex-direction:column;gap:15px;padding:15px}.payslip-header-right{text-align:left}.payslip-company-logo{width:45px;height:45px}.payslip-company-info h1{font-size:14px}.payslip-section{padding:15px}.payslip-info-table,.payslip-earnings-table,.payslip-net-salary-table{font-size:10px}}.doc-upload-container{max-width:1200px;margin:0 auto;padding:2rem;background:#f8f9fa;min-height:100vh}.doc-upload-header{margin-bottom:2rem}.doc-upload-title{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.doc-upload-subtitle{color:#6b7280;font-size:.875rem}.doc-upload-form{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.doc-upload-form-section{padding:1.5rem;border-bottom:1px solid #e5e7eb}.doc-upload-form-section:last-child{border-bottom:none}.doc-upload-section-title{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:1.25rem}.doc-upload-required{color:#ef4444}.doc-upload-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}.doc-upload-field{display:flex;flex-direction:column}.doc-upload-field-full{grid-column:1 / -1}.doc-upload-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.doc-upload-input,.doc-upload-textarea{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s}.doc-upload-input:focus,.doc-upload-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.doc-upload-textarea{resize:vertical;min-height:80px}.file-upload-area{border:2px dashed #d1d5db;border-radius:.5rem;padding:3rem 2rem;text-align:center;transition:all .3s;cursor:pointer}.file-upload-area:hover{border-color:#3b82f6;background:#eff6ff}.file-input-hidden{display:none}.file-upload-label{cursor:pointer;display:block}.upload-icon{color:#3b82f6;margin:0 auto 1rem}.upload-text{font-size:1rem;font-weight:500;color:#374151;margin-bottom:.5rem}.upload-subtext{font-size:.875rem;color:#6b7280}.selected-files-container{margin-top:1.5rem}.selected-files-title{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:1rem}.selected-files-list{display:flex;flex-direction:column;gap:.75rem}.file-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;transition:all .2s}.file-item:hover{background:#f3f4f6;border-color:#d1d5db}.file-item-info{display:flex;align-items:center;gap:1rem;flex:1}.file-icon{flex-shrink:0}.file-icon.image{color:#10b981}.file-icon.pdf{color:#ef4444}.file-icon.excel{color:#059669}.file-icon.other{color:#6b7280}.file-details{flex:1;min-width:0}.file-name{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:#6b7280}.file-type-badge{background:#dbeafe;color:#1e40af;padding:.125rem .5rem;border-radius:.25rem;font-weight:600}.btn-remove-file{background:#fee2e2;color:#dc2626;border:none;padding:.5rem;border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-remove-file:hover{background:#fecaca}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;background:#f9fafb;border-top:1px solid #e5e7eb}.btn-cancel,.btn-submit{padding:.625rem 1.5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:.5rem}.btn-cancel{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-cancel:hover:not(:disabled){background:#f9fafb}.btn-submit{background:#3b82f6;color:#fff}.btn-submit:hover:not(:disabled){background:#2563eb}.btn-submit:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 768px){.doc-upload-container{padding:1rem}.doc-upload-form-grid{grid-template-columns:1fr}.file-upload-area{padding:2rem 1rem}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%;justify-content:center}}:root{--dvu-bg-page: #f4f5ff;--dvu-bg-surface: #ffffff;--dvu-bg-surface-soft: #f6f7ff;--dvu-bg-surface-subtle: #edf2ff;--dvu-border-subtle: #e0e7ff;--dvu-border-strong: #c7d2fe;--dvu-primary: #4f46e5;--dvu-primary-soft: #6366f1;--dvu-primary-bg: #e0e7ff;--dvu-accent: #60a5fa;--dvu-accent-bg: #e0f2fe;--dvu-text-main: #0f172a;--dvu-text-soft: #475569;--dvu-text-muted: #6b7280;--dvu-radius-xs: 4px;--dvu-radius-sm: 6px;--dvu-radius-md: 10px;--dvu-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--dvu-shadow-md: 0 18px 45px rgba(15, 23, 42, .12);--dvu-font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}.dvu-page{min-height:100vh;background:radial-gradient(circle at top,#dbeafe 0,#f4f5ff 55%);font-family:var(--dvu-font-main);color:var(--dvu-text-main)}.dvu-header{position:sticky;top:0;z-index:20;padding:16px 24px 12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dvu-header-content{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.dvu-header-left{display:flex;align-items:center;gap:12px}.dvu-header-title{display:flex;align-items:center;gap:10px}.dvu-header-icon{width:26px;height:26px;color:var(--dvu-primary);padding:4px;border-radius:999px;background:radial-gradient(circle at 20% 0,#e0e7ff 0,#eef2ff 45%);border:1px solid #c7d2fe}.dvu-header-title h1{margin:0;font-size:20px;font-weight:600;letter-spacing:.01em;color:var(--dvu-text-main)}.dvu-create-btn{border-radius:999px;padding:8px 16px;font-size:13px;font-weight:500;border:1px solid var(--dvu-primary-soft);background:linear-gradient(to right,#6366f1,#4f46e5);color:#f9fafb;display:inline-flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 8px 22px #4f46e547;transition:all .16s ease-out}.dvu-create-btn:hover{transform:translateY(-1px);box-shadow:0 10px 28px #4f46e559}.dvu-create-btn:active{transform:translateY(0);box-shadow:0 5px 14px #4f46e54d}.dvu-main{max-width:1280px;margin:0 auto;padding:24px 24px 28px}.dvu-container{background:var(--dvu-bg-surface);border-radius:18px;border:1px solid #1e1f20;box-shadow:var(--dvu-shadow-md);overflow:hidden}.dvu-table-header{border-bottom:1px solid var(--dvu-border-subtle);background:linear-gradient(to bottom,#eef2ff,#e0e7ff)}.dvu-header-grid{display:grid;grid-template-columns:54px 1.8fr 100px 120px 160px 140px 160px 68px;align-items:center;min-height:46px}.dvu-header-grid>div{padding:10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--dvu-text-muted);white-space:nowrap}.dvu-table-body{background:var(--dvu-bg-surface)}.dvu-row-item{border-bottom:1px solid var(--dvu-border-subtle);transition:background .14s ease-out,border-color .14s ease-out}.dvu-row{cursor:pointer;border-left:2px solid transparent}.dvu-row:hover{background:#eef2ff;border-left-color:var(--dvu-accent)}.dvu-row-active{background:#e0e7ff;border-left-color:var(--dvu-primary)}.dvu-row-grid{display:grid;grid-template-columns:54px 1.8fr 100px 120px 160px 140px 160px 68px;align-items:center;min-height:60px}.dvu-row-grid>div{padding:10px;display:flex;align-items:center;gap:6px}.dvu-col-expand{justify-content:center}.dvu-expand-btn{padding:4px;border-radius:999px;border:1px solid transparent;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--dvu-text-muted);transition:all .14s ease-out}.dvu-expand-btn:focus,.dvu-expand-btn:focus-visible,.dvu-expand-btn:active{outline:none;box-shadow:none;background:transparent}.dvu-expand-btn:hover{background:#e5e7ff;border-color:#c7d2fe}.dvu-expand-icon{width:16px;height:16px}.dvu-col-title{padding-left:2px!important}.dvu-title-content{display:flex;align-items:center;gap:10px;width:100%}.dvu-doc-icon{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dvu-doc-icon-inner{width:18px;height:18px;color:#4f46e5}.dvu-title-info{flex:1;min-width:0}.dvu-title-text{margin:0;font-size:14px;font-weight:500;color:var(--dvu-text-main)}.dvu-title-id{margin:1px 0 0;font-size:11px;color:var(--dvu-text-muted)}.dvu-col-files{justify-content:flex-start}.dvu-files-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:500;background:#f3f4ff;color:var(--dvu-text-soft);border:1px solid var(--dvu-border-subtle)}.dvu-col-types{justify-content:flex-start}.dvu-filetype-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:500;background:var(--dvu-accent-bg);color:#1d4ed8;border:1px solid #93c5fd}.dvu-filetype-text{white-space:nowrap}.dvu-col-project{display:flex;align-items:center}.dvu-project-info{display:flex;flex-direction:column;gap:2px;min-width:0}.dvu-project-name{font-size:13px;font-weight:500;color:var(--dvu-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dvu-project-site{font-size:11px;color:var(--dvu-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dvu-creator-info{display:flex;align-items:center;gap:8px}.dvu-avatar{width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1px solid #a5b4fc;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#3730a3}.dvu-creator-name{font-size:13px;color:var(--dvu-text-main)}.dvu-date-block{display:flex;flex-direction:column;gap:3px}.dvu-date-line{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--dvu-text-soft)}.dvu-actions-menu{position:relative;display:flex;justify-content:center}.dvu-dots-btn{background:#e5e7ff;border-radius:999px;border:1px solid #c7d2fe;padding:4px;cursor:pointer;color:var(--dvu-text-muted);display:inline-flex;align-items:center;justify-content:center;transition:all .14s ease-out}.dvu-dots-btn:hover{background:#e0e7ff;color:#111827}.dvu-dropdown-menu{position:absolute;top:32px;right:0;min-width:150px;border-radius:10px;padding:4px;background:#fff;border:1px solid var(--dvu-border-strong);box-shadow:0 14px 30px #0f172a29;z-index:30}.dvu-dropdown-item{width:100%;border-radius:8px;padding:7px 9px;border:none;background:transparent;outline:none;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dvu-text-main);cursor:pointer;transition:background .12s ease-out,color .12s ease-out}.dvu-dropdown-item:hover{background:#eef2ff}.dvu-dropdown-item:disabled{opacity:.6;cursor:not-allowed}.dvu-dropdown-delete{color:#b91c1c}.dvu-row-details{background:var(--dvu-bg-surface-soft);border-top:1px solid var(--dvu-border-subtle);padding:14px 16px 16px 70px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.dvu-file-card{background:#fff;border-radius:12px;border:1px solid var(--dvu-border-subtle);box-shadow:var(--dvu-shadow-sm);display:flex;flex-direction:column;overflow:hidden}.dvu-file-card-header{padding:8px 10px;display:flex;align-items:center;justify-content:space-between;background:#eef2ff}.dvu-file-index{font-size:12px;font-weight:500;color:var(--dvu-text-soft)}.dvu-file-card-body{padding:10px;min-height:120px;display:flex;align-items:center;justify-content:center}.dvu-file-preview-img{max-width:100%;max-height:160px;border-radius:10px;object-fit:cover;border:1px solid var(--dvu-border-subtle)}.dvu-file-preview-pdf,.dvu-file-preview-generic{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;color:var(--dvu-text-soft)}.dvu-file-card-footer{padding:8px 10px;border-top:1px solid var(--dvu-border-subtle);display:flex;justify-content:flex-end}.dvu-file-open-link{font-size:12px;font-weight:500;color:#2563eb;text-decoration:none}.dvu-file-open-link:hover{text-decoration:underline}.dvu-empty-files{grid-column:1 / -1;padding:14px;text-align:center;font-size:13px;color:var(--dvu-text-soft);border-radius:10px;background:#eef2ff}.dvu-remarks-box{grid-column:1 / -1;border-radius:12px;padding:10px 12px;border:1px solid #facc15;background:#fefce8}.dvu-remarks-title{margin:0 0 4px;font-size:13px;font-weight:600;color:#854d0e}.dvu-remarks-text{margin:0;font-size:13px;color:#92400e}.dvu-empty-state{padding:40px 16px;text-align:center;font-size:14px;color:var(--dvu-text-soft)}.dvu-footer{margin-top:18px;padding:12px 10px;border-radius:14px;border:1px solid var(--dvu-border-subtle);background:#fff;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--dvu-text-muted)}.dvu-footer span{font-weight:500}@media (max-width: 1024px){.dvu-header-grid,.dvu-row-grid{grid-template-columns:46px 1.6fr 90px 110px 140px 1fr}.dvu-col-dates,.dvu-col-actions{display:none}}@media (max-width: 768px){.dvu-main{padding:18px 16px 22px}.dvu-header-title h1{font-size:18px}.dvu-header-grid,.dvu-row-grid{grid-template-columns:40px 1.8fr 90px}.dvu-col-types,.dvu-col-project,.dvu-col-createdby{display:none}.dvu-row-details{padding-left:22px}.dvu-footer{flex-direction:column;align-items:flex-start;gap:6px}}@media (max-width: 480px){.dvu-main{padding:14px 12px 18px}.dvu-header{padding-inline:14px}.dvu-header-title h1{font-size:16px}.dvu-create-btn{padding-inline:12px;font-size:11px}}.dpv-container{padding:1rem;background:#fff;min-height:100vh}.dpv-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dpv-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.dpv-add-btn{background-color:#4479c8;color:#fff;border:none;padding:.4rem .9rem;border-radius:.375rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.dpv-add-btn:hover{background-color:#0f2a54}.dpv-table-wrapper{overflow:hidden;box-shadow:0 1px 3px #0000001a;border-radius:.5rem;border:1px solid #e2e8f0;width:100%}.dpv-table{width:100%;border-collapse:collapse;min-width:unset;table-layout:fixed;background:#fff}.dpv-thead{background-color:#163b73;color:#fff}.dpv-th{padding:.6rem .5rem;text-align:left;font-size:.7rem;font-weight:500;white-space:nowrap;color:#fff;overflow:hidden;text-overflow:ellipsis}.dpv-tbody{background:#fff}.dpv-tr{border-bottom:1px solid #f1f5f9}.dpv-tr:hover{background-color:#f8fafc}.dpv-tr:last-child{border-bottom:none}.dpv-td{padding:.45rem .5rem;font-size:.72rem;vertical-align:middle;color:#334155;overflow:hidden}.dpv-invoice-info{font-weight:500;color:#1e293b;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dpv-date{font-size:.72rem;color:#1e293b;white-space:nowrap}.dpv-status-badge{display:inline-flex;align-items:center;padding:.18rem .5rem;border-radius:9999px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.dpv-status-approved{background-color:#dcfce7;color:#166534}.dpv-status-rejected{background-color:#fee2e2;color:#991b1b}.dpv-status-pending{background-color:#fef3c7;color:#92400e}.dpv-status-resolved{background-color:#dbeafe;color:#1e40af}.dpv-actions{display:flex;gap:.3rem}.dpv-action-btn{padding:.18rem .5rem;border-radius:.375rem;font-size:.68rem;font-weight:500;border:none;cursor:pointer;transition:all .2s;text-align:center;white-space:nowrap;width:100%}.dpv-action-btn:disabled{opacity:.65;cursor:not-allowed;transform:none!important}.dpv-resolve-btn{background-color:#3b82f6;color:#fff}.dpv-resolve-btn:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.dpv-resolve-btn:disabled{background-color:#6b7280;color:#fff}.dpv-approve-btn{background-color:#10b981;color:#fff}.dpv-approve-btn:hover:not(:disabled){background-color:#059669;transform:translateY(-1px)}.dpv-reject-btn{background-color:#ef4444;color:#fff}.dpv-reject-btn:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px)}.dpv-empty-state{padding:2rem;text-align:center;font-size:.875rem;color:#64748b}.dpv-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.72rem;font-weight:500;color:#1e293b;cursor:default;width:100%;display:block}@media (max-width: 768px){.dpv-container{padding:.5rem}.dpv-table-wrapper{border-radius:.375rem}.dpv-td{padding:.35rem .4rem;font-size:.68rem}}:root{--crcs-bg: #f4f6fb;--crcs-surface: #ffffff;--crcs-surface-2: #f9fafc;--crcs-border: #e4e8f0;--crcs-border-hover: #c8d0e0;--crcs-text-primary: #1a2035;--crcs-text-secondary:#5a6282;--crcs-text-muted: #9aa0b8;--crcs-accent: #4361ee;--crcs-accent-light: #eef0fd;--crcs-accent-hover: #3451d1;--crcs-pending-bg: #fff8e6;--crcs-pending-text: #b45309;--crcs-pending-dot: #f59e0b;--crcs-review-bg: #eff6ff;--crcs-review-text: #1d4ed8;--crcs-review-dot: #3b82f6;--crcs-approved-bg: #ecfdf5;--crcs-approved-text: #065f46;--crcs-approved-dot: #10b981;--crcs-rejected-bg: #fef2f2;--crcs-rejected-text: #991b1b;--crcs-rejected-dot: #ef4444;--crcs-paid-bg: #f5f3ff;--crcs-paid-text: #5b21b6;--crcs-paid-dot: #7c3aed;--crcs-radius-sm: 6px;--crcs-radius: 10px;--crcs-radius-lg: 14px;--crcs-shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--crcs-shadow: 0 4px 16px rgba(67,97,238,.08), 0 1px 4px rgba(0,0,0,.06);--crcs-transition: all .18s ease}.crcs-container{font-family:DM Sans,sans-serif;background:var(--crcs-bg);min-height:100vh;padding:28px 32px;color:var(--crcs-text-primary)}.crcs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.crcs-header-left{display:flex;flex-direction:column;gap:2px}.crcs-title{font-size:22px;font-weight:700;color:var(--crcs-text-primary);margin:0;letter-spacing:-.3px}.crcs-subtitle{font-size:13px;color:var(--crcs-text-secondary);margin:0}.crcs-add-btn{display:flex;align-items:center;gap:7px;background:var(--crcs-accent);color:#fff;border:none;border-radius:var(--crcs-radius-sm);padding:9px 18px;font-size:13.5px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:var(--crcs-transition);box-shadow:0 2px 8px #4361ee40}.crcs-add-btn:hover{background:var(--crcs-accent-hover);box-shadow:0 4px 14px #4361ee59;transform:translateY(-1px)}.crcs-stats-strip{display:flex;gap:14px;margin-bottom:22px;flex-wrap:wrap}.crcs-stat-card{background:var(--crcs-surface);border:1px solid var(--crcs-border);border-radius:var(--crcs-radius);padding:14px 20px;flex:1;min-width:130px;box-shadow:var(--crcs-shadow-sm);transition:var(--crcs-transition)}.crcs-stat-card:hover{border-color:var(--crcs-border-hover);box-shadow:var(--crcs-shadow);transform:translateY(-1px)}.crcs-stat-label{font-size:11.5px;font-weight:500;color:var(--crcs-text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.crcs-stat-value{font-size:22px;font-weight:700;color:var(--crcs-text-primary);font-family:DM Mono,monospace;letter-spacing:-.5px}.crcs-stat-value.accent{color:var(--crcs-accent)}.crcs-stat-value.approved{color:#10b981}.crcs-stat-value.pending{color:#f59e0b}.crcs-stat-value.rejected{color:#ef4444}.crcs-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.crcs-search-wrap{position:relative;flex:1;min-width:220px;max-width:340px}.crcs-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--crcs-text-muted);pointer-events:none;font-size:15px}.crcs-search-input{width:100%;padding:8px 12px 8px 34px;border:1px solid var(--crcs-border);border-radius:var(--crcs-radius-sm);font-size:13.5px;font-family:DM Sans,sans-serif;background:var(--crcs-surface);color:var(--crcs-text-primary);outline:none;transition:var(--crcs-transition);box-sizing:border-box}.crcs-search-input:focus{border-color:var(--crcs-accent);box-shadow:0 0 0 3px #4361ee1f}.crcs-filter-select{padding:8px 12px;border:1px solid var(--crcs-border);border-radius:var(--crcs-radius-sm);font-size:13.5px;font-family:DM Sans,sans-serif;background:var(--crcs-surface);color:var(--crcs-text-primary);outline:none;cursor:pointer;transition:var(--crcs-transition);min-width:140px}.crcs-filter-select:focus{border-color:var(--crcs-accent);box-shadow:0 0 0 3px #4361ee1f}.crcs-count-badge{margin-left:auto;font-size:12.5px;color:var(--crcs-text-muted);font-weight:500}.crcs-table-card{background:var(--crcs-surface);border:1px solid var(--crcs-border);border-radius:var(--crcs-radius-lg);box-shadow:var(--crcs-shadow-sm);overflow:hidden}.crcs-table-wrapper{overflow-x:auto}.crcs-table{width:100%;border-collapse:collapse;font-size:13.5px}.crcs-thead{background:var(--crcs-surface-2);border-bottom:1px solid var(--crcs-border)}.crcs-th{padding:11px 16px;text-align:left;font-size:11.5px;font-weight:600;color:var(--crcs-text-muted);text-transform:uppercase;letter-spacing:.55px;white-space:nowrap}.crcs-th:first-child{padding-left:20px}.crcs-th:last-child{padding-right:20px;text-align:center}.crcs-tr{border-bottom:1px solid var(--crcs-border);transition:background .12s ease}.crcs-tr:last-child{border-bottom:none}.crcs-tr:hover{background:#f8f9fd}.crcs-td{padding:13px 16px;vertical-align:middle;color:var(--crcs-text-primary);white-space:nowrap}.crcs-td:first-child{padding-left:20px}.crcs-td:last-child{padding-right:20px}.crcs-claim-id{font-family:DM Mono,monospace;font-size:12.5px;font-weight:500;color:var(--crcs-accent);background:var(--crcs-accent-light);padding:3px 8px;border-radius:5px;display:inline-block}.crcs-cell-title{font-weight:500;color:var(--crcs-text-primary);max-width:180px;overflow:hidden;text-overflow:ellipsis}.crcs-cell-sub{font-size:12px;color:var(--crcs-text-muted);margin-top:2px}.crcs-amount{font-family:DM Mono,monospace;font-size:13.5px;font-weight:600;color:var(--crcs-text-primary)}.crcs-date{font-size:13px;color:var(--crcs-text-secondary)}.crcs-dash{color:var(--crcs-text-muted)}.crcs-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.crcs-badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.crcs-badge-pending{background:var(--crcs-pending-bg);color:var(--crcs-pending-text)}.crcs-badge-dot-pending{background:var(--crcs-pending-dot)}.crcs-badge-under-review{background:var(--crcs-review-bg);color:var(--crcs-review-text)}.crcs-badge-dot-under-review{background:var(--crcs-review-dot)}.crcs-badge-approved{background:var(--crcs-approved-bg);color:var(--crcs-approved-text)}.crcs-badge-dot-approved{background:var(--crcs-approved-dot)}.crcs-badge-rejected{background:var(--crcs-rejected-bg);color:var(--crcs-rejected-text)}.crcs-badge-dot-rejected{background:var(--crcs-rejected-dot)}.crcs-badge-paid{background:var(--crcs-paid-bg);color:var(--crcs-paid-text)}.crcs-badge-dot-paid{background:var(--crcs-paid-dot)}.crcs-actions{display:flex;align-items:center;justify-content:center;gap:8px}.crcs-action-btn{border:none;border-radius:var(--crcs-radius-sm);padding:6px 13px;font-size:12.5px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:var(--crcs-transition)}.crcs-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.crcs-btn-view{background:var(--crcs-accent-light);color:var(--crcs-accent);border:1px solid rgba(67,97,238,.18)}.crcs-btn-view:hover:not(:disabled){background:var(--crcs-accent);color:#fff;transform:translateY(-1px)}.crcs-btn-approve{background:#ecfdf5;color:#065f46;border:1px solid rgba(16,185,129,.2)}.crcs-btn-approve:hover:not(:disabled){background:#10b981;color:#fff;transform:translateY(-1px)}.crcs-btn-reject{background:#fef2f2;color:#991b1b;border:1px solid rgba(239,68,68,.2)}.crcs-btn-reject:hover:not(:disabled){background:#ef4444;color:#fff;transform:translateY(-1px)}.crcs-empty-state{text-align:center;padding:56px 24px;color:var(--crcs-text-muted)}.crcs-empty-icon{font-size:40px;margin-bottom:12px}.crcs-empty-text{font-size:15px;font-weight:500;color:var(--crcs-text-secondary);margin-bottom:4px}.crcs-empty-sub{font-size:13px;color:var(--crcs-text-muted)}.crcs-loading-wrap{display:flex;align-items:center;justify-content:center;gap:10px;padding:56px 24px;color:var(--crcs-text-muted);font-size:14px}.crcs-spinner{width:20px;height:20px;border:2px solid var(--crcs-border);border-top-color:var(--crcs-accent);border-radius:50%;animation:crcs-spin .7s linear infinite}@keyframes crcs-spin{to{transform:rotate(360deg)}}.crcs-error-wrap{display:flex;align-items:center;justify-content:center;padding:56px 24px}.crcs-error-box{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--crcs-radius);padding:20px 28px;color:#991b1b;font-size:14px;font-weight:500;text-align:center}.crcs-table-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;border-top:1px solid var(--crcs-border);font-size:12.5px;color:var(--crcs-text-muted);background:var(--crcs-surface-2);flex-wrap:wrap;gap:8px}@media (max-width: 768px){.crcs-container{padding:16px}.crcs-stats-strip{gap:10px}.crcs-stat-card{min-width:100px;padding:12px 14px}.crcs-title{font-size:18px}}.ppo-view-root{font-family:DM Sans,Segoe UI,sans-serif;background:#f4f6f9;min-height:100vh;color:#1e293b;padding:28px 32px;box-sizing:border-box;overflow-x:hidden}.ppo-view-header{margin-bottom:28px;border-bottom:1px solid #dde3ed;padding-bottom:20px}.ppo-view-header-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.ppo-view-header-dot{width:10px;height:10px;border-radius:50%;background:#0ea5e9;box-shadow:0 0 8px #bae6fd;flex-shrink:0}.ppo-view-header-title{font-size:22px;font-weight:700;margin:0;color:#0f172a;letter-spacing:-.3px}.ppo-view-header-sub{color:#64748b;font-size:13px;margin:0;padding-left:22px}.ppo-view-selector-bar{background:#fff;border:1px solid #dde3ed;border-radius:12px;padding:18px 24px;margin-bottom:24px;display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;box-shadow:0 1px 3px #0000000f}.ppo-view-selector-field{display:flex;flex-direction:column;gap:5px;flex:1 1 220px;min-width:0}.ppo-view-selector-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.7px}.ppo-view-selector-meta{color:#64748b;font-size:12px;padding-bottom:8px}.ppo-view-stats-row{display:flex;gap:14px;margin-bottom:24px;flex-wrap:wrap}.ppo-view-stat-card{background:#fff;border:1px solid #dde3ed;border-radius:10px;padding:14px 18px;flex:1 1 130px;box-shadow:0 1px 3px #0000000d;min-width:0}.ppo-view-stat-label{font-size:10px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.ppo-view-stat-value{font-weight:700;color:#0f172a;margin-top:4px}.ppo-view-stat-value--large{font-size:24px}.ppo-view-stat-value--billing{font-size:17px}.ppo-view-stat-sub{font-size:11px;color:#0ea5e9;margin-top:2px}.ppo-view-empty{background:#fff;border:1px dashed #dde3ed;border-radius:12px;padding:48px 24px;text-align:center;color:#64748b}.ppo-view-empty-icon{font-size:32px;margin-bottom:10px}.ppo-view-loading{background:#fff;border:1px solid #dde3ed;border-radius:12px;padding:32px;text-align:center;color:#0ea5e9}.ppo-view-loading-icon{font-size:20px;margin-bottom:8px}.ppo-view-table-container{background:#fff;border:1px solid #dde3ed;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #00000012}.ppo-view-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #dde3ed;flex-wrap:wrap;gap:10px}.ppo-view-table-title{font-size:17px;font-weight:700;margin:0;color:#0f172a}.ppo-view-export-btn{background:#22c55e;color:#fff;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.ppo-view-export-btn:hover{background:#16a34a}.ppo-view-table-wrap{width:100%;overflow-x:auto}.ppo-view-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:auto}.ppo-view-th{background:#1e3a5f;color:#fff;padding:10px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;text-align:left;border-right:1px solid rgba(255,255,255,.1);white-space:nowrap}.ppo-view-th--center{text-align:center}.ppo-view-th--right{text-align:right}.ppo-view-col-num{min-width:36px;width:36px}.ppo-view-col-desc{min-width:220px}.ppo-view-col-bom{min-width:140px}.ppo-view-col-reps{min-width:72px;width:72px}.ppo-view-col-step{min-width:220px}.ppo-view-col-item{min-width:160px}.ppo-view-col-qty{min-width:70px;width:70px}.ppo-view-col-totalqty{min-width:90px;width:90px}.ppo-view-col-unit{min-width:60px;width:60px}.ppo-view-col-progress{min-width:160px}.ppo-view-td{padding:10px 14px;font-size:12px;color:#1e293b;border-bottom:1px solid #edf2f7;border-right:1px solid #edf2f7;vertical-align:top;white-space:normal;word-break:normal;overflow-wrap:anywhere}.ppo-view-td--center{text-align:center}.ppo-view-td--right{text-align:right}.ppo-view-td--num{font-weight:700;text-align:center;color:#64748b;background:#f1f5f9}.ppo-view-td--desc,.ppo-view-td--bom{background:#fafbfd}.ppo-view-td--reps{background:#fafbfd;text-align:center}.ppo-view-td--step{background:#fefefe}.ppo-view-td--totalqty{font-weight:700;color:#16a34a;text-align:right}.ppo-view-td--muted{color:#64748b}.ppo-view-row--even{background:#fff}.ppo-view-row--odd{background:#f8fafc}.ppo-view-desc-text{font-size:11px;color:#1e293b;line-height:1.6;margin-bottom:10px}.ppo-view-billing-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:8px 12px;margin-bottom:10px;display:flex;flex-wrap:wrap;gap:10px}.ppo-view-billing-field{display:flex;flex-direction:column;min-width:0}.ppo-view-billing-field-label{font-size:9px;color:#64748b;text-transform:uppercase;letter-spacing:.4px}.ppo-view-billing-field-value{font-size:12px;font-weight:700;color:#1e293b}.ppo-view-billing-field-value--amount{color:#16a34a}.ppo-view-bom-chip{display:inline-block;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;background:#e8f4fd;border:1px solid #7dd3fc;color:#0369a1;word-break:break-word}.ppo-view-rep-badge{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f0fdf4;border:1px solid #86efac;font-size:13px;font-weight:700;color:#16a34a}.ppo-view-step-wrap{display:flex;flex-direction:column;gap:8px}.ppo-view-step-row{display:flex;align-items:flex-start;gap:8px}.ppo-view-step-number{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#1e3a5f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.ppo-view-step-name{font-size:11px;color:#1e293b;line-height:1.5}.ppo-view-step-empty{color:#cbd5e1;font-size:12px;font-style:italic}.ppo-view-item-name{font-weight:600;font-size:12px}.ppo-view-item-empty{color:#cbd5e1;font-style:italic}.ppo-view-progress-wrap{display:flex;flex-direction:column;gap:3px;width:100%}.ppo-view-progress-label-row{display:flex;justify-content:space-between;font-size:10px;color:#64748b;font-weight:600}.ppo-view-progress-track{border-radius:99px;overflow:hidden}.ppo-view-progress-fill{height:100%;border-radius:99px;transition:width .5s ease}.ppo-view-badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;white-space:nowrap}.ppo-view-item-progress-wrap{display:flex;flex-direction:column;gap:4px}.ppo-view-item-progress-info{display:flex;justify-content:space-between;font-size:10px;color:#64748b}.ppo-view-log-empty{font-size:11px;color:#cbd5e1;font-style:italic;padding:4px 0}.ppo-view-log-toggle-btn{background:none;border:1px solid #e2e8f0;border-radius:6px;padding:3px 10px;font-size:11px;color:#0369a1;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:5px}.ppo-view-log-toggle-btn:hover{background:#f0f9ff}.ppo-view-log-list{margin-top:8px;display:flex;flex-direction:column;gap:6px}.ppo-view-log-entry{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.ppo-view-log-field{display:flex;flex-direction:column;gap:1px;min-width:0}.ppo-view-log-field-label{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.4px}.ppo-view-log-field-value{font-size:12px;font-weight:600;color:#1e293b}.ppo-view-log-field-date{font-size:12px;font-weight:700;color:#0369a1}.ppo-view-log-field--date{min-width:80px}.ppo-view-log-pct-wrap{display:flex;flex-direction:column;gap:3px;min-width:100px;margin-left:auto}.ppo-view-log-pct-row{display:flex;justify-content:space-between;font-size:10px;color:#64748b}.ppo-view-log-remark{width:100%;font-size:11px;color:#64748b;font-style:italic}.client-container{padding:6px;background:transparent;border-radius:10px}.client-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.client-header h6{font-size:18px;color:#333;font-size:1.6rem;font-weight:600;margin:0;color:#1f2937;border-bottom:3px solid #1645ac;padding-bottom:.25rem}.client-actions{display:flex;gap:2px;align-items:start;justify-content:flex-start}.client-actions button{display:flex;align-items:start;justify-content:flex-start;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:18px;line-height:1}.client-actions .btn:focus,.client-actions .btn:active{outline:none;box-shadow:none;background:transparent;color:inherit}.client-actions .btn-ghost,.client-footer .btn-ghost{background:transparent;color:#214276}.client-actions .btn-danger,.client-contact-item .btn-danger{background:transparent;color:#b00e0e;border:none}.client-header .btn-primary,.client-footer .btn-primary{background:#4f46e5;color:transparent;border:none}.client-header .btn-primary:hover,.client-footer .btn-primary:hover{background:#4338ca}.client-contact-section .btn-secondary{background:transparent;color:#0c2762}.client-contact-section .btn-secondary:hover{background:transparent}.client-form{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.client-contact-section{margin-top:20px}.client-contact-section h4{font-size:16px;font-weight:600;margin-bottom:10px;color:#444}.client-contact-item{display:flex;align-items:center;gap:10px;margin-bottom:10px}.client-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.client-actions button,.client-actions .btn{transition:none!important;pointer-events:auto}.client-actions button:hover,.client-actions .btn:hover,.client-actions button:focus,.client-actions .btn:focus{transform:none!important;box-shadow:none!important;background-color:inherit!important;opacity:1!important;border-color:inherit!important;outline:none!important}.add-client-wrapper{min-height:90vh;padding:8px 14px 18px;background:transparent;font-family:DM Sans,sans-serif;max-width:1400px;margin:0 auto}.add-client-page-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:32px}.add-client-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .18s ease;white-space:nowrap;margin-top:4px}.add-client-back-btn:hover{background:#f8fafc;border-color:#1645ac;color:#1645ac}.add-client-page-title{font-family:Syne,sans-serif;font-size:1.75rem;font-weight:700;color:#0f172a;margin:0 0 4px;letter-spacing:-.4px}.add-client-page-subtitle{font-size:14px;color:#64748b;margin:0}.add-client-stepper{display:flex;align-items:flex-start;justify-content:center;gap:0;margin-bottom:28px;overflow-x:auto;padding-bottom:4px}.add-client-stepper-item{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;min-width:72px}.add-client-step-btn{width:42px;height:42px;border-radius:50%;border:2px solid #e2e8f0;background:#fff;font-size:18px;cursor:default;display:flex;align-items:center;justify-content:center;transition:all .22s ease;position:relative;z-index:2;flex-shrink:0;box-shadow:0 1px 4px #0000000f}.add-client-step-btn--active{border-color:#1645ac;background:#1645ac;color:#fff;font-size:16px;box-shadow:0 0 0 4px #1645ac26;cursor:default}.add-client-step-btn--done{border-color:#22c55e;background:#22c55e;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.add-client-step-btn--done:hover{box-shadow:0 0 0 4px #22c55e33}.add-client-step-label{font-size:11px;font-weight:500;color:#94a3b8;margin-top:6px;text-align:center;line-height:1.2;max-width:64px;transition:color .2s}.add-client-step-label--active{color:#1645ac;font-weight:600}.add-client-step-connector{position:absolute;top:21px;left:calc(50% + 21px);width:calc(100% - 42px);height:2px;background:#e2e8f0;z-index:1;transition:background .3s}.add-client-step-connector--done{background:#22c55e}.add-client-card{background:#fff;border-radius:20px;box-shadow:0 4px 24px #0f172a14,0 1px 4px #0f172a0a;overflow:hidden;border:1px solid #f1f5f9}.add-client-card-header{display:flex;align-items:center;gap:14px;padding:22px 28px;background:linear-gradient(135deg,#f8faff,#eef2ff);border-bottom:1px solid #e8edf8}.add-client-step-icon{font-size:28px;line-height:1}.add-client-card-title{font-family:Syne,sans-serif;font-size:1.15rem;font-weight:700;color:#0f172a;margin:0 0 2px}.add-client-card-subtitle{font-size:12px;color:#64748b;margin:0}.add-client-progress-ring{margin-left:auto;position:relative;width:48px;height:48px;flex-shrink:0}.add-client-ring-svg{width:48px;height:48px;transform:rotate(0)}.add-client-ring-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#1645ac}.add-client-card-body{padding:28px;min-height:240px;animation:add-client-fade-in .25s ease}@keyframes add-client-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.add-client-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}.add-client-field{display:flex;flex-direction:column;gap:6px}.add-client-field--full{grid-column:1 / -1}.add-client-label{font-size:12.5px;font-weight:600;color:#374151;letter-spacing:.01em}.add-client-required{color:#ef4444;margin-left:2px}.add-client-input,.add-client-select,.add-client-textarea{padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13.5px;font-family:DM Sans,sans-serif;color:#1e293b;background:#fafbfc;transition:border-color .18s,box-shadow .18s,background .18s;outline:none;width:100%;box-sizing:border-box}.add-client-input:focus,.add-client-select:focus,.add-client-textarea:focus{border-color:#1645ac;background:#fff;box-shadow:0 0 0 3px #1645ac1a}.add-client-input::placeholder,.add-client-textarea::placeholder{color:#b0bac6}.add-client-input--error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.add-client-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.add-client-textarea{resize:vertical;min-height:72px}.add-client-error-msg{font-size:11.5px;color:#ef4444;font-weight:500;margin-top:1px}.add-client-submit-error{margin:0 28px 12px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:13px;font-weight:500}.add-client-card-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-top:1px solid #f1f5f9;background:#fafbfc}.add-client-footer-dots{display:flex;gap:6px;align-items:center}.add-client-dot{width:7px;height:7px;border-radius:50%;background:#e2e8f0;transition:all .2s}.add-client-dot--active{background:#1645ac;width:20px;border-radius:4px}.add-client-dot--done{background:#22c55e}.add-client-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:10px;font-size:13.5px;font-weight:600;font-family:DM Sans,sans-serif;border:none;cursor:pointer;transition:all .18s ease;letter-spacing:.01em}.add-client-btn--primary{background:#1645ac;color:#fff;box-shadow:0 2px 8px #1645ac40}.add-client-btn--primary:hover{background:#1238a0;box-shadow:0 4px 14px #1645ac59;transform:translateY(-1px)}.add-client-btn--secondary{background:#fff;color:#475569;border:1.5px solid #e2e8f0}.add-client-btn--secondary:hover:not(:disabled){border-color:#1645ac;color:#1645ac;background:#f0f4ff}.add-client-btn--secondary:disabled{opacity:.38;cursor:not-allowed}.add-client-btn--submit{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 2px 8px #16a34a4d;min-width:110px;justify-content:center}.add-client-btn--submit:hover:not(:disabled){box-shadow:0 4px 16px #16a34a66;transform:translateY(-1px)}.add-client-btn--submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.add-client-spinner{display:inline-block;width:16px;height:16px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:add-client-spin .7s linear infinite}@keyframes add-client-spin{to{transform:rotate(360deg)}}.add-client-success-screen{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:40px}.add-client-success-card{text-align:center;background:#fff;border-radius:24px;padding:52px 64px;box-shadow:0 8px 40px #0f172a1a;animation:add-client-pop-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes add-client-pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.add-client-success-icon{width:72px;height:72px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;margin:0 auto 20px;box-shadow:0 8px 24px #22c55e59}.add-client-success-title{font-family:Syne,sans-serif;font-size:1.6rem;font-weight:700;color:#0f172a;margin:0 0 8px}.add-client-success-msg{color:#64748b;font-size:14px;margin:0}@media (max-width: 640px){.add-client-wrapper{padding:16px 12px 40px}.add-client-grid{grid-template-columns:1fr}.add-client-field--full{grid-column:1}.add-client-stepper{justify-content:flex-start;padding-left:8px}.add-client-step-label{display:none}.add-client-card-body{padding:20px 16px}.add-client-card-footer{padding:16px;gap:12px}.add-client-card-header{padding:18px 16px}.add-client-page-title{font-size:1.35rem}.add-client-success-card{padding:40px 28px}}.add-client-contact-section{display:flex;flex-direction:column;gap:16px}.add-client-contact-header{display:flex;align-items:center;justify-content:space-between}.add-client-contact-count{font-size:12px;color:#94a3b8;margin:0;font-weight:500}.add-client-btn--sm{padding:7px 14px;font-size:12px}.add-client-contact-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 20px;background:#f8fafc;border:1.5px dashed #e2e8f0;border-radius:12px;text-align:center}.add-client-contact-empty-icon{font-size:36px;color:#cbd5e1}.add-client-contact-empty p{font-size:13px;color:#94a3b8;margin:0}.add-client-contact-list{display:flex;flex-direction:column;gap:10px}.add-client-contact-card{position:relative;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:14px 14px 14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:border-color .18s,box-shadow .18s}.add-client-contact-card:hover{border-color:#93c5fd;box-shadow:0 2px 10px #3b82f614}.add-client-contact-card--primary{border-color:#3b82f6;background:#eff6ff}.add-client-primary-badge{position:absolute;top:-1px;left:14px;background:#3b82f6;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:0 0 6px 6px;display:flex;align-items:center;gap:3px;letter-spacing:.03em}.add-client-contact-card-body{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding-top:6px}.add-client-contact-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.add-client-contact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.add-client-contact-name{font-size:13.5px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-client-contact-designation{font-size:11.5px;color:#3b82f6;font-weight:500}.add-client-contact-detail{font-size:11.5px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-client-contact-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.add-client-contact-action-btn{width:30px;height:30px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;color:#94a3b8}.add-client-contact-action-btn--star:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.add-client-contact-action-btn--edit:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.add-client-contact-action-btn--delete:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.add-client-modal-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:999;padding:20px;animation:ac-overlay-in .2s ease}@keyframes ac-overlay-in{0%{opacity:0}to{opacity:1}}.add-client-modal{background:#fff;border-radius:18px;width:100%;max-width:520px;box-shadow:0 20px 60px #0f172a2e;animation:ac-modal-in .25s cubic-bezier(.34,1.4,.64,1);overflow:hidden}@keyframes ac-modal-in{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.add-client-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 16px;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.add-client-modal-title-wrap{display:flex;align-items:center;gap:10px}.add-client-modal-icon{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center}.add-client-modal-title{font-size:15px;font-weight:700;color:#0f172a;margin:0}.add-client-modal-close{width:30px;height:30px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.add-client-modal-close:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.add-client-modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.add-client-checkbox-row{display:flex;align-items:center;gap:9px;cursor:pointer;padding:10px 14px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fafbfc;transition:all .15s}.add-client-checkbox-row:hover{border-color:#3b82f6;background:#eff6ff}.add-client-checkbox{width:15px;height:15px;accent-color:#3b82f6;cursor:pointer}.add-client-checkbox-label{font-size:13px;font-weight:500;color:#475569;display:flex;align-items:center;gap:5px}.add-client-star-icon{color:#3b82f6;font-size:15px}.add-client-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #f1f5f9;background:#fafbfc}.ec-layout{display:flex;flex-direction:row;height:85vh;overflow:hidden;font-family:Inter,sans-serif;background:#f8fafc}.ec-main{flex:1;display:flex;flex-direction:column;min-width:0;padding:24px 28px 32px;overflow-y:auto}.ec-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-shrink:0}.ec-topbar-info{display:flex;align-items:center;gap:14px}.ec-topbar-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb;font-size:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #3b82f62e}.ec-topbar-title{font-family:Syne,sans-serif;font-size:1.2rem;font-weight:700;color:#0f172a;margin:0 0 2px}.ec-topbar-sub{font-size:11.5px;color:#94a3b8;margin:0}.ec-topbar-dots{display:flex;gap:5px;align-items:center}.ec-dot{width:7px;height:7px;border-radius:50%;background:#e2e8f0;cursor:pointer;transition:all .2s}.ec-dot:hover{background:#93c5fd}.ec-dot--active{width:20px;border-radius:4px;background:#3b82f6}.ec-dot--done{background:#10b981}.ec-form-area{flex:1;background:#fff;border-radius:16px;padding:24px 22px;box-shadow:0 1px 3px #0000000f,0 6px 24px #0f172a12;border:1px solid #f1f5f9;animation:ec-fade-in .25s ease;overflow-y:auto;margin-bottom:16px}@keyframes ec-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ec-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.ec-field{display:flex;flex-direction:column;gap:6px}.ec-field--full{grid-column:1 / -1}.ec-label{font-size:11.5px;font-weight:600;color:#475569;letter-spacing:.04em;text-transform:uppercase}.ec-required{color:#ef4444;margin-left:2px}.ec-input{padding:10px 13px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13.5px;font-family:Inter,sans-serif;color:#1e293b;background:#fafbfc;outline:none;width:100%;box-sizing:border-box;transition:border-color .18s,box-shadow .18s,background .18s}.ec-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61f}.ec-input::placeholder{color:#b0bac6;font-size:12.5px}.ec-field--error .ec-input{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.ec-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-color:#fafbfc;padding-right:34px}.ec-textarea{resize:vertical;min-height:76px}.ec-error-msg{font-size:11px;color:#ef4444;font-weight:500}.ec-submit-error{padding:11px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:13px;font-weight:500;margin-bottom:14px;flex-shrink:0}.ec-form-footer{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.ec-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;border-radius:10px;font-size:13px;font-weight:600;font-family:Inter,sans-serif;border:none;cursor:pointer;transition:all .18s}.ec-btn--primary{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f647}.ec-btn--primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 14px #3b82f661}.ec-btn--ghost{background:#fff;color:#64748b;border:1.5px solid #e2e8f0}.ec-btn--ghost:hover:not(:disabled){border-color:#3b82f6;color:#2563eb;background:#eff6ff}.ec-btn--ghost:disabled{opacity:.35;cursor:not-allowed}.ec-btn--submit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 10px #3b82f647;min-width:148px;justify-content:center}.ec-btn--submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 18px #3b82f666}.ec-btn--submit:disabled{opacity:.65;cursor:not-allowed}.ec-btn--sm{padding:7px 14px;font-size:12px}.ec-spinner{display:inline-block;width:15px;height:15px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ec-spin .7s linear infinite}@keyframes ec-spin{to{transform:rotate(360deg)}}.ec-sidebar{width:196px;min-width:196px;max-width:196px;background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;padding:18px 13px;gap:14px;height:100vh;overflow-y:auto;box-shadow:-3px 0 20px #0f172a0d;flex-shrink:0}.ec-sidebar-header{display:flex;align-items:center;gap:9px}.ec-back-btn{width:38px;height:25px;border-radius:8px;border:1.5px solid #e2e8f0;background:#f8fafc;color:#64748b;font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .18s}.ec-back-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.ec-sidebar-meta{display:flex;flex-direction:column;overflow:hidden}.ec-sidebar-title{font-family:Syne,sans-serif;font-size:12px;font-weight:700;color:#0f172a;letter-spacing:.01em}.ec-sidebar-name{font-size:10.5px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ec-sidebar-progress{display:flex;flex-direction:column;gap:5px}.ec-sidebar-progress-track{height:3px;background:#f1f5f9;border-radius:99px;overflow:hidden}.ec-sidebar-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:99px;transition:width .4s cubic-bezier(.4,0,.2,1)}.ec-sidebar-progress-label{font-size:10px;color:#94a3b8}.ec-step-nav{display:flex;flex-direction:column;gap:2px;flex:1}.ec-step-item{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:9px;border:none;background:transparent;cursor:pointer;transition:all .18s;text-align:left;color:#94a3b8;font-family:Inter,sans-serif;width:100%}.ec-step-item:hover{background:#f8fafc;color:#64748b}.ec-step-item--active{background:#eff6ff!important;color:#2563eb!important}.ec-step-item--done{color:#10b981}.ec-step-item--done:hover{background:#f0fdf4}.ec-step-indicator{width:18px;height:18px;border-radius:50%;border:1.5px solid currentColor;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ec-step-item--active .ec-step-indicator{background:#3b82f6;border-color:#3b82f6;color:#fff}.ec-step-item--done .ec-step-indicator{background:#10b981;border-color:#10b981;color:#fff}.ec-step-icon{font-size:13px;display:flex;align-items:center;flex-shrink:0}.ec-step-label{font-size:11.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ec-sidebar-save{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:12px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;box-shadow:0 3px 10px #3b82f647;transition:all .18s;flex-shrink:0}.ec-sidebar-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 16px #3b82f661}.ec-sidebar-save:disabled{opacity:.6;cursor:not-allowed}.ec-center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc;padding:40px}.ec-error-card{background:#fff;border-radius:20px;padding:48px 56px;text-align:center;box-shadow:0 8px 40px #0f172a1a;display:flex;flex-direction:column;align-items:center;gap:16px}.ec-error-emoji{font-size:42px}.ec-error-card p{color:#64748b;font-size:13.5px;margin:0}.ec-success-card{background:#fff;border-radius:24px;padding:52px 68px;text-align:center;box-shadow:0 8px 48px #0f172a1f;animation:ec-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes ec-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.ec-success-orb{width:72px;height:72px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:38px;color:#fff;margin:0 auto 20px;box-shadow:0 8px 24px #3b82f659}.ec-success-card h2{font-family:Syne,sans-serif;font-size:1.55rem;font-weight:700;color:#0f172a;margin:0 0 8px}.ec-success-card p{color:#64748b;font-size:13.5px;margin:0}.ec-sidebar--skeleton{gap:12px}.ec-skel-step{height:36px;border-radius:9px;background:linear-gradient(90deg,#f1f5f9 25%,#e8ecf2,#f1f5f9 75%);background-size:200% 100%;animation:ec-shimmer 1.4s infinite}.ec-skel-title{height:32px;border-radius:8px;margin-bottom:20px;background:linear-gradient(90deg,#f1f5f9 25%,#e8ecf2,#f1f5f9 75%);background-size:200% 100%;animation:ec-shimmer 1.4s infinite}.ec-skel-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ec-skel-field{height:58px;border-radius:10px;background:linear-gradient(90deg,#f1f5f9 25%,#e8ecf2,#f1f5f9 75%);background-size:200% 100%;animation:ec-shimmer 1.4s infinite}@keyframes ec-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.ec-layout{flex-direction:column;height:auto;overflow:visible}.ec-sidebar{width:100%;min-width:unset;max-width:unset;height:auto;border-left:none;border-top:1px solid #e2e8f0;box-shadow:0 -3px 16px #0f172a0d;order:2;padding:14px;flex-direction:column}.ec-step-nav{flex-direction:row;overflow-x:auto;flex:unset;gap:4px}.ec-step-item{flex-direction:column;align-items:center;gap:3px;padding:7px 10px;min-width:52px}.ec-step-label{font-size:9.5px;text-align:center}.ec-main{padding:16px 14px 20px;order:1;overflow-y:visible}.ec-grid{grid-template-columns:1fr}.ec-field--full{grid-column:1}.ec-form-area{padding:18px 14px}}.ec-contact-section{display:flex;flex-direction:column;gap:16px}.ec-contact-header{display:flex;align-items:center;justify-content:space-between}.ec-contact-count{font-size:12px;color:#94a3b8;margin:0;font-weight:500}.ec-contact-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 20px;background:#f8fafc;border:1.5px dashed #e2e8f0;border-radius:12px;text-align:center}.ec-contact-empty-icon{font-size:36px;color:#cbd5e1}.ec-contact-empty p{font-size:13px;color:#94a3b8;margin:0}.ec-contact-list{display:flex;flex-direction:column;gap:10px}.ec-contact-card{position:relative;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:14px 14px 14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:border-color .18s,box-shadow .18s}.ec-contact-card:hover{border-color:#93c5fd;box-shadow:0 2px 10px #3b82f614}.ec-contact-card--primary{border-color:#3b82f6;background:#eff6ff}.ec-primary-badge{position:absolute;top:-1px;left:14px;background:#3b82f6;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:0 0 6px 6px;display:flex;align-items:center;gap:3px;letter-spacing:.03em}.ec-contact-card-body{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding-top:6px}.ec-contact-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:Syne,sans-serif}.ec-contact-info{display:flex;flex-direction:column;gap:1px;min-width:0}.ec-contact-name{font-size:13.5px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ec-contact-designation{font-size:11.5px;color:#3b82f6;font-weight:500}.ec-contact-detail{font-size:11.5px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ec-contact-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.ec-contact-action-btn{width:38px;height:30px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;color:#94a3b8}.ec-contact-action-btn--star:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.ec-contact-action-btn--edit:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.ec-contact-action-btn--delete:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.ec-modal-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:999;padding:20px;animation:ec-overlay-in .2s ease}@keyframes ec-overlay-in{0%{opacity:0}to{opacity:1}}.ec-modal{background:#fff;border-radius:18px;width:100%;max-width:520px;box-shadow:0 20px 60px #0f172a2e;animation:ec-modal-in .25s cubic-bezier(.34,1.4,.64,1);overflow:hidden}@keyframes ec-modal-in{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.ec-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 16px;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.ec-modal-title-wrap{display:flex;align-items:center;gap:10px}.ec-modal-icon{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center}.ec-modal-title{font-family:Syne,sans-serif;font-size:15px;font-weight:700;color:#0f172a;margin:0}.ec-modal-close{width:30px;height:30px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.ec-modal-close:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.ec-modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.ec-checkbox-row{display:flex;align-items:center;gap:9px;cursor:pointer;padding:10px 14px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fafbfc;transition:all .15s}.ec-checkbox-row:hover{border-color:#3b82f6;background:#eff6ff}.ec-checkbox{width:15px;height:15px;accent-color:#3b82f6;cursor:pointer}.ec-checkbox-label{font-size:13px;font-weight:500;color:#475569;display:flex;align-items:center;gap:5px}.ec-star-icon{color:#3b82f6;font-size:15px}.ec-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #f1f5f9;background:#fafbfc}.viewclient-layout{display:flex;flex-direction:column;min-height:100vh;background:#f8fafc;font-family:Inter,sans-serif;padding:24px 28px 40px;gap:20px;max-width:1200px;margin:0 auto;box-sizing:border-box}.viewclient-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;background:#fff;border-radius:20px;padding:28px;box-shadow:0 1px 3px #0000000f,0 6px 24px #0f172a12;border:1px solid #f1f5f9}.viewclient-hero-left{display:flex;align-items:flex-start;gap:20px;flex:1;min-width:0}.viewclient-avatar{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:26px;font-weight:700;font-family:Syne,sans-serif;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 18px #3b82f64d}.viewclient-hero-info{display:flex;flex-direction:column;gap:8px;min-width:0}.viewclient-hero-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.viewclient-hero-name{font-family:Syne,sans-serif;font-size:1.6rem;font-weight:700;color:#0f172a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewclient-verified{color:#3b82f6;font-size:20px;display:flex;align-items:center}.viewclient-hero-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.viewclient-hero-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;background:#eff6ff;color:#2563eb;font-size:11.5px;font-weight:600}.viewclient-hero-tag--type{background:#f0fdf4;color:#15803d}.viewclient-hero-remarks{font-size:12.5px;color:#64748b;font-style:italic;margin:0}.viewclient-hero-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.viewclient-badge{display:inline-flex;align-items:center;padding:3px 11px;border-radius:99px;font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:capitalize}.viewclient-badge--active{background:#dcfce7;color:#15803d}.viewclient-badge--inactive{background:#fee2e2;color:#dc2626}.viewclient-badge--prospect{background:#fef9c3;color:#854d0e}.viewclient-badge--default{background:#f1f5f9;color:#475569}.viewclient-stats-bar{display:flex;align-items:center;background:#fff;border-radius:14px;padding:16px 24px;box-shadow:0 1px 3px #0000000d,0 4px 14px #0f172a0f;border:1px solid #f1f5f9;gap:0;overflow-x:auto}.viewclient-stat{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;min-width:90px;padding:0 12px}.viewclient-stat-value{font-size:16px;font-weight:700;color:#0f172a;font-family:Syne,sans-serif;white-space:nowrap}.viewclient-stat-label{font-size:10.5px;color:#94a3b8;font-weight:500;white-space:nowrap}.viewclient-stat-divider{width:1px;height:36px;background:#e2e8f0;flex-shrink:0}.viewclient-tabs{display:flex;gap:4px;background:#fff;border-radius:12px;padding:5px;box-shadow:0 1px 3px #0000000d;border:1px solid #f1f5f9;width:fit-content}.viewclient-tab{padding:8px 20px;border-radius:8px;border:none;background:transparent;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;font-family:Inter,sans-serif;transition:all .18s;white-space:nowrap}.viewclient-tab:hover{background:#f8fafc;color:#334155}.viewclient-tab--active{background:#3b82f6;color:#fff;font-weight:600;box-shadow:0 2px 8px #3b82f647}.viewclient-content{flex:1}.viewclient-tab-panel{animation:viewclient-fade-in .22s ease}@keyframes viewclient-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.viewclient-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.viewclient-section{background:#fff;border-radius:16px;padding:22px;box-shadow:0 1px 3px #0000000d,0 4px 16px #0f172a0f;border:1px solid #f1f5f9;display:flex;flex-direction:column;gap:16px}.viewclient-section-header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.viewclient-section-icon{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#3b82f6;font-size:17px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.viewclient-section-title{font-family:Syne,sans-serif;font-size:14px;font-weight:700;color:#0f172a;margin:0}.viewclient-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.viewclient-info-row{display:flex;align-items:flex-start;gap:9px;padding:9px 11px;border-radius:9px;background:#f8fafc;border:1px solid transparent;transition:border-color .15s}.viewclient-info-row:hover{border-color:#e2e8f0}.viewclient-info-row--highlight{background:#eff6ff;border-color:#bfdbfe}.viewclient-info-icon{font-size:15px;color:#3b82f6;margin-top:1px;flex-shrink:0}.viewclient-info-content{display:flex;flex-direction:column;gap:2px;min-width:0}.viewclient-info-label{font-size:10.5px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.viewclient-info-value{font-size:13px;font-weight:500;color:#1e293b;word-break:break-word}.viewclient-remarks-box{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:0 8px 8px 0;padding:10px 14px}.viewclient-remarks-label{font-size:10.5px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:4px}.viewclient-remarks-text{font-size:13px;color:#475569;margin:0;font-style:italic;line-height:1.5}.viewclient-address-block{display:flex;flex-direction:column;gap:12px}.viewclient-address-street{font-size:13.5px;color:#1e293b;font-weight:500;padding:10px 14px;background:#f8fafc;border-radius:9px;margin:0;border:1px solid #e2e8f0}.viewclient-primary-contact{display:flex;align-items:flex-start;gap:14px;padding:14px;background:#eff6ff;border-radius:12px;border:1.5px solid #bfdbfe}.viewclient-pc-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:Syne,sans-serif}.viewclient-pc-info{display:flex;flex-direction:column;gap:2px}.viewclient-pc-name{font-size:14px;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:5px}.viewclient-pc-star{color:#3b82f6;font-size:14px}.viewclient-pc-designation{font-size:12px;color:#3b82f6;font-weight:600}.viewclient-pc-detail{font-size:12px;color:#64748b}.viewclient-tax-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.viewclient-tax-card{display:flex;align-items:center;gap:14px;padding:16px;background:#f8fafc;border-radius:12px;border:1.5px solid #e2e8f0;transition:border-color .15s,box-shadow .15s}.viewclient-tax-card:hover{border-color:#93c5fd;box-shadow:0 2px 10px #3b82f614}.viewclient-tax-card-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#3b82f6;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.viewclient-tax-card-body{display:flex;flex-direction:column;gap:3px;min-width:0}.viewclient-tax-card-label{font-size:10.5px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.viewclient-tax-card-value{font-size:13.5px;font-weight:600;color:#0f172a;word-break:break-all}.viewclient-tax-card-value--empty{color:#cbd5e1;font-weight:400}.viewclient-contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.viewclient-contact-card{position:relative;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:18px 16px 16px;display:flex;flex-direction:column;gap:14px;transition:border-color .18s,box-shadow .18s}.viewclient-contact-card:hover{border-color:#93c5fd;box-shadow:0 4px 14px #3b82f61a}.viewclient-contact-card--primary{border-color:#3b82f6;background:#eff6ff}.viewclient-contact-badge{position:absolute;top:-1px;left:14px;background:#3b82f6;color:#fff;font-size:10px;font-weight:700;padding:2px 9px;border-radius:0 0 7px 7px;display:flex;align-items:center;gap:3px;letter-spacing:.03em}.viewclient-contact-top{display:flex;align-items:center;gap:12px;padding-top:8px}.viewclient-contact-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:Syne,sans-serif}.viewclient-contact-name{font-size:14px;font-weight:700;color:#0f172a;margin:0 0 2px}.viewclient-contact-designation{font-size:12px;color:#3b82f6;font-weight:600;margin:0}.viewclient-contact-details{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid #e2e8f0}.viewclient-contact-detail-row{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#475569}.viewclient-contact-detail-icon{color:#93c5fd;font-size:14px;flex-shrink:0}.viewclient-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 20px;color:#94a3b8}.viewclient-empty-icon{font-size:48px;color:#cbd5e1}.viewclient-empty p{font-size:13.5px;margin:0}.viewclient-footer-meta{display:flex;align-items:center;gap:20px;padding:12px 16px;background:#fff;border-radius:10px;border:1px solid #f1f5f9;font-size:11.5px;color:#94a3b8}.viewclient-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:10px;font-size:13px;font-weight:600;font-family:Inter,sans-serif;border:none;cursor:pointer;transition:all .18s}.viewclient-btn--primary{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f647}.viewclient-btn--primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 14px #3b82f661}.viewclient-btn--ghost{background:#fff;color:#64748b;border:1.5px solid #e2e8f0}.viewclient-btn--ghost:hover{border-color:#3b82f6;color:#2563eb;background:#eff6ff}.viewclient-skel-hero{height:120px;border-radius:20px;background:linear-gradient(90deg,#f1f5f9 25%,#e8ecf2,#f1f5f9 75%);background-size:200% 100%;animation:viewclient-shimmer 1.4s infinite}.viewclient-skel-tabs{height:48px;border-radius:12px;width:360px;background:linear-gradient(90deg,#f1f5f9 25%,#e8ecf2,#f1f5f9 75%);background-size:200% 100%;animation:viewclient-shimmer 1.4s infinite}.viewclient-skel-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.viewclient-skel-card{height:180px;border-radius:16px;background:linear-gradient(90deg,#f1f5f9 25%,#e8ecf2,#f1f5f9 75%);background-size:200% 100%;animation:viewclient-shimmer 1.4s infinite}@keyframes viewclient-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.viewclient-center{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc;padding:40px}.viewclient-error-card{background:#fff;border-radius:20px;padding:48px 56px;text-align:center;box-shadow:0 8px 40px #0f172a1a;display:flex;flex-direction:column;align-items:center;gap:16px}.viewclient-error-emoji{font-size:42px}.viewclient-error-card p{color:#64748b;font-size:13.5px;margin:0}@media (max-width: 900px){.viewclient-two-col{grid-template-columns:1fr}.viewclient-layout{padding:16px 14px 32px}}@media (max-width: 600px){.viewclient-hero{flex-direction:column}.viewclient-hero-actions{width:100%;justify-content:flex-end}.viewclient-stats-bar{gap:0;padding:12px}.viewclient-hero-name{font-size:1.25rem}.viewclient-tabs{width:100%;overflow-x:auto}.viewclient-grid{grid-template-columns:1fr}}.ViewProjectStatus__root{padding:28px 32px;min-height:100vh;background:#f1f5f9;font-family:Segoe UI,sans-serif}.ViewProjectStatus__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.ViewProjectStatus__header-left{display:flex;align-items:center;gap:14px}.ViewProjectStatus__header-icon{font-size:36px;line-height:1}.ViewProjectStatus__title{font-size:22px;font-weight:700;color:#0f172a;margin:0}.ViewProjectStatus__subtitle{font-size:13px;color:#64748b;margin:2px 0 0}.ViewProjectStatus__result-count{background:#dbeafe;color:#1d4ed8;font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px}.ViewProjectStatus__filter-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 4px #00000012;margin-bottom:28px}.ViewProjectStatus__filter-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-bottom:20px}@media (max-width: 768px){.ViewProjectStatus__filter-grid{grid-template-columns:1fr}}.ViewProjectStatus__label{display:block;font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px}.ViewProjectStatus__date-input{width:100%;height:44px;border:1.5px solid #e2e8f0;border-radius:10px;padding:0 14px;font-size:14px;color:#1e293b;background:#f8fafc;outline:none;box-sizing:border-box;transition:border .2s,box-shadow .2s}.ViewProjectStatus__date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.ViewProjectStatus__filter-actions{display:flex;justify-content:flex-end;gap:12px}.ViewProjectStatus__btn-clear{padding:10px 22px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.ViewProjectStatus__btn-clear:hover{background:#f1f5f9;border-color:#cbd5e1}.ViewProjectStatus__btn-search{padding:10px 28px;border-radius:10px;border:none;background:#3b82f6;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.ViewProjectStatus__btn-search:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.ViewProjectStatus__btn-search:disabled{background:#93c5fd;cursor:not-allowed}.ViewProjectStatus__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:ViewProjectStatus__spin .7s linear infinite;display:inline-block}@keyframes ViewProjectStatus__spin{to{transform:rotate(360deg)}}.ViewProjectStatus__error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:10px;padding:14px 18px;font-size:14px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.ViewProjectStatus__skeleton-wrap{display:flex;flex-direction:column;gap:16px}.ViewProjectStatus__skeleton-card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 1px 4px #0000000f}.ViewProjectStatus__skeleton-line{height:14px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;border-radius:6px;margin-bottom:12px;animation:ViewProjectStatus__shimmer 1.4s infinite}.ViewProjectStatus__skeleton-line--short{width:35%}.ViewProjectStatus__skeleton-line--medium{width:60%}@keyframes ViewProjectStatus__shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ViewProjectStatus__empty{text-align:center;padding:64px 20px}.ViewProjectStatus__empty-icon{font-size:52px;margin-bottom:14px}.ViewProjectStatus__empty-text{color:#94a3b8;font-size:15px}.ViewProjectStatus__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.ViewProjectStatus__card{background:#fff;border-radius:16px;box-shadow:0 1px 4px #00000012;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s;animation:ViewProjectStatus__fadeUp .3s ease both}.ViewProjectStatus__card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}@keyframes ViewProjectStatus__fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ViewProjectStatus__card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid #f1f5f9}.ViewProjectStatus__card-meta{display:flex;align-items:center;gap:10px}.ViewProjectStatus__card-id{font-size:13px;font-weight:700;color:#94a3b8}.ViewProjectStatus__card-date{font-size:12px;color:#64748b}.ViewProjectStatus__badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px}.ViewProjectStatus__badge--active{background:#dcfce7;color:#16a34a}.ViewProjectStatus__badge--inactive{background:#f1f5f9;color:#64748b}.ViewProjectStatus__badge--pending{background:#fef9c3;color:#ca8a04}.ViewProjectStatus__badge--delayed{background:#fee2e2;color:#dc2626}.ViewProjectStatus__badge--completed{background:#dbeafe;color:#1d4ed8}.ViewProjectStatus__badge--default{background:#f1f5f9;color:#475569}.ViewProjectStatus__card-body{padding:16px 18px;flex:1}.ViewProjectStatus__card-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ViewProjectStatus__card-field-label{font-size:12px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.ViewProjectStatus__card-field-value{font-size:13px;color:#1e293b;font-weight:600}.ViewProjectStatus__card-message{margin-top:10px}.ViewProjectStatus__card-message-text{font-size:13px;color:#475569;margin:6px 0 0;line-height:1.6;background:#f8fafc;border-left:3px solid #3b82f6;padding:8px 12px;border-radius:0 8px 8px 0}.ViewProjectStatus__card-images{padding:0 18px 14px}.ViewProjectStatus__images-label{font-size:12px;font-weight:600;color:#64748b;margin:0 0 10px}.ViewProjectStatus__images-grid{display:flex;gap:8px;flex-wrap:wrap}.ViewProjectStatus__image-thumb{width:72px;height:72px;border-radius:10px;overflow:hidden;cursor:pointer;position:relative;border:2px solid #e2e8f0;transition:border-color .2s}.ViewProjectStatus__image-thumb:hover{border-color:#3b82f6}.ViewProjectStatus__image-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ViewProjectStatus__image-overlay{position:absolute;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;font-size:18px;opacity:0;transition:opacity .2s}.ViewProjectStatus__image-thumb:hover .ViewProjectStatus__image-overlay{opacity:1}.ViewProjectStatus__card-footer{padding:10px 18px;border-top:1px solid #f1f5f9;background:#fafafa}.ViewProjectStatus__card-created{font-size:11px;color:#94a3b8}.ViewProjectStatus__lightbox{position:fixed;inset:0;background:#000c;z-index:9999;display:flex;align-items:center;justify-content:center;animation:ViewProjectStatus__fadeIn .2s ease}@keyframes ViewProjectStatus__fadeIn{0%{opacity:0}to{opacity:1}}.ViewProjectStatus__lightbox-inner{position:relative;max-width:90vw;max-height:90vh}.ViewProjectStatus__lightbox-img{max-width:90vw;max-height:85vh;border-radius:14px;box-shadow:0 20px 60px #00000080;display:block}.ViewProjectStatus__lightbox-close{position:absolute;top:-14px;right:-14px;width:32px;height:32px;border-radius:50%;background:#fff;border:none;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;transition:background .2s}.ViewProjectStatus__lightbox-close:hover{background:#fee2e2;color:#dc2626}.StoreStockDetails-wrapper *{box-sizing:border-box;margin:0;padding:0}.StoreStockDetails-wrapper{min-height:100vh;background:#f0f6ff;font-family:Instrument Sans,DM Sans,sans-serif}.StoreStockDetails-wrapper ::-webkit-scrollbar{width:6px;height:6px}.StoreStockDetails-wrapper ::-webkit-scrollbar-track{background:#e8f0fe}.StoreStockDetails-wrapper ::-webkit-scrollbar-thumb{background:#93c5fd;border-radius:99px}@keyframes StoreStockDetails-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes StoreStockDetails-pulse{0%,to{opacity:1}50%{opacity:.4}}.StoreStockDetails-fade-in{animation:StoreStockDetails-fadeIn .3s ease forwards}.StoreStockDetails-header{background:#fff;border-bottom:1.5px solid #dbeafe;padding:0 32px;box-shadow:0 1px 6px #3b82f612}.StoreStockDetails-header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px}.StoreStockDetails-logo{display:flex;align-items:center;gap:10px}.StoreStockDetails-logo-icon{width:32px;height:32px;background:#2563eb;border-radius:8px;display:flex;align-items:center;justify-content:center}.StoreStockDetails-logo-title{font-size:15px;font-weight:800;color:#1e40af;letter-spacing:-.02em}.StoreStockDetails-header-controls{display:flex;align-items:center;gap:8px}.StoreStockDetails-label{font-size:12px;color:#93c5fd;font-weight:500}.StoreStockDetails-input{border:1.5px solid #bfdbfe;border-radius:8px;padding:8px 12px;font-size:13px;font-family:inherit;outline:none;transition:border .15s;width:110px;background:#eff6ff;color:#1e40af}.StoreStockDetails-input:focus{border-color:#3b82f6;background:#fff}.StoreStockDetails-load-btn{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s}.StoreStockDetails-load-btn:hover{background:#1d4ed8}.StoreStockDetails-load-btn:disabled{background:#93c5fd;cursor:not-allowed}.StoreStockDetails-content{max-width:1200px;margin:0 auto;padding:28px 32px}.StoreStockDetails-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;gap:12px}.StoreStockDetails-empty-icon{width:56px;height:56px;background:#dbeafe;border-radius:14px;display:flex;align-items:center;justify-content:center}.StoreStockDetails-empty-title{font-size:14px;font-weight:600;color:#3b82f6}.StoreStockDetails-empty-subtitle{font-size:12px;color:#93c5fd}.StoreStockDetails-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px}.StoreStockDetails-loading-dots{display:flex;gap:6px}.StoreStockDetails-loading-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6}.StoreStockDetails-loading-dot:nth-child(1){animation:StoreStockDetails-pulse 1s ease 0s infinite}.StoreStockDetails-loading-dot:nth-child(2){animation:StoreStockDetails-pulse 1s ease .2s infinite}.StoreStockDetails-loading-dot:nth-child(3){animation:StoreStockDetails-pulse 1s ease .4s infinite}.StoreStockDetails-loading-text{font-size:13px;color:#60a5fa}.StoreStockDetails-error{background:#fef2f2;border:1.5px solid #fecaca;border-radius:12px;padding:20px 24px;color:#b91c1c;font-size:13px;font-weight:600}.StoreStockDetails-banner{background:#3a4f81;border-radius:16px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px;box-shadow:0 4px 20px #2563eb40}.StoreStockDetails-banner-left{display:flex;align-items:center;gap:14px}.StoreStockDetails-banner-icon{width:44px;height:44px;background:#ffffff26;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.StoreStockDetails-banner-name{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.02em}.StoreStockDetails-banner-address{font-size:12px;color:#bfdbfe;margin-top:3px;max-width:320px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:default}.StoreStockDetails-banner-address-wrap{position:relative}.StoreStockDetails-banner-address-wrap:hover .StoreStockDetails-banner-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.StoreStockDetails-banner-tooltip{position:absolute;top:calc(100% + 8px);left:0;background:#1e3a8a;color:#e0f2fe;font-size:11px;font-weight:500;padding:8px 12px;border-radius:8px;white-space:pre-line;min-width:200px;max-width:300px;line-height:1.6;box-shadow:0 4px 16px #0003;border:1px solid #2563eb;z-index:99;opacity:0;visibility:hidden;transform:translateY(4px);transition:all .2s ease}.StoreStockDetails-banner-tooltip:before{content:"";position:absolute;top:-5px;left:12px;width:8px;height:8px;background:#1e3a8a;border-left:1px solid #2563eb;border-top:1px solid #2563eb;transform:rotate(45deg)}.StoreStockDetails-banner-right{display:flex;gap:8px}.StoreStockDetails-banner-chip{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:8px 16px;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.StoreStockDetails-banner-chip-label{font-size:10px;color:#bfdbfe;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.StoreStockDetails-banner-chip-value{font-size:16px;font-weight:800;color:#fff;font-family:DM Mono,monospace}.StoreStockDetails-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.StoreStockDetails-stat-card{background:#fff;border-radius:12px;padding:18px 22px;border:1.5px solid #dbeafe;box-shadow:0 1px 6px #3b82f614;display:flex;flex-direction:column;gap:4px}.StoreStockDetails-stat-label{font-size:11px;font-weight:600;color:#2b2d30;letter-spacing:.08em;text-transform:uppercase}.StoreStockDetails-stat-value{font-size:26px;font-weight:800;font-family:DM Mono,monospace}.StoreStockDetails-stat-sub{font-size:11px;color:#2e3032}.StoreStockDetails-tabs{display:flex;align-items:center;gap:4px;margin-bottom:20px;background:#dbeafe;border-radius:10px;padding:4px;width:fit-content}.StoreStockDetails-tab-btn{border:none;background:none;cursor:pointer;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;transition:all .15s;font-family:inherit;color:#3b82f6}.StoreStockDetails-tab-btn.active{background:#2563eb;color:#fff;box-shadow:0 2px 8px #2563eb33}.StoreStockDetails-tab-btn:not(.active):hover{background:#bfdbfe;color:#1d4ed8}.StoreStockDetails-summary-card{background:#fff;border-radius:14px;border:1.5px solid #dbeafe;overflow:hidden;box-shadow:0 1px 6px #3b82f614}.StoreStockDetails-summary-header{padding:16px 24px;border-bottom:1.5px solid #eff6ff;display:flex;align-items:center;justify-content:space-between;background:#f8fbff}.StoreStockDetails-summary-title{font-size:13px;font-weight:700;color:#1e40af}.StoreStockDetails-summary-count{font-size:11px;color:#93c5fd}.StoreStockDetails-summary-body{padding:8px 0}.StoreStockDetails-summary-empty{padding:40px 24px;text-align:center;color:#93c5fd;font-size:13px}.StoreStockDetails-summary-row{padding:14px 24px;display:grid;grid-template-columns:1fr 100px 100px 120px;gap:12px;align-items:center;border-bottom:1px solid #eff6ff;transition:background .1s}.StoreStockDetails-summary-row:hover{background:#f8fbff}.StoreStockDetails-summary-row:last-child{border-bottom:none}.StoreStockDetails-product-name{font-size:13px;font-weight:600;color:#1e40af;margin-bottom:8px;text-transform:capitalize}.StoreStockDetails-progress-labels{display:flex;justify-content:space-between;margin-bottom:4px}.StoreStockDetails-progress-label{font-size:10px;color:#93c5fd}.StoreStockDetails-progress-track{height:6px;border-radius:99px;background:#dbeafe;overflow:hidden}.StoreStockDetails-progress-inner{display:flex;height:100%}.StoreStockDetails-progress-used{background:#bfdbfe;transition:width .6s ease}.StoreStockDetails-progress-remaining{background:linear-gradient(90deg,#3b82f6,#06b6d4);transition:width .6s ease}.StoreStockDetails-cell-center{text-align:center}.StoreStockDetails-cell-right{text-align:right}.StoreStockDetails-cell-sub-label{font-size:10px;color:#93c5fd;font-weight:600;text-transform:uppercase;margin-bottom:2px}.StoreStockDetails-cell-value{font-size:14px;font-weight:700;font-family:DM Mono,monospace}.StoreStockDetails-cell-value--in{color:#16a34a}.StoreStockDetails-cell-value--out{color:#dc2626}.StoreStockDetails-cell-value--balance{font-size:16px;font-weight:800;color:#2563eb}.StoreStockDetails-filter-bar{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.StoreStockDetails-filter-btn{border:1.5px solid #bfdbfe;background:#fff;cursor:pointer;padding:5px 13px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.04em;transition:all .15s;font-family:inherit;color:#3b82f6}.StoreStockDetails-filter-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.StoreStockDetails-filter-btn:not(.active):hover{border-color:#60a5fa;background:#eff6ff;color:#1d4ed8}.StoreStockDetails-filter-count{margin-left:auto;font-size:11px;color:#93c5fd}.StoreStockDetails-table-wrap{background:#fff;border-radius:14px;border:1.5px solid #dbeafe;overflow:hidden;box-shadow:0 1px 6px #3b82f614}.StoreStockDetails-table-scroll{overflow-x:auto}.StoreStockDetails-table{width:100%;border-collapse:collapse;font-size:12px}.StoreStockDetails-table thead tr{background:#eff6ff}.StoreStockDetails-table th{padding:11px 14px;font-size:10px;font-weight:700;color:#f6f7f7;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:1.5px solid #dbeafe;text-align:left}.StoreStockDetails-table th.right{text-align:right}.StoreStockDetails-table-row{border-bottom:1px solid #eff6ff;transition:background .1s;cursor:pointer}.StoreStockDetails-table-row:hover{background:#f8fbff}.StoreStockDetails-table td{padding:12px 14px}.StoreStockDetails-td-id{color:#93c5fd;font-family:DM Mono,monospace;font-size:11px}.StoreStockDetails-td-date{color:#303133;white-space:nowrap}.StoreStockDetails-td-product{font-weight:600;color:#1e40af;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.StoreStockDetails-td-model{font-size:10px;color:#161616;font-weight:400;margin-top:1px}.StoreStockDetails-td-project{font-size:12px;font-weight:600;color:#1d4ed8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.StoreStockDetails-td-site{font-size:10px;color:#1c1d1d;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.StoreStockDetails-td-qty{text-align:right;font-family:DM Mono,monospace;font-weight:700}.StoreStockDetails-td-qty--in{color:#16a34a}.StoreStockDetails-td-qty--out{color:#dc2626}.StoreStockDetails-td-qty--neutral{color:#bfdbfe}.StoreStockDetails-td-qty--balance{color:#2563eb;font-weight:800}.StoreStockDetails-td-ref{color:#303234;font-size:11px;white-space:nowrap}.StoreStockDetails-td-chevron{text-align:center}.StoreStockDetails-chevron{transition:transform .2s}.StoreStockDetails-chevron.open{transform:rotate(180deg)}.StoreStockDetails-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.StoreStockDetails-badge-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.StoreStockDetails-expanded-td{padding:0 14px 14px!important;background:#eff6ff}.StoreStockDetails-expanded-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;padding:14px;background:#fff;border-radius:10px;border:1.5px solid #dbeafe}.StoreStockDetails-detail-item{display:flex;flex-direction:column;gap:2px}.StoreStockDetails-detail-label{font-size:10px;font-weight:700;color:#222223;text-transform:uppercase;letter-spacing:.06em}.StoreStockDetails-detail-value{font-size:12px;font-weight:600;color:#1e40af}.StoreStockDetails-table-empty{padding:48px 24px;text-align:center;color:#93c5fd}.StoreStockDetails-table-empty-icon{font-size:32px;margin-bottom:8px}.StoreStockDetails-table-empty-text{font-size:13px;font-weight:600}.transfer-page{min-height:100vh;background:linear-gradient(135deg,#f0f4ff,#fafafa);padding:24px;font-family:Inter,sans-serif}.transfer-header{display:flex;align-items:center;gap:14px;margin-bottom:28px}.transfer-back-btn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b;font-weight:500;transition:all .2s}.transfer-back-btn:hover{background:#f8fafc;border-color:#cbd5e1}.transfer-title{font-size:22px;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:10px}.transfer-store-badge{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border-radius:8px;padding:4px 12px;font-size:13px;font-weight:600;margin-left:8px}.transfer-toast{position:fixed;top:20px;right:24px;z-index:9999;border-radius:12px;padding:12px 20px;font-weight:600;font-size:13px;box-shadow:0 4px 24px #0000001a}.transfer-toast--success{background:#dcfce7;color:#15803d;border:1px solid #86efac}.transfer-toast--error{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.transfer-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:22px;box-shadow:0 1px 3px #00000012,0 4px 16px #6366f10f;border:1px solid #f1f5f9}.transfer-section-title{font-size:15px;font-weight:700;color:#1e293b;margin-bottom:18px;display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:2px solid #f1f5f9}.badge{border-radius:6px;padding:3px 10px;font-size:12px;color:#fff;font-weight:600}.badge--from{background:#94a3b8}.badge--to{background:#6366f1}.badge--count-green{margin-left:auto;background:#dcfce7;color:#15803d;border-radius:20px;padding:3px 12px;font-size:12px;font-weight:700}.badge--count-indigo{margin-left:auto;background:#eef2ff;color:#6366f1;border-radius:20px;padding:3px 12px;font-size:12px;font-weight:700}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:flex-end}.field-label{font-size:12px;font-weight:600;color:#64748b;margin-bottom:6px;display:block;text-transform:uppercase;letter-spacing:.04em}.field-static{background:#f8fafc;border-radius:10px;padding:10px 14px;border:1.5px solid #e2e8f0;font-size:13px;font-weight:600;color:#1e293b}.divider{display:flex;align-items:center;gap:12px;margin:20px 0}.divider__line{flex:1;height:1px;background:#e2e8f0}.divider__label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;padding:4px 12px;background:#f8fafc;border-radius:20px;border:1px solid #e2e8f0}.btn-fetch{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border:none;border-radius:10px;padding:10px 22px;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:7px;margin-top:8px}.btn-fetch:disabled{opacity:.65;cursor:not-allowed}.btn-add{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:7px;white-space:nowrap}.btn-remove{background:#fee2e2;color:#b91c1c;border:none;border-radius:8px;padding:5px 10px;cursor:pointer;display:flex;align-items:center;gap:4px;font-weight:600;font-size:12px}.btn-submit{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border:none;border-radius:12px;padding:13px 32px;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;margin-left:auto;margin-top:20px;box-shadow:0 4px 14px #6366f159}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.fetch-row{display:flex;justify-content:flex-end;margin-top:20px}.qty-row{display:flex;gap:10px}.qty-input{width:100%;border:1.5px solid #e2e8f0;border-radius:10px;padding:10px 14px;font-size:13px;color:#1e293b;outline:none;font-weight:500;transition:border-color .2s;box-sizing:border-box}.qty-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.qty-hint{font-size:11px;color:#64748b;margin-top:5px;font-weight:500}.table-wrap{overflow-x:auto}.stock-table,.transfer-table{width:100%;border-collapse:collapse;font-size:13px}.table-th{background:#f8fafc;padding:10px 14px;text-align:left;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0}.table-td{padding:11px 14px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:13px;font-weight:500}.table-td--muted{color:#94a3b8}.table-td--bold{font-weight:600}.table-row--even{background:#fff}.table-row--odd{background:#f8fafc}.balance-pill{display:inline-block;border-radius:20px;padding:3px 12px;font-weight:700;font-size:12px}.balance-pill--high{background:#dcfce7;color:#15803d}.balance-pill--mid{background:#fef9c3;color:#a16207}.balance-pill--low{background:#fee2e2;color:#b91c1c}.unit-pill{background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;color:#475569}.qty-pill{background:#eef2ff;color:#6366f1;border-radius:20px;padding:3px 14px;font-weight:700;font-size:13px}.empty-state{text-align:center;padding:32px;color:#94a3b8;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}:root{--pss-bg: #f4f6fb;--pss-surface: #ffffff;--pss-surface-2: #eaecf4;--pss-border: #d1d5e8;--pss-border-focus: #4f6ef7;--pss-text: #1a1d2e;--pss-text-muted: #6b7280;--pss-accent: #4f6ef7;--pss-accent-hover: #3a57e8;--pss-danger: #dc2626;--pss-success: #16a34a;--pss-warning: #d97706;--pss-font-body: "DM Sans", sans-serif;--pss-font-mono: "IBM Plex Mono", monospace;--pss-radius: 6px;--pss-radius-lg: 10px;--pss-transition: .15s ease}.project-site-status{font-family:var(--pss-font-body);background:var(--pss-bg);color:var(--pss-text);min-height:100vh;padding:2rem;box-sizing:border-box}.project-site-status__form,.project-site-status__history{background:var(--pss-surface);border:1px solid var(--pss-border);border-radius:var(--pss-radius-lg);padding:1.75rem;box-shadow:0 1px 4px #0000000f,0 4px 16px #0000000a}.project-site-status__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--pss-border);margin-bottom:1.75rem}.project-site-status__header-left{display:flex;align-items:center;gap:.875rem}.project-site-status__icon{font-size:2rem;line-height:1}.project-site-status__title{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin:0;color:var(--pss-text)}.project-site-status__subtitle{font-size:.78rem;color:var(--pss-text-muted);margin:.15rem 0 0;font-family:var(--pss-font-mono)}.project-site-status__tabs{display:flex;gap:.25rem;background:var(--pss-surface);border:1px solid var(--pss-border);border-radius:var(--pss-radius-lg);padding:.25rem}.project-site-status__tab{background:transparent;border:none;color:var(--pss-text-muted);font-family:var(--pss-font-body);font-size:.85rem;font-weight:500;padding:.45rem 1.1rem;border-radius:7px;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:color var(--pss-transition),background var(--pss-transition)}.project-site-status__tab:hover{color:var(--pss-text)}.project-site-status__tab--active{background:var(--pss-accent);color:#fff}.project-site-status__count{background:#fff3;font-size:.7rem;font-weight:700;border-radius:100px;padding:.05rem .45rem;font-family:var(--pss-font-mono)}.project-site-status__form{display:flex;flex-direction:column;gap:1.25rem}.project-site-status__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem}.project-site-status__field{display:flex;flex-direction:column;gap:.45rem}.project-site-status__field--full{width:100%}.project-site-status__label{font-size:.78rem;font-weight:600;color:var(--pss-text-muted);text-transform:uppercase;letter-spacing:.07em;font-family:var(--pss-font-mono)}.project-site-status__required{color:var(--pss-danger);margin-left:2px}.project-site-status__hint{font-weight:400;font-size:.72rem;color:var(--pss-text-muted);text-transform:none;letter-spacing:0;margin-left:4px}.project-site-status__input,.project-site-status__select,.project-site-status__textarea{background:var(--pss-surface);border:1px solid var(--pss-border);border-radius:var(--pss-radius);color:var(--pss-text);font-family:var(--pss-font-body);font-size:.9rem;padding:.6rem .875rem;outline:none;transition:border-color var(--pss-transition),box-shadow var(--pss-transition);width:100%;box-sizing:border-box;appearance:none;-webkit-appearance:none}.project-site-status__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;padding-right:2.2rem}.project-site-status__input::placeholder,.project-site-status__textarea::placeholder{color:#b0b7cc}.project-site-status__input:focus,.project-site-status__select:focus,.project-site-status__textarea:focus{border-color:var(--pss-border-focus);box-shadow:0 0 0 3px #4f6ef726}.project-site-status__input--error,.project-site-status__select.project-site-status__input--error{border-color:var(--pss-danger)}.project-site-status__input--error:focus{box-shadow:0 0 0 3px #e0525226}.project-site-status__textarea{resize:vertical;min-height:80px}.project-site-status__char-count{font-size:.72rem;color:var(--pss-text-muted);text-align:right;font-family:var(--pss-font-mono)}.project-site-status__error-msg{font-size:.75rem;color:var(--pss-danger);font-family:var(--pss-font-mono)}.project-site-status__status-pills{display:flex;flex-wrap:wrap;gap:.5rem}.project-site-status__pill{border:1px solid var(--pss-border);background:var(--pss-surface);color:var(--pss-text-muted);font-family:var(--pss-font-body);font-size:.8rem;font-weight:500;padding:.35rem .85rem;border-radius:100px;cursor:pointer;transition:all var(--pss-transition)}.project-site-status__pill:hover{border-color:var(--pss-accent);color:var(--pss-text)}.project-site-status__pill--active.project-site-status__pill--on-track{background:#dcfce7;border-color:#16a34a;color:#15803d}.project-site-status__pill--active.project-site-status__pill--delayed{background:#fef3c7;border-color:#d97706;color:#b45309}.project-site-status__pill--active.project-site-status__pill--blocked{background:#fee2e2;border-color:#dc2626;color:#b91c1c}.project-site-status__pill--active.project-site-status__pill--completed{background:#eff6ff;border-color:#4f6ef7;color:#3a57e8}.project-site-status__pill--active.project-site-status__pill--paused{background:#f3f4f6;border-color:#9ca3af;color:#6b7280}.project-site-status__dropzone{border:2px dashed var(--pss-border);border-radius:var(--pss-radius-lg);background:var(--pss-surface);padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:border-color var(--pss-transition),background var(--pss-transition)}.project-site-status__dropzone:hover,.project-site-status__dropzone--active{border-color:var(--pss-accent);background:#4f6ef70d}.project-site-status__dropzone-icon{font-size:2rem}.project-site-status__dropzone-text{font-size:.9rem;color:var(--pss-text-muted);margin:0}.project-site-status__dropzone-link{color:var(--pss-accent);text-decoration:underline}.project-site-status__dropzone-sub{font-size:.75rem;color:#9ca3af;margin:0;font-family:var(--pss-font-mono)}.project-site-status__file-hidden{display:none}.project-site-status__previews{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.project-site-status__preview-item{position:relative;width:90px;display:flex;flex-direction:column;align-items:center;gap:.3rem}.project-site-status__preview-img{width:90px;height:70px;object-fit:cover;border-radius:var(--pss-radius);border:1px solid var(--pss-border)}.project-site-status__preview-remove{position:absolute;top:-7px;right:-7px;background:var(--pss-danger);color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:.9rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform var(--pss-transition)}.project-site-status__preview-remove:hover{transform:scale(1.15)}.project-site-status__preview-name{font-size:.62rem;color:var(--pss-text-muted);font-family:var(--pss-font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px;text-align:center}.project-site-status__progress-wrap{display:flex;flex-direction:column;gap:.4rem}.project-site-status__progress-bar{background:var(--pss-surface-2);border-radius:100px;height:6px;overflow:hidden}.project-site-status__progress-fill{height:100%;background:linear-gradient(90deg,var(--pss-accent),#9b7cf8);border-radius:100px;transition:width .2s ease}.project-site-status__progress-label{font-size:.75rem;color:var(--pss-text-muted);font-family:var(--pss-font-mono)}.project-site-status__result{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-radius:var(--pss-radius);font-size:.875rem;font-weight:500;animation:pss-slide-in .25s ease}.project-site-status__result--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.project-site-status__result--error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.project-site-status__result-close{margin-left:auto;background:none;border:none;color:inherit;font-size:1.1rem;cursor:pointer;opacity:.7;line-height:1;padding:0}.project-site-status__result-close:hover{opacity:1}.project-site-status__actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--pss-border)}.project-site-status__btn-primary,.project-site-status__btn-secondary{font-family:var(--pss-font-body);font-size:.875rem;font-weight:600;padding:.6rem 1.5rem;border-radius:var(--pss-radius);border:1px solid transparent;cursor:pointer;transition:all var(--pss-transition)}.project-site-status__btn-primary{background:var(--pss-accent);color:#fff;border-color:var(--pss-accent)}.project-site-status__btn-primary:hover:not(:disabled){background:var(--pss-accent-hover)}.project-site-status__btn-primary:disabled{opacity:.5;cursor:not-allowed}.project-site-status__btn-secondary{background:transparent;color:var(--pss-text-muted);border-color:var(--pss-border)}.project-site-status__btn-secondary:hover{color:var(--pss-text);border-color:var(--pss-text-muted)}.project-site-status__history{display:flex;flex-direction:column;gap:1rem}.project-site-status__empty{text-align:center;padding:3rem 1rem;color:var(--pss-text-muted)}.project-site-status__empty-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.project-site-status__record{background:var(--pss-surface);border:1px solid var(--pss-border);border-radius:var(--pss-radius-lg);padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.6rem;transition:border-color var(--pss-transition)}.project-site-status__record:hover{border-color:var(--pss-accent)}.project-site-status__record-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.project-site-status__record-meta{display:flex;align-items:center;gap:.75rem}.project-site-status__record-date{font-size:.8rem;color:var(--pss-text-muted);font-family:var(--pss-font-mono)}.project-site-status__record-ids{display:flex;gap:.4rem;font-size:.75rem;color:var(--pss-text-muted);font-family:var(--pss-font-mono)}.project-site-status__badge{display:inline-block;font-size:.72rem;font-weight:700;font-family:var(--pss-font-mono);padding:.2rem .65rem;border-radius:100px;letter-spacing:.04em;text-transform:uppercase}.project-site-status__badge--green{background:#dcfce7;color:#15803d}.project-site-status__badge--yellow{background:#fef3c7;color:#b45309}.project-site-status__badge--red{background:#fee2e2;color:#b91c1c}.project-site-status__badge--blue{background:#eff6ff;color:#3a57e8}.project-site-status__badge--gray{background:#f3f4f6;color:#6b7280}.project-site-status__record-reason{font-size:.85rem;margin:0;color:var(--pss-text-muted)}.project-site-status__record-reason strong{color:var(--pss-text)}.project-site-status__record-message{font-size:.88rem;color:var(--pss-text);margin:0;line-height:1.55}.project-site-status__record-images{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.project-site-status__record-thumb{width:72px;height:56px;object-fit:cover;border-radius:var(--pss-radius);border:1px solid var(--pss-border);transition:transform var(--pss-transition)}.project-site-status__record-thumb:hover{transform:scale(1.06)}.project-site-status__record-footer{font-size:.7rem;color:#9ca3af;font-family:var(--pss-font-mono);margin-top:.25rem;border-top:1px solid var(--pss-border);padding-top:.5rem}@keyframes pss-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.project-site-status{padding:1rem}.project-site-status__header{flex-direction:column;align-items:flex-start}.project-site-status__grid{grid-template-columns:1fr}.project-site-status__actions{flex-direction:column-reverse}.project-site-status__btn-primary,.project-site-status__btn-secondary{width:100%;text-align:center}}.ViewProjectStatusAndEdit__root{min-height:100vh;background:#f1f5f9;padding:28px 24px;font-family:Inter,Segoe UI,sans-serif;box-sizing:border-box}.ViewProjectStatusAndEdit__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.ViewProjectStatusAndEdit__header-left{display:flex;align-items:center;gap:14px}.ViewProjectStatusAndEdit__title{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 2px}.ViewProjectStatusAndEdit__subtitle{font-size:13px;color:#64748b;margin:0}.ViewProjectStatusAndEdit__result-count{background:#dbeafe;color:#1d4ed8;font-size:13px;font-weight:600;padding:5px 14px;border-radius:20px}.ViewProjectStatusAndEdit__filter-card{background:#fff;border-radius:14px;padding:20px 22px;box-shadow:0 1px 6px #00000012;margin-bottom:24px}.ViewProjectStatusAndEdit__filter-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}@media (max-width: 768px){.ViewProjectStatusAndEdit__filter-grid{grid-template-columns:1fr}}.ViewProjectStatusAndEdit__field{display:flex;flex-direction:column;gap:6px}.ViewProjectStatusAndEdit__label{font-size:13px;font-weight:600;color:#374151}.ViewProjectStatusAndEdit__date-input{height:44px;border:1.5px solid #e2e8f0;border-radius:10px;background:#f8fafc;padding:0 12px;font-size:14px;color:#1e293b;outline:none;transition:border .2s,box-shadow .2s;box-sizing:border-box;width:100%}.ViewProjectStatusAndEdit__date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.ViewProjectStatusAndEdit__filter-actions{display:flex;gap:10px;justify-content:flex-end}.ViewProjectStatusAndEdit__btn-clear{padding:9px 22px;border:1.5px solid #e2e8f0;border-radius:9px;background:#fff;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border .15s}.ViewProjectStatusAndEdit__btn-clear:hover{background:#f1f5f9;border-color:#cbd5e1}.ViewProjectStatusAndEdit__btn-search{padding:9px 26px;border:none;border-radius:9px;background:#3b82f6;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:7px;transition:background .15s,opacity .15s}.ViewProjectStatusAndEdit__btn-search:hover:not(:disabled){background:#2563eb}.ViewProjectStatusAndEdit__btn-search:disabled{opacity:.55;cursor:not-allowed}.ViewProjectStatusAndEdit__spinner{width:16px;height:16px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ViewProjectStatusAndEdit__spin .7s linear infinite;display:inline-block}@keyframes ViewProjectStatusAndEdit__spin{to{transform:rotate(360deg)}}.ViewProjectStatusAndEdit__error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:10px;padding:12px 16px;font-size:14px;margin-bottom:18px;display:flex;align-items:center;gap:8px}.ViewProjectStatusAndEdit__skeleton-wrap{display:flex;flex-direction:column;gap:14px}.ViewProjectStatusAndEdit__skeleton-card{background:#fff;border-radius:14px;padding:20px 22px;box-shadow:0 1px 6px #0000000f}.ViewProjectStatusAndEdit__skeleton-line{height:13px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:400% 100%;animation:ViewProjectStatusAndEdit__shimmer 1.4s ease infinite;border-radius:6px;margin-bottom:10px}.ViewProjectStatusAndEdit__skeleton-line--short{width:40%}.ViewProjectStatusAndEdit__skeleton-line--medium{width:65%}@keyframes ViewProjectStatusAndEdit__shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.ViewProjectStatusAndEdit__empty{text-align:center;padding:60px 20px}.ViewProjectStatusAndEdit__empty-icon{font-size:40px;margin-bottom:12px}.ViewProjectStatusAndEdit__empty-text{font-size:15px;color:#64748b}.ViewProjectStatusAndEdit__cards{display:flex;flex-direction:column;gap:16px}.ViewProjectStatusAndEdit__card{background:#fff;border-radius:14px;box-shadow:0 1px 6px #00000012;overflow:hidden;transition:box-shadow .2s}.ViewProjectStatusAndEdit__card:hover{box-shadow:0 4px 18px #0000001a}.ViewProjectStatusAndEdit__card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:8px}.ViewProjectStatusAndEdit__card-meta{display:flex;align-items:center;gap:10px}.ViewProjectStatusAndEdit__card-id{font-size:13px;font-weight:700;color:#94a3b8;letter-spacing:.5px}.ViewProjectStatusAndEdit__card-header-right{display:flex;align-items:center;gap:12px}.ViewProjectStatusAndEdit__card-date{font-size:13px;color:#64748b}.ViewProjectStatusAndEdit__edit-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;border:1.5px solid #e2e8f0;border-radius:7px;background:#fff;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.ViewProjectStatusAndEdit__edit-btn:hover{background:#eff6ff;border-color:#93c5fd;color:#2563eb}.ViewProjectStatusAndEdit__badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;text-transform:capitalize;letter-spacing:.3px}.ViewProjectStatusAndEdit__badge--active{background:#dcfce7;color:#166534}.ViewProjectStatusAndEdit__badge--inactive{background:#f1f5f9;color:#475569}.ViewProjectStatusAndEdit__badge--pending{background:#fef9c3;color:#854d0e}.ViewProjectStatusAndEdit__badge--delayed{background:#ffedd5;color:#9a3412}.ViewProjectStatusAndEdit__badge--completed{background:#dbeafe;color:#1e40af}.ViewProjectStatusAndEdit__badge--default{background:#f1f5f9;color:#475569}.ViewProjectStatusAndEdit__card-body{padding:14px 18px}.ViewProjectStatusAndEdit__card-row{display:flex;gap:10px;margin-bottom:8px;align-items:flex-start}.ViewProjectStatusAndEdit__card-field-label{font-size:12px;font-weight:600;color:#94a3b8;min-width:80px;text-transform:uppercase;letter-spacing:.4px;padding-top:1px}.ViewProjectStatusAndEdit__card-field-value{font-size:14px;color:#1e293b}.ViewProjectStatusAndEdit__card-message{margin-top:6px;display:flex;flex-direction:column;gap:4px}.ViewProjectStatusAndEdit__card-message-text{font-size:14px;color:#334155;background:#f8fafc;border-left:3px solid #3b82f6;padding:8px 12px;border-radius:0 8px 8px 0;margin:0;line-height:1.55}.ViewProjectStatusAndEdit__card-images{padding:0 18px 14px}.ViewProjectStatusAndEdit__images-label{font-size:12px;font-weight:600;color:#64748b;margin:0 0 8px}.ViewProjectStatusAndEdit__images-grid{display:flex;gap:8px;flex-wrap:wrap}.ViewProjectStatusAndEdit__image-thumb{width:70px;height:70px;border-radius:8px;overflow:hidden;cursor:pointer;position:relative;border:1.5px solid #e2e8f0}.ViewProjectStatusAndEdit__image-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.ViewProjectStatusAndEdit__image-thumb:hover img{transform:scale(1.08)}.ViewProjectStatusAndEdit__image-overlay{position:absolute;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;font-size:16px;opacity:0;transition:opacity .18s}.ViewProjectStatusAndEdit__image-thumb:hover .ViewProjectStatusAndEdit__image-overlay{opacity:1}.ViewProjectStatusAndEdit__card-footer{padding:10px 18px;border-top:1px solid #f1f5f9;background:#fafafa}.ViewProjectStatusAndEdit__card-created{font-size:12px;color:#94a3b8}.ViewProjectStatusAndEdit__lightbox{position:fixed;inset:0;background:#000000c7;z-index:1000;display:flex;align-items:center;justify-content:center}.ViewProjectStatusAndEdit__lightbox-inner{position:relative;max-width:90vw;max-height:90vh}.ViewProjectStatusAndEdit__lightbox-close{position:absolute;top:-14px;right:-14px;width:32px;height:32px;border-radius:50%;background:#fff;border:none;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 2px 8px #00000038}.ViewProjectStatusAndEdit__lightbox-img{max-width:90vw;max-height:85vh;border-radius:12px;display:block}.ViewProjectStatusAndEdit__overlay{position:fixed;inset:0;background:#0f172a61;z-index:200;opacity:0;pointer-events:none;transition:opacity .28s ease}.ViewProjectStatusAndEdit__overlay--visible{opacity:1;pointer-events:all}.ViewProjectStatusAndEdit__sidebar{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:96vw;background:#fff;z-index:300;display:flex;flex-direction:column;box-shadow:-6px 0 32px #00000021;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.ViewProjectStatusAndEdit__sidebar--open{transform:translate(0)}.ViewProjectStatusAndEdit__sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 16px;border-bottom:1px solid #e2e8f0;background:#fff;flex-shrink:0}.ViewProjectStatusAndEdit__sidebar-title-wrap{display:flex;align-items:center;gap:10px}.ViewProjectStatusAndEdit__sidebar-title{font-size:17px;font-weight:700;color:#0f172a;margin:0}.ViewProjectStatusAndEdit__sidebar-id{font-size:12px;font-weight:600;color:#94a3b8;background:#f1f5f9;padding:2px 8px;border-radius:6px}.ViewProjectStatusAndEdit__sidebar-close{width:32px;height:32px;border-radius:7px;background:#f1f5f9;border:none;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#475569;transition:background .15s}.ViewProjectStatusAndEdit__sidebar-close:hover{background:#e2e8f0}.ViewProjectStatusAndEdit__sidebar-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:18px}.ViewProjectStatusAndEdit__sidebar-field{display:flex;flex-direction:column;gap:6px}.ViewProjectStatusAndEdit__sidebar-label{font-size:13px;font-weight:600;color:#374151}.ViewProjectStatusAndEdit__sidebar-label-hint{font-size:11.5px;font-weight:400;color:#94a3b8}.ViewProjectStatusAndEdit__sidebar-input{height:40px;border:1.5px solid #cbd5e1;border-radius:8px;background:#fff;padding:0 12px;font-size:14px;color:#1e293b;outline:none;transition:border .18s,box-shadow .18s;box-sizing:border-box;width:100%}.ViewProjectStatusAndEdit__sidebar-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ViewProjectStatusAndEdit__sidebar-date-input{height:40px;border:1.5px solid #cbd5e1;border-radius:8px;background:#fff;padding:0 12px;font-size:14px;color:#1e293b;outline:none;transition:border .18s,box-shadow .18s;box-sizing:border-box;width:100%}.ViewProjectStatusAndEdit__sidebar-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ViewProjectStatusAndEdit__sidebar-textarea{border:1.5px solid #cbd5e1;border-radius:8px;background:#fff;padding:10px 12px;font-size:14px;color:#1e293b;outline:none;resize:vertical;font-family:inherit;transition:border .18s,box-shadow .18s;box-sizing:border-box;width:100%;min-height:90px}.ViewProjectStatusAndEdit__sidebar-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ViewProjectStatusAndEdit__sidebar-images-grid{display:flex;flex-wrap:wrap;gap:8px}.ViewProjectStatusAndEdit__sidebar-img-wrap{position:relative;width:72px;height:72px;border-radius:8px;overflow:hidden;border:2px solid #e2e8f0;cursor:pointer;transition:border-color .18s,opacity .18s}.ViewProjectStatusAndEdit__sidebar-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.ViewProjectStatusAndEdit__sidebar-img-wrap:hover{border-color:#f87171}.ViewProjectStatusAndEdit__sidebar-img-wrap--remove{border-color:#ef4444;opacity:.6}.ViewProjectStatusAndEdit__sidebar-img-remove-overlay{position:absolute;inset:0;background:#ef444480;display:flex;align-items:center;justify-content:center;font-size:20px}.ViewProjectStatusAndEdit__sidebar-remove-hint{font-size:12px;color:#ef4444;margin:2px 0 0}.ViewProjectStatusAndEdit__sidebar-upload-zone{border:2px dashed #cbd5e1;border-radius:10px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:border-color .18s,background .18s;background:#f8fafc}.ViewProjectStatusAndEdit__sidebar-upload-zone:hover{border-color:#3b82f6;background:#eff6ff}.ViewProjectStatusAndEdit__sidebar-upload-icon{font-size:22px}.ViewProjectStatusAndEdit__sidebar-upload-text{font-size:13px;color:#64748b}.ViewProjectStatusAndEdit__sidebar-new-images-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ViewProjectStatusAndEdit__sidebar-new-img-wrap{position:relative;width:72px;height:72px;border-radius:8px;overflow:hidden;border:2px solid #3b82f6}.ViewProjectStatusAndEdit__sidebar-new-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.ViewProjectStatusAndEdit__sidebar-new-img-remove{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#ef4444e6;border:none;color:#fff;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.ViewProjectStatusAndEdit__sidebar-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:8px;padding:10px 14px;font-size:13px}.ViewProjectStatusAndEdit__sidebar-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;border-radius:8px;padding:10px 14px;font-size:13px}.ViewProjectStatusAndEdit__sidebar-footer{padding:14px 20px;border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;background:#fff;flex-shrink:0}.ViewProjectStatusAndEdit__sidebar-btn-cancel{padding:9px 22px;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.ViewProjectStatusAndEdit__sidebar-btn-cancel:hover:not(:disabled){background:#f1f5f9}.ViewProjectStatusAndEdit__sidebar-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.ViewProjectStatusAndEdit__sidebar-btn-save{padding:9px 26px;border:none;border-radius:8px;background:#3b82f6;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:7px;transition:background .15s,opacity .15s}.ViewProjectStatusAndEdit__sidebar-btn-save:hover:not(:disabled){background:#2563eb}.ViewProjectStatusAndEdit__sidebar-btn-save:disabled{opacity:.55;cursor:not-allowed}.payslip-individual-page{padding:24px;background:#f4f5f7;min-height:100vh}.payslip-individual-filter-card{background:#fff;border-radius:7px;padding:18px 19px;box-shadow:0 10px 30px #4f4e4e14;max-width:1200px;margin:0 auto 30px;border:1px solid #f1f1f1}.payslip-individual-filter-title{font-size:20px;font-weight:700;color:#111827;margin-bottom:6px;letter-spacing:.3px}.payslip-individual-filter-underline{width:90px;height:4px;background:linear-gradient(90deg,#5b3a96,#7c5cff);border-radius:6px;margin-bottom:24px}.payslip-individual-filter-grid{display:flex;flex-direction:column;gap:16px}.payslip-individual-label{font-size:13px;font-weight:600;color:#6b7280}.payslip-individual-inline-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.payslip-individual-month-input{height:38px;padding:0 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;min-width:200px;background:#fff;color:#111827;outline:none;transition:all .25s ease;box-shadow:0 1px 2px #0000000a}.payslip-individual-month-input:focus{border-color:#5b3a96;box-shadow:0 0 0 3px #5b3a9626}.payslip-individual-month-input:hover{border-color:#9ca3af}.payslip-individual-month-input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.7}.payslip-individual-month-input:focus{border-color:#5b3a96;background:#fff;box-shadow:0 0 0 3px #5b3a961f}.payslip-individual-inline-row button{height:38px;padding:0 16px;border-radius:8px;font-size:13px;cursor:pointer;border:none;transition:all .2s ease;display:flex;align-items:center;gap:6px}.payslip-individual-show-btn{background:linear-gradient(135deg,#5b3a96,#5f4da7);color:#fff;font-weight:600}.payslip-individual-show-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #5b3a964d}.payslip-individual-reset-btn{background:#f3f4f6;color:#374151;font-weight:500}.payslip-individual-reset-btn:hover{background:#e5e7eb}.payslip-individual-download-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600}.payslip-individual-download-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.payslip-individual-error{color:#dc2626;font-size:13px;margin-top:10px}.download-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999}.download-popup-box{background:#fff;padding:24px;border-radius:12px;width:280px;text-align:center;box-shadow:0 10px 25px #00000026}.download-popup-box h3{margin-bottom:16px;font-size:18px;color:#111827}.download-popup-box button{width:100%;margin-bottom:10px;padding:10px;border-radius:6px;border:none;cursor:pointer}.download-popup-box button:nth-child(2){background:#5b3a96;color:#fff}.download-popup-box button:nth-child(3){background:#10b981;color:#fff}.download-popup-box button:last-child{background:#e5e7eb}.payslip-individual-state-msg{text-align:center;padding:48px;color:#6b7280;font-size:15px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f}.payslip-individual-container{max-width:200vh;background:#fff;border-radius:10px;box-shadow:0 2px 16px #00000014;overflow:hidden;margin:0 auto}.payslip-individual-wrapper{padding:32px 36px;max-width:960px;margin:0 auto}.payslip-individual-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #1a1a2e;padding-bottom:16px;margin-bottom:20px}.payslip-individual-header-left{display:flex;align-items:center;gap:20px}.payslip-individual-company-name h1{font-size:22px;font-weight:900;color:#515069;letter-spacing:1px;line-height:1}.payslip-individual-tagline{font-size:10px;color:#9ca3af;margin-top:2px}.payslip-individual-company-info h1{font-size:15px;font-weight:800;color:#1a1a2e;text-transform:uppercase;letter-spacing:.5px}.payslip-individual-company-info p{font-size:12px;color:#6b7280;margin-top:3px}.payslip-individual-financial-period{font-style:italic}.payslip-individual-header-right p{font-size:12px;color:#e74c3c;font-weight:700}.payslip-individual-section{margin-bottom:20px}.payslip-individual-info-table{width:100%;border-collapse:collapse}.payslip-individual-info-table thead th{background:#4e4e8f;color:#fff;padding:10px 14px;text-align:left;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.payslip-individual-info-table tbody td{padding:8px 14px;border:1px solid #e5e7eb;font-size:12.5px;color:#374151}.payslip-individual-info-table tbody tr:nth-child(2n) td{background:#f9fafb}.payslip-individual-td-label{font-weight:700;color:#1a1a2e!important;width:18%}.payslip-individual-earnings-table{width:100%;border-collapse:collapse}.payslip-individual-earnings-table thead th{background:#575797;color:#fff;padding:10px 14px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.payslip-individual-earnings-table thead th:nth-child(2),.payslip-individual-earnings-table thead th:nth-child(4){text-align:right}.payslip-individual-earnings-table tbody td{padding:8px 14px;border:1px solid #e5e7eb;font-size:12.5px;color:#374151}.payslip-individual-earnings-table tbody tr:nth-child(2n) td{background:#f9fafb}.payslip-individual-amount{text-align:right!important;font-family:Courier New,monospace;font-size:12.5px}.payslip-individual-total-row td{font-weight:700!important;background:#eef2ff!important;font-size:13px!important}.payslip-individual-spacer-row td{border:none!important;background:transparent!important;height:10px;padding:0!important}.payslip-individual-lop-negative{color:#e74c3c}.payslip-individual-net-salary-section table{border-collapse:collapse;width:100%}.payslip-individual-net-salary-section td{padding:12px 14px;font-size:14px;font-weight:700;border-top:2px solid #1a1a2e;border-bottom:2px solid #1a1a2e;color:#1a1a2e}.payslip-individual-net-total{color:#16a34a!important;font-size:16px!important}.payslip-individual-footer-note{border:1px solid #e5e7eb;border-radius:6px;padding:14px;text-align:center;margin-top:16px}.payslip-individual-footer-note p{font-size:11px;color:#9ca3af;font-style:italic}.payslip-individual-bottom-text{text-align:center;margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.payslip-individual-bottom-text p{font-size:11px;color:#6b7280;line-height:1.7}@media print{.no-print{display:none!important}.payslip-individual-page{padding:0;background:#fff}.payslip-individual-container{box-shadow:none}}